@owp/core 2.2.4 → 2.2.5
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/_virtual/index11.js +2 -2
- package/dist/_virtual/index12.js +2 -2
- package/dist/_virtual/index13.js +2 -2
- package/dist/_virtual/index14.js +2 -2
- package/dist/_virtual/index16.js +2 -5
- package/dist/_virtual/index16.js.map +1 -1
- package/dist/_virtual/index17.js +2 -2
- package/dist/_virtual/index5.js +5 -2
- package/dist/_virtual/index5.js.map +1 -1
- package/dist/_virtual/index6.js +2 -2
- package/dist/_virtual/index7.js +2 -2
- package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js +68 -149
- package/dist/components/OwpCommonCode/OwpCommonCodeSelector.js.map +1 -1
- package/dist/components/OwpOptionSelector/OwpOptionSelector.js +52 -38
- package/dist/components/OwpOptionSelector/OwpOptionSelector.js.map +1 -1
- package/dist/components/OwpQuerySelector/OwpQuerySelector.js +232 -0
- package/dist/components/OwpQuerySelector/OwpQuerySelector.js.map +1 -0
- package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js +381 -0
- package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map +1 -0
- package/dist/components/OwpSelectorBase/OwpSelectorBase.js +14 -0
- package/dist/components/OwpSelectorBase/OwpSelectorBase.js.map +1 -0
- package/dist/components/OwpSelectorBase/OwpSelectorSelect.js +152 -0
- package/dist/components/OwpSelectorBase/OwpSelectorSelect.js.map +1 -0
- package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js +120 -0
- package/dist/components/OwpSelectorBase/hooks/useOwpSelectorBase.js.map +1 -0
- package/dist/components/OwpSelectorBase/utils/querySelectorUtils.js +24 -0
- package/dist/components/OwpSelectorBase/utils/querySelectorUtils.js.map +1 -0
- package/dist/index.js +39 -37
- package/dist/index.js.map +1 -1
- package/dist/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/ArrowDropDown.js +9 -0
- package/dist/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/ArrowDropDown.js.map +1 -0
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isFunction.js +10 -0
- package/dist/node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isFunction.js.map +1 -0
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE39/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/constants.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE93/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/GenericBarcode/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/MSI/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/codabar/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/pharmacode/index.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/renderers/index.js +1 -1
- package/dist/node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js +1 -1
- package/dist/node_modules/.pnpm/qrcode@1.5.4/node_modules/qrcode/lib/core/utils.js +1 -1
- package/dist/node_modules/.pnpm/qrcode@1.5.4/node_modules/qrcode/lib/renderer/utils.js +1 -1
- package/dist/node_modules/.pnpm/react-imask@7.6.1_react@19.2.4/node_modules/react-imask/esm/mixin.js +1 -1
- package/dist/node_modules/.pnpm/react-is@16.13.1/node_modules/react-is/index.js +1 -1
- package/dist/node_modules/.pnpm/react-overlays@5.2.1_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-overlays/esm/Portal.js +1 -1
- package/dist/owp-app.css +1 -1
- package/dist/types/components/OwpCommonCode/OwpCommonCodeSelector.d.ts +16 -6
- package/dist/types/components/OwpOptionSelector/OwpOptionSelector.d.ts +9 -8
- package/dist/types/components/OwpQuerySelector/OwpQuerySelector.d.ts +6 -0
- package/dist/types/components/OwpQuerySelector/index.d.ts +2 -0
- package/dist/types/components/OwpQuerySelector/types/index.d.ts +1 -0
- package/dist/types/components/OwpQuerySelector/types/types.d.ts +42 -0
- package/dist/types/components/OwpSelectorBase/OwpSelectorAutocomplete.d.ts +11 -0
- package/dist/types/components/OwpSelectorBase/OwpSelectorBase.d.ts +6 -0
- package/dist/types/components/OwpSelectorBase/OwpSelectorSelect.d.ts +11 -0
- package/dist/types/components/OwpSelectorBase/hooks/useOwpSelectorBase.d.ts +6 -0
- package/dist/types/components/OwpSelectorBase/types/index.d.ts +1 -0
- package/dist/types/components/OwpSelectorBase/types/types.d.ts +59 -0
- package/dist/types/components/OwpSelectorBase/utils/index.d.ts +1 -0
- package/dist/types/components/OwpSelectorBase/utils/querySelectorUtils.d.ts +31 -0
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/_virtual/index11.js
CHANGED
package/dist/_virtual/index12.js
CHANGED
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index16.js
CHANGED
|
@@ -1,8 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
|
|
3
|
-
var p = /* @__PURE__ */ o();
|
|
4
|
-
const s = /* @__PURE__ */ r(p);
|
|
1
|
+
var e = {};
|
|
5
2
|
export {
|
|
6
|
-
|
|
3
|
+
e as __exports
|
|
7
4
|
};
|
|
8
5
|
//# sourceMappingURL=index16.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index16.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/_virtual/index17.js
CHANGED
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
|
|
2
|
+
import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
|
|
3
|
+
var p = /* @__PURE__ */ o();
|
|
4
|
+
const s = /* @__PURE__ */ r(p);
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
s as default
|
|
4
7
|
};
|
|
5
8
|
//# sourceMappingURL=index5.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index5.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
package/dist/_virtual/index6.js
CHANGED
package/dist/_virtual/index7.js
CHANGED
|
@@ -1,159 +1,78 @@
|
|
|
1
1
|
var R = Object.defineProperty;
|
|
2
|
-
var
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
2
|
+
var O = (t, m) => R(t, "name", { value: m, configurable: !0 });
|
|
3
|
+
import { 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 { OwpSelectorBase as d } from "../OwpSelectorBase/OwpSelectorBase.js";
|
|
5
|
+
import { useGetCommonCodeList as j } from "../../hooks/useCommonCodeList.js";
|
|
6
|
+
import { useMemo as s } from "react";
|
|
7
|
+
import { isFunction as P } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isFunction.js";
|
|
8
|
+
const V = /* @__PURE__ */ O((t, m) => t[m ? "IPX_COMMONCODE.DESCRIPTION" : "IPX_COMMONCODE.CODEID"], "getCommonCodeValue"), k = /* @__PURE__ */ O(({
|
|
9
|
+
className: t,
|
|
10
|
+
codeId: m,
|
|
11
|
+
defaultValue: E,
|
|
12
|
+
description: e,
|
|
13
|
+
disableAllValueItem: I,
|
|
14
|
+
error: N,
|
|
15
|
+
filterOptions: n,
|
|
16
|
+
fullWidth: c,
|
|
17
|
+
helperText: i,
|
|
18
|
+
label: S,
|
|
19
|
+
multiple: L,
|
|
20
|
+
onChange: a,
|
|
21
|
+
required: X,
|
|
22
|
+
selectorType: _ = "select",
|
|
23
|
+
textFieldProps: C,
|
|
24
|
+
useValueKeyDescription: f,
|
|
25
|
+
value: b,
|
|
26
|
+
variant: u,
|
|
27
|
+
...l
|
|
15
28
|
}) => {
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
value: C(s, r),
|
|
29
|
-
children: s["IPX_COMMONCODE.CODENM"]
|
|
30
|
-
},
|
|
31
|
-
`common-code-selector-item-${C(s, r)}`
|
|
32
|
-
))
|
|
33
|
-
]
|
|
34
|
-
}
|
|
29
|
+
const r = j(), M = s(() => (r == null ? void 0 : r[m]) ?? [], [m, r]), D = s(() => {
|
|
30
|
+
const o = P(n) ? M.filter(n) : M;
|
|
31
|
+
return e ? o.filter(
|
|
32
|
+
(v) => v["IPX_COMMONCODE.DESCRIPTION"] === e
|
|
33
|
+
) : o;
|
|
34
|
+
}, [M, e, n]), w = s(
|
|
35
|
+
() => D.map((o) => ({
|
|
36
|
+
label: o["IPX_COMMONCODE.CODENM"],
|
|
37
|
+
raw: o,
|
|
38
|
+
value: V(o, f)
|
|
39
|
+
})),
|
|
40
|
+
[D, f]
|
|
35
41
|
);
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
disableAllValueItem: t,
|
|
39
|
-
useDescriptionValue: r,
|
|
40
|
-
defaultValue: n,
|
|
41
|
-
name: f,
|
|
42
|
-
onChange: p,
|
|
43
|
-
value: s,
|
|
44
|
-
...N
|
|
45
|
-
}) => {
|
|
46
|
-
const { t: O } = X(), E = D(!1), h = D(s == null || s === ""), M = D(p);
|
|
47
|
-
M.current = p;
|
|
48
|
-
const o = s ?? n, m = l.map(
|
|
49
|
-
(e) => C(e, r)
|
|
50
|
-
), a = m.join(","), _ = /* @__PURE__ */ u((e) => ({
|
|
51
|
-
target: {
|
|
52
|
-
value: e,
|
|
53
|
-
name: f ?? ""
|
|
54
|
-
}
|
|
55
|
-
}), "createChangeEvent"), v = /* @__PURE__ */ u((e, g = null) => {
|
|
56
|
-
const c = M.current;
|
|
57
|
-
c && c(_(e), g);
|
|
58
|
-
}, "emitChange"), d = !t && h.current && (o == null || o === "") ? m : o ? o.split(",").filter((e) => e !== "").map((e) => e.trim()) : [];
|
|
59
|
-
K(() => {
|
|
60
|
-
t || E.current || o != null && o !== "" || a && (E.current = !0, h.current = !1, v(a));
|
|
61
|
-
}, [o, t, a]);
|
|
62
|
-
const I = !!d.length && m.every((e) => d.includes(e));
|
|
63
|
-
return /* @__PURE__ */ S(
|
|
64
|
-
j,
|
|
42
|
+
return /* @__PURE__ */ T(
|
|
43
|
+
d,
|
|
65
44
|
{
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
45
|
+
allValueMode: "empty",
|
|
46
|
+
className: t,
|
|
47
|
+
defaultValue: E,
|
|
48
|
+
disableAllValueItem: I,
|
|
49
|
+
disabled: l.disabled,
|
|
50
|
+
error: N,
|
|
51
|
+
fullWidth: c,
|
|
52
|
+
helperText: i,
|
|
53
|
+
label: S,
|
|
54
|
+
multiple: L,
|
|
55
|
+
name: l.name,
|
|
56
|
+
onChange: /* @__PURE__ */ O((o) => {
|
|
57
|
+
a == null || a(o, null);
|
|
77
58
|
}, "onChange"),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
{
|
|
91
|
-
size: "small",
|
|
92
|
-
checked: d.includes(C(e, r))
|
|
93
|
-
}
|
|
94
|
-
),
|
|
95
|
-
/* @__PURE__ */ i(y, { primary: e["IPX_COMMONCODE.CODENM"] })
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
|
-
`common-code-selector-item-${C(e, r)}`
|
|
99
|
-
))
|
|
100
|
-
]
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}, "OwpMultiCommonCodeSelect"), B = /* @__PURE__ */ u((l) => {
|
|
104
|
-
const {
|
|
105
|
-
codeId: t,
|
|
106
|
-
description: r,
|
|
107
|
-
label: n,
|
|
108
|
-
fullWidth: f,
|
|
109
|
-
required: p,
|
|
110
|
-
error: s,
|
|
111
|
-
helperText: N,
|
|
112
|
-
filterOptions: O,
|
|
113
|
-
multiple: E,
|
|
114
|
-
useValueKeyDescription: h,
|
|
115
|
-
...M
|
|
116
|
-
} = l, o = `owp-common-code-select-label-${H()}`, m = b(), a = x(() => (m == null ? void 0 : m[t]) ?? [], [t, m]), _ = h, v = x(() => {
|
|
117
|
-
const d = V(O) ? a.filter(O) : a;
|
|
118
|
-
return r ? d.filter(
|
|
119
|
-
(I) => I["IPX_COMMONCODE.DESCRIPTION"] === r
|
|
120
|
-
) : d;
|
|
121
|
-
}, [a, r, O]);
|
|
122
|
-
return /* @__PURE__ */ S(
|
|
123
|
-
A,
|
|
124
|
-
{
|
|
125
|
-
className: E ? "w-128" : "min-w-128",
|
|
126
|
-
fullWidth: f,
|
|
127
|
-
required: p,
|
|
128
|
-
error: s,
|
|
129
|
-
children: [
|
|
130
|
-
n ? /* @__PURE__ */ i(F, { shrink: !0, id: o, children: n }) : null,
|
|
131
|
-
E ? /* @__PURE__ */ i(
|
|
132
|
-
W,
|
|
133
|
-
{
|
|
134
|
-
...M,
|
|
135
|
-
label: n,
|
|
136
|
-
labelId: n ? o : void 0,
|
|
137
|
-
finalCommonCodeList: v,
|
|
138
|
-
useDescriptionValue: _
|
|
139
|
-
}
|
|
140
|
-
) : /* @__PURE__ */ i(
|
|
141
|
-
q,
|
|
142
|
-
{
|
|
143
|
-
...M,
|
|
144
|
-
label: n,
|
|
145
|
-
labelId: n ? o : void 0,
|
|
146
|
-
finalCommonCodeList: v,
|
|
147
|
-
useDescriptionValue: _
|
|
148
|
-
}
|
|
149
|
-
),
|
|
150
|
-
N ? /* @__PURE__ */ i($, { children: N }) : null
|
|
151
|
-
]
|
|
59
|
+
options: w,
|
|
60
|
+
required: X,
|
|
61
|
+
selectProps: {
|
|
62
|
+
...l,
|
|
63
|
+
variant: u
|
|
64
|
+
},
|
|
65
|
+
selectorType: _,
|
|
66
|
+
textFieldProps: {
|
|
67
|
+
...C,
|
|
68
|
+
variant: (C == null ? void 0 : C.variant) ?? u
|
|
69
|
+
},
|
|
70
|
+
value: b
|
|
152
71
|
}
|
|
153
72
|
);
|
|
154
|
-
}, "OwpCommonCodeSelector"),
|
|
73
|
+
}, "OwpCommonCodeSelector"), H = k;
|
|
155
74
|
export {
|
|
156
|
-
|
|
157
|
-
|
|
75
|
+
H as CommonCodeSelector,
|
|
76
|
+
k as OwpCommonCodeSelector
|
|
158
77
|
};
|
|
159
78
|
//# sourceMappingURL=OwpCommonCodeSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OwpCommonCodeSelector.js","sources":["../../../src/components/OwpCommonCode/OwpCommonCodeSelector.tsx"],"sourcesContent":["import { useGetCommonCodeList } from '@/hooks/useCommonCodeList';\nimport { CommonCode } from '@/utils/commonCodeUtils';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n Checkbox,\n FormControl,\n FormHelperText,\n InputLabel,\n ListItemText,\n MenuItem,\n Select,\n SelectChangeEvent,\n SelectProps,\n} from '@mui/material';\nimport { isFunction } from 'es-toolkit';\nimport { isArray } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useId, useMemo, useRef } from 'react';\n\nconst SELECT_ALL_TOKEN = '__SELECT_ALL__';\n\nexport type OwpCommonCodeSelectorProps = SelectProps<string> & {\n codeId: string;\n description?: string;\n useValueKeyDescription?: boolean;\n disableAllValueItem?: boolean;\n helperText?: string;\n filterOptions?: (commonCode: CommonCode) => boolean;\n};\n\ntype CommonCodeSelectChangeHandler = (event: SelectChangeEvent<string>, child: ReactNode) => void;\n\ntype OwpSingleCommonCodeSelectProps = Omit<OwpCommonCodeSelectorProps, 'codeId' | 'multiple'> & {\n finalCommonCodeList: CommonCode[];\n useDescriptionValue?: boolean;\n};\n\ntype OwpMultiCommonCodeSelectProps = Omit<\n OwpCommonCodeSelectorProps,\n 'codeId' | 'multiple' | 'value' | 'defaultValue' | 'onChange' | 'renderValue'\n> & {\n value?: string;\n defaultValue?: string;\n name?: string;\n onChange?: CommonCodeSelectChangeHandler;\n finalCommonCodeList: CommonCode[];\n useDescriptionValue?: boolean;\n};\n\n/**\n * 공통코드 한 건에서 Select value로 사용할 값을 반환합니다.\n * @param commonCode 공통코드 데이터\n * @param useDescriptionValue DESCRIPTION 값을 value로 사용할지 여부\n */\nconst getCommonCodeValue = (commonCode: CommonCode, useDescriptionValue?: boolean) => {\n return commonCode[useDescriptionValue ? 'IPX_COMMONCODE.DESCRIPTION' : 'IPX_COMMONCODE.CODEID'];\n};\n\n/**\n * 단일 선택용 공통코드 Select를 렌더링합니다.\n * @param props 단일 선택 Select props\n */\nconst OwpSingleCommonCodeSelect = ({\n finalCommonCodeList,\n disableAllValueItem,\n useDescriptionValue,\n ...commonCodeProps\n}: OwpSingleCommonCodeSelectProps) => {\n const { t } = useOwpTranslation();\n const value = disableAllValueItem ? commonCodeProps.value : (commonCodeProps.value ?? '');\n\n return (\n <Select\n displayEmpty\n {...(commonCodeProps as SelectProps<unknown>)}\n value={value as SelectProps<unknown>['value']}\n >\n {!disableAllValueItem && <MenuItem value=\"\">{t('Common.전체')}</MenuItem>}\n {finalCommonCodeList.map((commonCode) => (\n <MenuItem\n key={`common-code-selector-item-${getCommonCodeValue(commonCode, useDescriptionValue)}`}\n value={getCommonCodeValue(commonCode, useDescriptionValue)}\n >\n {commonCode['IPX_COMMONCODE.CODENM']}\n </MenuItem>\n ))}\n </Select>\n );\n};\n\n/**\n * 다중 선택용 공통코드 Select를 렌더링합니다.\n * @param props 다중 선택 Select props\n */\nconst OwpMultiCommonCodeSelect = ({\n finalCommonCodeList,\n disableAllValueItem,\n useDescriptionValue,\n defaultValue: initialValue,\n name,\n onChange,\n value: currentValue,\n ...selectProps\n}: OwpMultiCommonCodeSelectProps) => {\n const { t } = useOwpTranslation();\n\n const didInitializeAllValue = useRef(false);\n const shouldTreatEmptyAsAll = useRef(currentValue == null || currentValue === '');\n const onChangeRef = useRef<CommonCodeSelectChangeHandler | undefined>(onChange);\n\n onChangeRef.current = onChange;\n\n const normalizedValue = currentValue ?? initialValue;\n const commonCodeValueList = finalCommonCodeList.map((commonCode) =>\n getCommonCodeValue(commonCode, useDescriptionValue),\n );\n const allCommonCodeValue = commonCodeValueList.join(',');\n\n const createChangeEvent = (nextValue: string) => {\n return {\n target: {\n value: nextValue,\n name: name ?? '',\n },\n } as SelectChangeEvent<string>;\n };\n\n const emitChange = (nextValue: string, child: ReactNode = null) => {\n const changeHandler = onChangeRef.current;\n\n if (!changeHandler) {\n return;\n }\n\n changeHandler(createChangeEvent(nextValue), child);\n };\n\n const value =\n !disableAllValueItem &&\n shouldTreatEmptyAsAll.current &&\n (normalizedValue == null || normalizedValue === '')\n ? commonCodeValueList\n : normalizedValue\n ? normalizedValue.split(',').filter((item) => item !== '').map((item) => item.trim())\n : [];\n\n useEffect(() => {\n if (\n disableAllValueItem ||\n didInitializeAllValue.current ||\n (normalizedValue != null && normalizedValue !== '')\n ) {\n return;\n }\n\n if (!allCommonCodeValue) {\n return;\n }\n\n didInitializeAllValue.current = true;\n shouldTreatEmptyAsAll.current = false;\n emitChange(allCommonCodeValue);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [normalizedValue, disableAllValueItem, allCommonCodeValue]);\n\n const isAllSelected =\n Boolean(value.length) &&\n commonCodeValueList.every((commonCodeValue) => value.includes(commonCodeValue));\n\n const renderValue: NonNullable<SelectProps<unknown>['renderValue']> = (selected) => {\n const selectedValues = isArray(selected) ? selected.map((item) => String(item)) : [];\n\n if (isAllSelected) {\n return t('Common.전체');\n }\n\n return finalCommonCodeList\n .filter((commonCode) => selectedValues.includes(getCommonCodeValue(commonCode, useDescriptionValue)))\n .map((commonCode) => commonCode['IPX_COMMONCODE.CODENM'])\n .join(', ');\n };\n\n return (\n <Select\n displayEmpty\n {...(selectProps as SelectProps<unknown>)}\n multiple\n value={value as SelectProps<unknown>['value']}\n renderValue={renderValue}\n onChange={(event, child) => {\n const selectedValues = isArray(event.target.value)\n ? event.target.value.map((item) => String(item))\n : String(event.target.value).split(',');\n\n const nextValue = selectedValues.includes(SELECT_ALL_TOKEN)\n ? isAllSelected\n ? ''\n : allCommonCodeValue\n : selectedValues.join(',');\n\n shouldTreatEmptyAsAll.current = false;\n emitChange(nextValue, child as ReactNode);\n }}\n >\n {!disableAllValueItem && (\n <MenuItem value={SELECT_ALL_TOKEN}>\n <Checkbox size=\"small\" checked={isAllSelected} />\n <ListItemText primary={t('Common.전체')} />\n </MenuItem>\n )}\n {finalCommonCodeList.map((commonCode) => (\n <MenuItem\n key={`common-code-selector-item-${getCommonCodeValue(commonCode, useDescriptionValue)}`}\n value={getCommonCodeValue(commonCode, useDescriptionValue)}\n >\n <Checkbox\n size=\"small\"\n checked={value.includes(getCommonCodeValue(commonCode, useDescriptionValue))}\n />\n <ListItemText primary={commonCode['IPX_COMMONCODE.CODENM']} />\n </MenuItem>\n ))}\n </Select>\n );\n};\n\n/**\n * 공통코드 목록을 기반으로 단일/다중 선택 Select를 제공합니다.\n * @param props 공통코드 선택기 props\n */\nexport const OwpCommonCodeSelector = (props: OwpCommonCodeSelectorProps) => {\n const {\n codeId,\n description,\n label,\n fullWidth,\n required,\n error,\n helperText,\n filterOptions,\n multiple,\n useValueKeyDescription,\n ...commonCodeProps\n } = props;\n const labelId = `owp-common-code-select-label-${useId()}`;\n const commonCodeByGroupId = useGetCommonCodeList();\n const commonCodeList = useMemo(() => commonCodeByGroupId?.[codeId] ?? [], [codeId, commonCodeByGroupId]);\n const useDescriptionValue = useValueKeyDescription;\n\n const finalCommonCodeList = useMemo(() => {\n const filteredCommonCodeList = isFunction(filterOptions)\n ? commonCodeList.filter(filterOptions)\n : commonCodeList;\n\n if (description) {\n return filteredCommonCodeList.filter(\n (commonCode) => commonCode['IPX_COMMONCODE.DESCRIPTION'] === description,\n );\n }\n\n return filteredCommonCodeList;\n }, [commonCodeList, description, filterOptions]);\n\n return (\n <FormControl\n className={multiple ? 'w-128' : 'min-w-128'}\n fullWidth={fullWidth}\n required={required}\n error={error}\n >\n {label ? (\n <InputLabel shrink id={labelId}>\n {label}\n </InputLabel>\n ) : null}\n {multiple ? (\n <OwpMultiCommonCodeSelect\n {...commonCodeProps}\n label={label}\n labelId={label ? labelId : undefined}\n finalCommonCodeList={finalCommonCodeList}\n useDescriptionValue={useDescriptionValue}\n />\n ) : (\n <OwpSingleCommonCodeSelect\n {...commonCodeProps}\n label={label}\n labelId={label ? labelId : undefined}\n finalCommonCodeList={finalCommonCodeList}\n useDescriptionValue={useDescriptionValue}\n />\n )}\n {helperText ? <FormHelperText>{helperText}</FormHelperText> : null}\n </FormControl>\n );\n};\n\nexport const CommonCodeSelector = OwpCommonCodeSelector;\n"],"names":["SELECT_ALL_TOKEN","getCommonCodeValue","__name","commonCode","useDescriptionValue","OwpSingleCommonCodeSelect","finalCommonCodeList","disableAllValueItem","commonCodeProps","t","useOwpTranslation","value","jsxs","Select","jsx","MenuItem","OwpMultiCommonCodeSelect","initialValue","name","onChange","currentValue","selectProps","didInitializeAllValue","useRef","shouldTreatEmptyAsAll","onChangeRef","normalizedValue","commonCodeValueList","allCommonCodeValue","createChangeEvent","nextValue","emitChange","child","changeHandler","item","useEffect","isAllSelected","commonCodeValue","selected","selectedValues","isArray","event","Checkbox","ListItemText","OwpCommonCodeSelector","props","codeId","description","label","fullWidth","required","error","helperText","filterOptions","multiple","useValueKeyDescription","labelId","useId","commonCodeByGroupId","useGetCommonCodeList","commonCodeList","useMemo","filteredCommonCodeList","isFunction","FormControl","InputLabel","FormHelperText","CommonCodeSelector"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OwpCommonCodeSelector.js","sources":["../../../src/components/OwpCommonCode/OwpCommonCodeSelector.tsx"],"sourcesContent":["import { OwpSelectorBase } from '@/components/OwpSelectorBase/OwpSelectorBase';\nimport type { OwpSelectorType } from '@/components/OwpSelectorBase/types';\nimport { useGetCommonCodeList } from '@/hooks/useCommonCodeList';\nimport type { CommonCode } from '@/utils/commonCodeUtils';\nimport { type SelectChangeEvent, type SelectProps, type TextFieldProps } from '@mui/material';\nimport { isFunction } from 'es-toolkit';\nimport { type ReactNode, useMemo } from 'react';\n\ntype CommonCodeSelectChangeHandler = (event: SelectChangeEvent<string>, child: ReactNode) => void;\n\nexport type OwpCommonCodeSelectorProps = Omit<\n SelectProps<string>,\n 'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value'\n> & {\n codeId: string;\n description?: string;\n useValueKeyDescription?: boolean;\n disableAllValueItem?: boolean;\n helperText?: string;\n filterOptions?: (commonCode: CommonCode) => boolean;\n defaultValue?: string;\n multiple?: boolean;\n onChange?: CommonCodeSelectChangeHandler;\n selectorType?: OwpSelectorType;\n textFieldProps?: Omit<TextFieldProps, 'defaultValue' | 'error' | 'helperText' | 'label' | 'onChange' | 'required' | 'value'>;\n value?: string;\n};\n\n/**\n * 공통코드 value 반환\n * @param commonCode 공통코드 데이터\n * @param useDescriptionValue DESCRIPTION value 사용 여부\n */\nconst getCommonCodeValue = (commonCode: CommonCode, useDescriptionValue?: boolean) => {\n return commonCode[useDescriptionValue ? 'IPX_COMMONCODE.DESCRIPTION' : 'IPX_COMMONCODE.CODEID'];\n};\n\n/**\n * 공통코드 선택기\n * @param props 공통코드 선택기 props\n */\nexport const OwpCommonCodeSelector = ({\n className,\n codeId,\n defaultValue,\n description,\n disableAllValueItem,\n error,\n filterOptions,\n fullWidth,\n helperText,\n label,\n multiple,\n onChange,\n required,\n selectorType = 'select',\n textFieldProps,\n useValueKeyDescription,\n value,\n variant,\n ...selectProps\n}: OwpCommonCodeSelectorProps) => {\n const commonCodeByGroupId = useGetCommonCodeList();\n const commonCodeList = useMemo(() => commonCodeByGroupId?.[codeId] ?? [], [codeId, commonCodeByGroupId]);\n const finalCommonCodeList = useMemo(() => {\n const filteredCommonCodeList = isFunction(filterOptions)\n ? commonCodeList.filter(filterOptions)\n : commonCodeList;\n\n if (description) {\n return filteredCommonCodeList.filter(\n (commonCode) => commonCode['IPX_COMMONCODE.DESCRIPTION'] === description,\n );\n }\n\n return filteredCommonCodeList;\n }, [commonCodeList, description, filterOptions]);\n const options = useMemo(\n () =>\n finalCommonCodeList.map((commonCode) => ({\n label: commonCode['IPX_COMMONCODE.CODENM'],\n raw: commonCode,\n value: getCommonCodeValue(commonCode, useValueKeyDescription),\n })),\n [finalCommonCodeList, useValueKeyDescription],\n );\n\n return (\n <OwpSelectorBase\n allValueMode=\"empty\"\n className={className}\n defaultValue={defaultValue}\n disableAllValueItem={disableAllValueItem}\n disabled={selectProps.disabled}\n error={error}\n fullWidth={fullWidth}\n helperText={helperText}\n label={label}\n multiple={multiple}\n name={selectProps.name}\n onChange={(event) => {\n onChange?.(event as SelectChangeEvent<string>, null);\n }}\n options={options}\n required={required}\n selectProps={{\n ...selectProps,\n variant,\n }}\n selectorType={selectorType}\n textFieldProps={{\n ...textFieldProps,\n variant: textFieldProps?.variant ?? variant,\n }}\n value={value}\n />\n );\n};\n\nexport const CommonCodeSelector = OwpCommonCodeSelector;\n"],"names":["getCommonCodeValue","__name","commonCode","useDescriptionValue","OwpCommonCodeSelector","className","codeId","defaultValue","description","disableAllValueItem","error","filterOptions","fullWidth","helperText","label","multiple","onChange","required","selectorType","textFieldProps","useValueKeyDescription","value","variant","selectProps","commonCodeByGroupId","useGetCommonCodeList","commonCodeList","useMemo","finalCommonCodeList","filteredCommonCodeList","isFunction","options","jsx","OwpSelectorBase","event","CommonCodeSelector"],"mappings":";;;;;;;AAiCA,MAAMA,IAAqB,gBAAAC,EAAA,CAACC,GAAwBC,MAC3CD,EAAWC,IAAsB,+BAA+B,uBAAuB,GADrE,uBAQdC,IAAwB,gBAAAH,EAAA,CAAC;AAAA,EACpC,WAAAI;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,gBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAsBC,EAAA,GACtBC,IAAiBC,EAAQ,OAAMH,KAAA,gBAAAA,EAAsBlB,OAAW,IAAI,CAACA,GAAQkB,CAAmB,CAAC,GACjGI,IAAsBD,EAAQ,MAAM;AACxC,UAAME,IAAyBC,EAAWnB,CAAa,IACnDe,EAAe,OAAOf,CAAa,IACnCe;AAEJ,WAAIlB,IACKqB,EAAuB;AAAA,MAC5B,CAAC3B,MAAeA,EAAW,4BAA4B,MAAMM;AAAA,IAAA,IAI1DqB;AAAA,EACT,GAAG,CAACH,GAAgBlB,GAAaG,CAAa,CAAC,GACzCoB,IAAUJ;AAAA,IACd,MACEC,EAAoB,IAAI,CAAC1B,OAAgB;AAAA,MACvC,OAAOA,EAAW,uBAAuB;AAAA,MACzC,KAAKA;AAAA,MACL,OAAOF,EAAmBE,GAAYkB,CAAsB;AAAA,IAAA,EAC5D;AAAA,IACJ,CAACQ,GAAqBR,CAAsB;AAAA,EAAA;AAG9C,SACE,gBAAAY;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAa;AAAA,MACb,WAAA5B;AAAA,MACA,cAAAE;AAAA,MACA,qBAAAE;AAAA,MACA,UAAUc,EAAY;AAAA,MACtB,OAAAb;AAAA,MACA,WAAAE;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAMQ,EAAY;AAAA,MAClB,UAAU,gBAAAtB,EAAA,CAACiC,MAAU;AACnB,QAAAlB,KAAA,QAAAA,EAAWkB,GAAoC;AAAA,MACjD,GAFU;AAAA,MAGV,SAAAH;AAAA,MACA,UAAAd;AAAA,MACA,aAAa;AAAA,QACX,GAAGM;AAAA,QACH,SAAAD;AAAA,MAAA;AAAA,MAEF,cAAAJ;AAAA,MACA,gBAAgB;AAAA,QACd,GAAGC;AAAA,QACH,UAASA,KAAA,gBAAAA,EAAgB,YAAWG;AAAA,MAAA;AAAA,MAEtC,OAAAD;AAAA,IAAA;AAAA,EAAA;AAGN,GA5EqC,0BA8ExBc,IAAqB/B;"}
|
|
@@ -1,44 +1,58 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
fullWidth:
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
options:
|
|
17
|
-
|
|
1
|
+
var v = Object.defineProperty;
|
|
2
|
+
var m = (l, r) => v(l, "name", { value: r, configurable: !0 });
|
|
3
|
+
import { jsx as w } 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 { OwpSelectorBase as x } from "../OwpSelectorBase/OwpSelectorBase.js";
|
|
5
|
+
import { useMemo as S } from "react";
|
|
6
|
+
const T = /* @__PURE__ */ m(({
|
|
7
|
+
className: l,
|
|
8
|
+
defaultValue: r,
|
|
9
|
+
disableAllValueItem: d,
|
|
10
|
+
error: o,
|
|
11
|
+
fullWidth: i,
|
|
12
|
+
helperText: p,
|
|
13
|
+
label: b,
|
|
14
|
+
multiple: c,
|
|
15
|
+
onChange: s,
|
|
16
|
+
options: a,
|
|
17
|
+
required: u,
|
|
18
|
+
value: O,
|
|
18
19
|
...t
|
|
19
20
|
}) => {
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
21
|
+
const f = S(
|
|
22
|
+
() => a.map((e) => ({
|
|
23
|
+
disabled: e.disabled,
|
|
24
|
+
label: e.label,
|
|
25
|
+
value: e.value
|
|
26
|
+
})),
|
|
27
|
+
[a]
|
|
28
|
+
);
|
|
29
|
+
return /* @__PURE__ */ w(
|
|
30
|
+
x,
|
|
31
|
+
{
|
|
32
|
+
className: l,
|
|
33
|
+
defaultValue: r,
|
|
34
|
+
disableAllValueItem: d,
|
|
35
|
+
disabled: t.disabled,
|
|
36
|
+
error: o,
|
|
37
|
+
fullWidth: i,
|
|
38
|
+
helperText: p,
|
|
39
|
+
label: b,
|
|
40
|
+
multiple: c,
|
|
41
|
+
name: t.name,
|
|
42
|
+
onChange: /* @__PURE__ */ m((e) => {
|
|
43
|
+
s == null || s(e, null);
|
|
44
|
+
}, "onChange"),
|
|
45
|
+
options: f,
|
|
46
|
+
required: u,
|
|
47
|
+
selectProps: {
|
|
48
|
+
...t
|
|
49
|
+
},
|
|
50
|
+
selectorType: "select",
|
|
51
|
+
value: O
|
|
52
|
+
}
|
|
53
|
+
);
|
|
40
54
|
}, "OwpOptionSelector");
|
|
41
55
|
export {
|
|
42
|
-
|
|
56
|
+
T as OwpOptionSelector
|
|
43
57
|
};
|
|
44
58
|
//# sourceMappingURL=OwpOptionSelector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OwpOptionSelector.js","sources":["../../../src/components/OwpOptionSelector/OwpOptionSelector.tsx"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"OwpOptionSelector.js","sources":["../../../src/components/OwpOptionSelector/OwpOptionSelector.tsx"],"sourcesContent":["import { OwpSelectorBase } from '@/components/OwpSelectorBase/OwpSelectorBase';\nimport { type SelectChangeEvent, type SelectProps } from '@mui/material';\nimport { type ReactNode, useMemo } from 'react';\n\nexport interface OwpOptionSelectorOption {\n value: string;\n label: ReactNode;\n disabled?: boolean;\n}\n\nexport interface OwpOptionSelectorProps extends Omit<\n SelectProps<string>,\n 'defaultValue' | 'multiple' | 'onChange' | 'renderValue' | 'value' | 'variant'\n> {\n label?: string;\n defaultValue?: string;\n disableAllValueItem?: boolean;\n helperText?: string;\n multiple?: boolean;\n onChange?: (event: SelectChangeEvent<string>, child: ReactNode) => void;\n options: OwpOptionSelectorOption[];\n value?: string;\n}\n\n/**\n * 옵션 선택기\n * @param props 옵션 선택기 props\n */\nconst OwpOptionSelector = ({\n className,\n defaultValue,\n disableAllValueItem,\n error,\n fullWidth,\n helperText,\n label,\n multiple,\n onChange,\n options,\n required,\n value,\n ...selectProps\n}: OwpOptionSelectorProps) => {\n const selectorOptions = useMemo(\n () =>\n options.map((option) => ({\n disabled: option.disabled,\n label: option.label,\n value: option.value,\n })),\n [options],\n );\n\n return (\n <OwpSelectorBase\n className={className}\n defaultValue={defaultValue}\n disableAllValueItem={disableAllValueItem}\n disabled={selectProps.disabled}\n error={error}\n fullWidth={fullWidth}\n helperText={helperText}\n label={label}\n multiple={multiple}\n name={selectProps.name}\n onChange={(event) => {\n onChange?.(event as SelectChangeEvent<string>, null);\n }}\n options={selectorOptions}\n required={required}\n selectProps={{\n ...selectProps,\n }}\n selectorType=\"select\"\n value={value}\n />\n );\n};\n\nexport { OwpOptionSelector };\n"],"names":["OwpOptionSelector","__name","className","defaultValue","disableAllValueItem","error","fullWidth","helperText","label","multiple","onChange","options","required","value","selectProps","selectorOptions","useMemo","option","jsx","OwpSelectorBase","event"],"mappings":";;;;;AA4BA,MAAMA,IAAoB,gBAAAC,EAAA,CAAC;AAAA,EACzB,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAMC,IAAkBC;AAAA,IACtB,MACEL,EAAQ,IAAI,CAACM,OAAY;AAAA,MACvB,UAAUA,EAAO;AAAA,MACjB,OAAOA,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,IAAA,EACd;AAAA,IACJ,CAACN,CAAO;AAAA,EAAA;AAGV,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAjB;AAAA,MACA,cAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,UAAUU,EAAY;AAAA,MACtB,OAAAT;AAAA,MACA,WAAAC;AAAA,MACA,YAAAC;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,MACA,MAAMK,EAAY;AAAA,MAClB,UAAU,gBAAAb,EAAA,CAACmB,MAAU;AACnB,QAAAV,KAAA,QAAAA,EAAWU,GAAoC;AAAA,MACjD,GAFU;AAAA,MAGV,SAASL;AAAA,MACT,UAAAH;AAAA,MACA,aAAa;AAAA,QACX,GAAGE;AAAA,MAAA;AAAA,MAEL,cAAa;AAAA,MACb,OAAAD;AAAA,IAAA;AAAA,EAAA;AAGN,GAjD0B;"}
|