@owp/core 2.5.17 → 2.5.18
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/index10.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/index15.js +2 -2
- package/dist/_virtual/index5.js +2 -2
- package/dist/components/OwpPicker/OwpTimePicker.js +149 -133
- package/dist/components/OwpPicker/OwpTimePicker.js.map +1 -1
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js +273 -224
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js +442 -108
- package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +276 -195
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +201 -117
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -1
- package/dist/constants/gridTheme.js +7 -6
- package/dist/constants/gridTheme.js.map +1 -1
- package/dist/constants/treeGrid.js +27 -26
- package/dist/constants/treeGrid.js.map +1 -1
- package/dist/constants.js +23 -22
- 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/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/react-is@16.13.1/node_modules/react-is/index.js +1 -1
- package/dist/owp-app.css +1 -1
- package/dist/types/components/OwpPicker/OwpTimePicker.d.ts +3 -1
- package/dist/types/components/OwpTreeGrid/OwpTreeGrid.d.ts +6 -6
- package/dist/types/components/OwpTreeGrid/internal/hooks/useOwpTreeGridDatePickerEditor.d.ts +3 -0
- package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts +33 -7
- package/dist/types/components/OwpTreeGrid/internal/treeGridTheme.d.ts +1 -1
- package/dist/types/constants/gridTheme.d.ts +2 -0
- package/dist/types/constants/treeGrid.d.ts +2 -1
- package/dist/types/types/OwpGridThemeTypes.d.ts +1 -0
- package/dist/types/utils/index.d.ts +0 -1
- package/dist/types/utils/treeGridUtil.d.ts +27 -0
- package/dist/utils/treeGridUtil.js +163 -108
- package/dist/utils/treeGridUtil.js.map +1 -1
- package/dist/utils.js +85 -83
- package/dist/utils.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridColumnEditRules.js +0 -84
- package/dist/components/OwpTreeGrid/internal/treeGridColumnEditRules.js.map +0 -1
- package/dist/types/components/OwpTreeGrid/internal/treeGridColumnEditRules.d.ts +0 -60
- package/dist/types/utils/normalizeTimeToHourMinute.d.ts +0 -11
- package/dist/utils/normalizeTimeToHourMinute.js +0 -34
- package/dist/utils/normalizeTimeToHourMinute.js.map +0 -1
package/dist/_virtual/index10.js
CHANGED
package/dist/_virtual/index12.js
CHANGED
package/dist/_virtual/index13.js
CHANGED
package/dist/_virtual/index14.js
CHANGED
package/dist/_virtual/index15.js
CHANGED
package/dist/_virtual/index5.js
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
import { jsx as f, jsxs as
|
|
4
|
-
import { useOwpTranslation as
|
|
5
|
-
import { ensureDayjsBrowserSetup as
|
|
6
|
-
import
|
|
7
|
-
import { IconButton as
|
|
8
|
-
import { TimePicker as
|
|
9
|
-
import { AdapterDayjs as
|
|
10
|
-
import { clsx as
|
|
11
|
-
import
|
|
12
|
-
import { useState as
|
|
13
|
-
import { VALUE_TIME_FORMATTER as
|
|
14
|
-
|
|
15
|
-
const
|
|
1
|
+
var me = Object.defineProperty;
|
|
2
|
+
var t = (r, w) => me(r, "name", { value: w, configurable: !0 });
|
|
3
|
+
import { jsx as f, jsxs as fe } 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 { useOwpTranslation as pe } from "../../hooks/useOwpTranslation.js";
|
|
5
|
+
import { ensureDayjsBrowserSetup as ge } from "../../utils/dayjsBrowser.js";
|
|
6
|
+
import be 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";
|
|
7
|
+
import { MenuItem as ke, IconButton as Ie, InputAdornment as Me } from "@mui/material";
|
|
8
|
+
import { TimePicker as Ee, LocalizationProvider as ye } from "@mui/x-date-pickers";
|
|
9
|
+
import { AdapterDayjs as Te } from "@mui/x-date-pickers/AdapterDayjs";
|
|
10
|
+
import { clsx as he } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
|
|
11
|
+
import B from "dayjs";
|
|
12
|
+
import { useState as Se, useRef as v, useMemo as V, useCallback as S, useEffect as we, forwardRef as Ce } from "react";
|
|
13
|
+
import { VALUE_TIME_FORMATTER as Y } from "./constants/index.js";
|
|
14
|
+
ge();
|
|
15
|
+
const D = "––", Be = 1, U = {
|
|
16
16
|
"&:hover": {
|
|
17
17
|
backgroundColor: "var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))"
|
|
18
18
|
},
|
|
@@ -23,7 +23,7 @@ const T = "––", z = {
|
|
|
23
23
|
backgroundColor: "var(--owp-datepicker-selected-hover-bg, #039be5)"
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
},
|
|
26
|
+
}, ve = {
|
|
27
27
|
"& .MuiInputBase-root": {
|
|
28
28
|
alignItems: "center"
|
|
29
29
|
},
|
|
@@ -49,7 +49,7 @@ const T = "––", z = {
|
|
|
49
49
|
visibility: "visible"
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
|
-
},
|
|
52
|
+
}, W = {
|
|
53
53
|
border: 0,
|
|
54
54
|
borderRadius: 1,
|
|
55
55
|
boxShadow: 8,
|
|
@@ -85,132 +85,146 @@ const T = "––", z = {
|
|
|
85
85
|
overflowY: "hidden"
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
|
-
},
|
|
89
|
-
label:
|
|
90
|
-
variant:
|
|
91
|
-
sx:
|
|
92
|
-
value:
|
|
93
|
-
format:
|
|
94
|
-
useAmPm:
|
|
95
|
-
placeholder:
|
|
96
|
-
disabledClearButton:
|
|
97
|
-
fullWidth:
|
|
98
|
-
onChange:
|
|
99
|
-
textFieldProps:
|
|
100
|
-
localeText:
|
|
101
|
-
open:
|
|
102
|
-
onOpen:
|
|
88
|
+
}, De = /* @__PURE__ */ t((r) => r.ctrlKey || r.altKey || r.metaKey ? !1 : r.key.length === 1 || r.key === "Backspace" || r.key === "Delete", "isValueEditingKey"), We = /* @__PURE__ */ t(({
|
|
89
|
+
label: r,
|
|
90
|
+
variant: w = "standard",
|
|
91
|
+
sx: q,
|
|
92
|
+
value: d,
|
|
93
|
+
format: G = Y,
|
|
94
|
+
useAmPm: J,
|
|
95
|
+
placeholder: Q,
|
|
96
|
+
disabledClearButton: _,
|
|
97
|
+
fullWidth: L,
|
|
98
|
+
onChange: s,
|
|
99
|
+
textFieldProps: n,
|
|
100
|
+
localeText: Z,
|
|
101
|
+
open: A,
|
|
102
|
+
onOpen: g,
|
|
103
103
|
onClose: b,
|
|
104
|
-
slots:
|
|
105
|
-
|
|
104
|
+
slots: k,
|
|
105
|
+
slotProps: m,
|
|
106
|
+
...i
|
|
106
107
|
}) => {
|
|
107
|
-
const
|
|
108
|
+
const I = Y, M = J ?? /a/i.test(G), $ = M ? "A hh:mm" : I, x = i.closeOnSelect ?? !1, F = {
|
|
108
109
|
minutes: 1,
|
|
109
|
-
...
|
|
110
|
-
}, [
|
|
111
|
-
okButtonLabel:
|
|
112
|
-
clearButtonLabel:
|
|
113
|
-
fieldHoursPlaceholder: /* @__PURE__ */
|
|
114
|
-
fieldMinutesPlaceholder: /* @__PURE__ */
|
|
115
|
-
fieldMeridiemPlaceholder: /* @__PURE__ */
|
|
116
|
-
...
|
|
117
|
-
},
|
|
110
|
+
...i.timeSteps
|
|
111
|
+
}, [P, O] = Se(!1), R = v(null), K = v(null), E = v(!1), { t: N, i18n: z } = pe(), ee = (z.resolvedLanguage ?? z.language ?? "kr") === "kr" ? "ko" : "en", j = {
|
|
112
|
+
okButtonLabel: N("Button.확인"),
|
|
113
|
+
clearButtonLabel: N("Button.초기화"),
|
|
114
|
+
fieldHoursPlaceholder: /* @__PURE__ */ t(() => D, "fieldHoursPlaceholder"),
|
|
115
|
+
fieldMinutesPlaceholder: /* @__PURE__ */ t(() => D, "fieldMinutesPlaceholder"),
|
|
116
|
+
fieldMeridiemPlaceholder: /* @__PURE__ */ t(() => D, "fieldMeridiemPlaceholder"),
|
|
117
|
+
...Z
|
|
118
|
+
}, ne = Q ?? (M ? "–– ––:––" : "––:––"), oe = [ve, q, n == null ? void 0 : n.sx].filter(
|
|
118
119
|
Boolean
|
|
119
|
-
),
|
|
120
|
-
if (!
|
|
120
|
+
), te = !!(_ || i.disabled || i.readOnly), re = !!s && !_, p = A !== void 0, l = p ? A : P, y = typeof (m == null ? void 0 : m.actionBar) == "function" || m == null ? void 0 : m.actionBar, ie = V(() => {
|
|
121
|
+
if (!d)
|
|
121
122
|
return null;
|
|
122
|
-
if (
|
|
123
|
-
return
|
|
124
|
-
if (typeof
|
|
125
|
-
const
|
|
126
|
-
return
|
|
123
|
+
if (B.isDayjs(d))
|
|
124
|
+
return d;
|
|
125
|
+
if (typeof d == "string") {
|
|
126
|
+
const o = B(d, I, !0);
|
|
127
|
+
return o.isValid() ? o : null;
|
|
127
128
|
}
|
|
128
|
-
const e =
|
|
129
|
+
const e = B(d);
|
|
129
130
|
return e.isValid() ? e : null;
|
|
130
|
-
}, [
|
|
131
|
-
|
|
132
|
-
}, "handleChange"),
|
|
133
|
-
if (
|
|
134
|
-
|
|
131
|
+
}, [I, d]), ae = /* @__PURE__ */ t((e) => {
|
|
132
|
+
s == null || s(e != null && e.isValid() ? e.format(I) : void 0);
|
|
133
|
+
}, "handleChange"), T = S(() => {
|
|
134
|
+
if (E.current) {
|
|
135
|
+
E.current = !1;
|
|
135
136
|
return;
|
|
136
137
|
}
|
|
137
|
-
|
|
138
|
-
}, [
|
|
139
|
-
|
|
140
|
-
}, [
|
|
141
|
-
|
|
142
|
-
}, "handleClear"),
|
|
138
|
+
p || O(!0), g == null || g();
|
|
139
|
+
}, [p, g]), a = S(() => {
|
|
140
|
+
p || O(!1), b == null || b();
|
|
141
|
+
}, [p, b]), ce = /* @__PURE__ */ t(() => {
|
|
142
|
+
s == null || s("");
|
|
143
|
+
}, "handleClear"), le = S(
|
|
143
144
|
(e) => {
|
|
144
|
-
var
|
|
145
|
-
if ((
|
|
146
|
-
if (
|
|
147
|
-
|
|
148
|
-
|
|
145
|
+
var o;
|
|
146
|
+
if ((o = n == null ? void 0 : n.onClick) == null || o.call(n, e), !(e.defaultPrevented || i.disabled || i.readOnly)) {
|
|
147
|
+
if (l) {
|
|
148
|
+
E.current = !0, a(), queueMicrotask(() => {
|
|
149
|
+
E.current = !1;
|
|
149
150
|
});
|
|
150
151
|
return;
|
|
151
152
|
}
|
|
152
|
-
|
|
153
|
+
T();
|
|
153
154
|
}
|
|
154
155
|
},
|
|
155
|
-
[
|
|
156
|
-
),
|
|
156
|
+
[a, T, l, n, i.disabled, i.readOnly]
|
|
157
|
+
), de = S(
|
|
157
158
|
(e) => {
|
|
158
|
-
var
|
|
159
|
-
(
|
|
159
|
+
var o;
|
|
160
|
+
(o = n == null ? void 0 : n.onKeyDown) == null || o.call(n, e), !(e.defaultPrevented || !l || !De(e)) && a();
|
|
160
161
|
},
|
|
161
|
-
[
|
|
162
|
+
[a, l, n]
|
|
162
163
|
);
|
|
163
|
-
|
|
164
|
-
if (!
|
|
164
|
+
we(() => {
|
|
165
|
+
if (!l)
|
|
165
166
|
return;
|
|
166
|
-
const e = /* @__PURE__ */
|
|
167
|
-
var
|
|
168
|
-
const
|
|
169
|
-
|
|
167
|
+
const e = /* @__PURE__ */ t((o) => {
|
|
168
|
+
var u, C;
|
|
169
|
+
const c = o.target;
|
|
170
|
+
c instanceof Node && ((u = R.current) != null && u.contains(c) || (C = K.current) != null && C.contains(c) || a());
|
|
170
171
|
}, "handleDocumentMouseDown");
|
|
171
172
|
return document.addEventListener("mousedown", e, !0), () => {
|
|
172
173
|
document.removeEventListener("mousedown", e, !0);
|
|
173
174
|
};
|
|
174
|
-
}, [
|
|
175
|
-
|
|
175
|
+
}, [a, l]);
|
|
176
|
+
const se = /* @__PURE__ */ t(({ position: e, children: o, ...c }) => /* @__PURE__ */ fe(Me, { position: e, ...c, children: [
|
|
177
|
+
e === "end" && re && /* @__PURE__ */ f(
|
|
178
|
+
Ie,
|
|
179
|
+
{
|
|
180
|
+
className: "clearButton",
|
|
181
|
+
size: "small",
|
|
182
|
+
"aria-label": j.clearButtonLabel,
|
|
183
|
+
disabled: te,
|
|
184
|
+
onClick: /* @__PURE__ */ t((u) => {
|
|
185
|
+
u.preventDefault(), u.stopPropagation(), ce();
|
|
186
|
+
}, "onClick"),
|
|
187
|
+
children: /* @__PURE__ */ f(be, { fontSize: "small" })
|
|
188
|
+
}
|
|
189
|
+
),
|
|
190
|
+
o
|
|
191
|
+
] }), "TimePickerInputAdornment"), ue = V(
|
|
192
|
+
() => Ce((e, o) => {
|
|
193
|
+
const { onClick: c, ...u } = e;
|
|
194
|
+
return /* @__PURE__ */ f(ke, { ref: o, onClick: /* @__PURE__ */ t((X) => {
|
|
195
|
+
c == null || c(X);
|
|
196
|
+
const h = X.currentTarget.parentElement, H = h == null ? void 0 : h.parentElement;
|
|
197
|
+
(H ? Array.from(H.children).indexOf(h) : -1) === Be && window.setTimeout(a, 0);
|
|
198
|
+
}, "handleClick"), ...u });
|
|
199
|
+
}),
|
|
200
|
+
[a]
|
|
201
|
+
);
|
|
202
|
+
return /* @__PURE__ */ f(ye, { dateAdapter: Te, adapterLocale: ee, children: /* @__PURE__ */ f("div", { ref: R, children: /* @__PURE__ */ f(
|
|
203
|
+
Ee,
|
|
176
204
|
{
|
|
177
|
-
...
|
|
205
|
+
...i,
|
|
178
206
|
enableAccessibleFieldDOMStructure: !1,
|
|
179
|
-
ampm:
|
|
180
|
-
open:
|
|
181
|
-
closeOnSelect:
|
|
182
|
-
timeSteps:
|
|
183
|
-
label:
|
|
184
|
-
value:
|
|
185
|
-
format:
|
|
186
|
-
localeText:
|
|
187
|
-
onChange:
|
|
188
|
-
onOpen:
|
|
189
|
-
onClose:
|
|
207
|
+
ampm: M,
|
|
208
|
+
open: l,
|
|
209
|
+
closeOnSelect: x,
|
|
210
|
+
timeSteps: F,
|
|
211
|
+
label: r,
|
|
212
|
+
value: ie,
|
|
213
|
+
format: $,
|
|
214
|
+
localeText: j,
|
|
215
|
+
onChange: ae,
|
|
216
|
+
onOpen: T,
|
|
217
|
+
onClose: a,
|
|
190
218
|
slots: {
|
|
191
|
-
...
|
|
192
|
-
inputAdornment:
|
|
193
|
-
|
|
194
|
-
se,
|
|
195
|
-
{
|
|
196
|
-
className: "clearButton",
|
|
197
|
-
size: "small",
|
|
198
|
-
"aria-label": O.clearButtonLabel,
|
|
199
|
-
disabled: x,
|
|
200
|
-
onClick: /* @__PURE__ */ n((m) => {
|
|
201
|
-
m.preventDefault(), m.stopPropagation(), oe();
|
|
202
|
-
}, "onClick"),
|
|
203
|
-
children: /* @__PURE__ */ f(ce, { fontSize: "small" })
|
|
204
|
-
}
|
|
205
|
-
),
|
|
206
|
-
r
|
|
207
|
-
] }), "TimePickerInputAdornment")
|
|
219
|
+
...k,
|
|
220
|
+
inputAdornment: se,
|
|
221
|
+
digitalClockSectionItem: (k == null ? void 0 : k.digitalClockSectionItem) ?? ue
|
|
208
222
|
},
|
|
209
223
|
slotProps: {
|
|
210
224
|
popper: {
|
|
211
225
|
placement: "bottom-end",
|
|
212
|
-
ref: /* @__PURE__ */
|
|
213
|
-
|
|
226
|
+
ref: /* @__PURE__ */ t((e) => {
|
|
227
|
+
K.current = e;
|
|
214
228
|
}, "ref"),
|
|
215
229
|
modifiers: [
|
|
216
230
|
{
|
|
@@ -222,13 +236,13 @@ const T = "––", z = {
|
|
|
222
236
|
]
|
|
223
237
|
},
|
|
224
238
|
desktopPaper: {
|
|
225
|
-
sx:
|
|
239
|
+
sx: W
|
|
226
240
|
},
|
|
227
241
|
mobilePaper: {
|
|
228
|
-
sx:
|
|
242
|
+
sx: W
|
|
229
243
|
},
|
|
230
244
|
actionBar: {
|
|
231
|
-
actions: [
|
|
245
|
+
actions: [],
|
|
232
246
|
sx: {
|
|
233
247
|
backgroundColor: "#f6f3f4",
|
|
234
248
|
minHeight: 44,
|
|
@@ -239,13 +253,15 @@ const T = "––", z = {
|
|
|
239
253
|
padding: "4px 8px",
|
|
240
254
|
fontSize: "1.3rem",
|
|
241
255
|
lineHeight: 1.2
|
|
242
|
-
}
|
|
243
|
-
|
|
256
|
+
},
|
|
257
|
+
...y == null ? void 0 : y.sx
|
|
258
|
+
},
|
|
259
|
+
...y
|
|
244
260
|
},
|
|
245
261
|
openPickerButton: {
|
|
246
262
|
size: "small",
|
|
247
|
-
onClick: /* @__PURE__ */
|
|
248
|
-
e.preventDefault(), e.stopPropagation(),
|
|
263
|
+
onClick: /* @__PURE__ */ t((e) => {
|
|
264
|
+
e.preventDefault(), e.stopPropagation(), l || T();
|
|
249
265
|
}, "onClick"),
|
|
250
266
|
sx: {
|
|
251
267
|
margin: 0,
|
|
@@ -263,29 +279,29 @@ const T = "––", z = {
|
|
|
263
279
|
}
|
|
264
280
|
},
|
|
265
281
|
digitalClockItem: {
|
|
266
|
-
sx:
|
|
282
|
+
sx: U
|
|
267
283
|
},
|
|
268
284
|
digitalClockSectionItem: {
|
|
269
|
-
sx:
|
|
285
|
+
sx: U
|
|
270
286
|
},
|
|
271
287
|
textField: {
|
|
272
|
-
variant:
|
|
273
|
-
fullWidth:
|
|
274
|
-
...
|
|
275
|
-
className:
|
|
276
|
-
!
|
|
277
|
-
|
|
288
|
+
variant: w,
|
|
289
|
+
fullWidth: L,
|
|
290
|
+
...n,
|
|
291
|
+
className: he(
|
|
292
|
+
!L && (M ? "w-[160px]" : "w-[140px]"),
|
|
293
|
+
n == null ? void 0 : n.className
|
|
278
294
|
),
|
|
279
|
-
onClick:
|
|
280
|
-
onKeyDown:
|
|
281
|
-
placeholder:
|
|
282
|
-
sx:
|
|
295
|
+
onClick: le,
|
|
296
|
+
onKeyDown: de,
|
|
297
|
+
placeholder: ne,
|
|
298
|
+
sx: oe
|
|
283
299
|
}
|
|
284
300
|
}
|
|
285
301
|
}
|
|
286
302
|
) }) });
|
|
287
303
|
}, "OwpTimePicker");
|
|
288
304
|
export {
|
|
289
|
-
|
|
305
|
+
We as OwpTimePicker
|
|
290
306
|
};
|
|
291
307
|
//# sourceMappingURL=OwpTimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { ensureDayjsBrowserSetup } from '@/utils/dayjsBrowser';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n IconButton,\n InputAdornment,\n type InputAdornmentProps,\n TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { VALUE_TIME_FORMATTER } from './constants';\n\nensureDayjsBrowserSetup();\n\nconst EMPTY_TIME_SECTION = '––';\n\nconst SELECTED_TIME_ITEM_SX = {\n '&:hover': {\n backgroundColor: 'var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))',\n },\n '&.Mui-selected': {\n backgroundColor: 'var(--owp-datepicker-selected-bg, #039be5)',\n color: 'var(--owp-datepicker-selected-color, #fff)',\n '&:focus-visible, &:hover': {\n backgroundColor: 'var(--owp-datepicker-selected-hover-bg, #039be5)',\n },\n },\n};\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n '& .MuiInputBase-root': {\n alignItems: 'center',\n },\n '& .MuiInputAdornment-positionEnd': {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n marginLeft: 0,\n },\n '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n margin: 0,\n padding: 0,\n },\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n '@media (pointer: fine)': {\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n },\n};\n\nconst TIME_PICKER_PAPER_SX = {\n border: 0,\n borderRadius: 1,\n boxShadow: 8,\n backgroundImage: 'none',\n backgroundColor: 'background.paper',\n overflow: 'hidden',\n '& .MuiPickersLayout-contentWrapper': {\n border: 0,\n },\n '& .MuiPickersLayout-actionBar': {\n borderTop: '1px solid',\n borderColor: '#e0e0e0',\n },\n '& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root': {\n border: 0,\n },\n '& .MuiMultiSectionDigitalClockSection-root': {\n border: 0,\n },\n '& .MuiMultiSectionDigitalClockSection-root:last-of-type': {\n overflowY: 'hidden',\n scrollbarWidth: 'none',\n '&::-webkit-scrollbar': {\n display: 'none',\n width: 0,\n },\n '@media (pointer: fine)': {\n '&:hover': {\n overflowY: 'hidden',\n },\n },\n '@media (pointer: none), (pointer: coarse)': {\n overflowY: 'hidden',\n },\n },\n};\n\nexport type OwpTimePickerValue = string | Date | Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (event.ctrlKey || event.altKey || event.metaKey) {\n return false;\n }\n\n return event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete';\n};\n\ninterface OwnProps {\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: OwpTimePickerValue;\n format?: string;\n useAmPm?: boolean;\n placeholder?: string;\n disabledClearButton?: boolean;\n fullWidth?: boolean;\n onChange?: (value?: string) => void;\n textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n Omit<\n TimePickerProps<false>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'format'\n | 'ampm'\n | 'slotProps'\n | 'enableAccessibleFieldDOMStructure'\n >;\n\n/**\n * OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param textFieldProps TextField props\n */\nconst OwpTimePicker = ({\n label,\n variant = 'standard',\n sx,\n value,\n format = VALUE_TIME_FORMATTER,\n useAmPm,\n placeholder,\n disabledClearButton,\n fullWidth,\n onChange,\n textFieldProps,\n localeText,\n open: openProp,\n onOpen,\n onClose,\n slots,\n ...timePickerProps\n}: OwpTimePickerProps) => {\n const normalizedValueFormat = VALUE_TIME_FORMATTER;\n const useMeridiem = useAmPm ?? /a/i.test(format);\n const displayFormat = useMeridiem ? 'A hh:mm' : normalizedValueFormat;\n const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n const resolvedTimeSteps = {\n minutes: 1,\n ...timePickerProps.timeSteps,\n };\n const [internalOpen, setInternalOpen] = useState(false);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n const skipNextOpenRef = useRef(false);\n const { t, i18n } = useOwpTranslation();\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n const resolvedLocaleText = {\n okButtonLabel: t('Button.확인'),\n clearButtonLabel: t('Button.초기화'),\n fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n ...localeText,\n };\n const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n Boolean,\n ) as SxProps<Theme>;\n const isClearDisabled = Boolean(\n disabledClearButton || timePickerProps.disabled || timePickerProps.readOnly,\n );\n const canClear = Boolean(onChange) && !disabledClearButton;\n const isControlledOpen = openProp !== undefined;\n const isOpen = isControlledOpen ? openProp : internalOpen;\n\n const selectedValue = useMemo(() => {\n if (!value) {\n return null;\n }\n\n if (dayjs.isDayjs(value)) {\n return value;\n }\n\n if (typeof value === 'string') {\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n return parsedValue.isValid() ? parsedValue : null;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? parsedValue : null;\n }, [normalizedValueFormat, value]);\n\n const handleChange = (nextValue: Dayjs | null) => {\n onChange?.(nextValue?.isValid() ? nextValue.format(normalizedValueFormat) : undefined);\n };\n\n const handleOpen = useCallback(() => {\n if (skipNextOpenRef.current) {\n skipNextOpenRef.current = false;\n return;\n }\n\n if (!isControlledOpen) {\n setInternalOpen(true);\n }\n\n onOpen?.();\n }, [isControlledOpen, onOpen]);\n\n const handleClose = useCallback(() => {\n if (!isControlledOpen) {\n setInternalOpen(false);\n }\n\n onClose?.();\n }, [isControlledOpen, onClose]);\n\n const handleClear = () => {\n onChange?.('');\n };\n\n const handleTextFieldClick = useCallback(\n (event: OwpTimePickerTextFieldClickEvent) => {\n textFieldProps?.onClick?.(event);\n\n if (event.defaultPrevented || timePickerProps.disabled || timePickerProps.readOnly) {\n return;\n }\n\n if (isOpen) {\n skipNextOpenRef.current = true;\n handleClose();\n queueMicrotask(() => {\n skipNextOpenRef.current = false;\n });\n return;\n }\n\n handleOpen();\n },\n [handleClose, handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n );\n\n const handleTextFieldKeyDown = useCallback(\n (event: OwpTimePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented || !isOpen || !isValueEditingKey(event)) {\n return;\n }\n\n handleClose();\n },\n [handleClose, isOpen, textFieldProps],\n );\n\n useEffect(() => {\n if (!isOpen) {\n return undefined;\n }\n\n const handleDocumentMouseDown = (event: MouseEvent) => {\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.current?.contains(target) || popperRef.current?.contains(target)) {\n return;\n }\n\n handleClose();\n };\n\n document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n return () => {\n document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n };\n }, [handleClose, isOpen]);\n\n const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n <InputAdornment position={position} {...restProps}>\n {position === 'end' && canClear && (\n <IconButton\n className=\"clearButton\"\n size=\"small\"\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={isClearDisabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n handleClear();\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n )}\n {children}\n </InputAdornment>\n );\n\n return (\n <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n <div ref={rootRef}>\n <TimePicker\n {...timePickerProps}\n enableAccessibleFieldDOMStructure={false}\n ampm={useMeridiem}\n open={isOpen}\n closeOnSelect={resolvedCloseOnSelect}\n timeSteps={resolvedTimeSteps}\n label={label}\n value={selectedValue}\n format={displayFormat}\n localeText={resolvedLocaleText}\n onChange={handleChange}\n onOpen={handleOpen}\n onClose={handleClose}\n slots={{\n ...slots,\n inputAdornment: TimePickerInputAdornment,\n }}\n slotProps={{\n popper: {\n placement: 'bottom-end',\n ref: (instance) => {\n popperRef.current = instance;\n },\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 7],\n },\n },\n ],\n },\n desktopPaper: {\n sx: TIME_PICKER_PAPER_SX,\n },\n mobilePaper: {\n sx: TIME_PICKER_PAPER_SX,\n },\n actionBar: {\n actions: ['accept'],\n sx: {\n backgroundColor: '#f6f3f4',\n minHeight: 44,\n padding: '4px 8px',\n '& .MuiButton-root': {\n minHeight: 28,\n minWidth: 48,\n padding: '4px 8px',\n fontSize: '1.3rem',\n lineHeight: 1.2,\n },\n },\n },\n openPickerButton: {\n size: 'small',\n onClick: (event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!isOpen) {\n handleOpen();\n }\n },\n sx: {\n margin: 0,\n padding: 0,\n },\n },\n openPickerIcon: {\n fontSize: 'small',\n },\n inputAdornment: {\n sx: {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n },\n digitalClockItem: {\n sx: SELECTED_TIME_ITEM_SX,\n },\n digitalClockSectionItem: {\n sx: SELECTED_TIME_ITEM_SX,\n },\n textField: {\n variant,\n fullWidth,\n ...textFieldProps,\n className: clsx(\n !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n textFieldProps?.className,\n ),\n onClick: handleTextFieldClick,\n onKeyDown: handleTextFieldKeyDown,\n placeholder: resolvedPlaceholder,\n sx: resolvedTextFieldSx,\n },\n }}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport { OwpTimePicker };\n"],"names":["ensureDayjsBrowserSetup","EMPTY_TIME_SECTION","SELECTED_TIME_ITEM_SX","TIME_PICKER_TEXT_FIELD_SX","TIME_PICKER_PAPER_SX","isValueEditingKey","__name","event","OwpTimePicker","label","variant","sx","value","format","VALUE_TIME_FORMATTER","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","internalOpen","setInternalOpen","useState","rootRef","useRef","popperRef","skipNextOpenRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","selectedValue","useMemo","dayjs","parsedValue","handleChange","nextValue","handleOpen","useCallback","handleClose","handleClear","handleTextFieldClick","_a","handleTextFieldKeyDown","useEffect","handleDocumentMouseDown","target","_b","jsx","LocalizationProvider","AdapterDayjs","TimePicker","position","children","restProps","jsxs","InputAdornment","IconButton","ClearIcon","instance","clsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OwpTimePicker.js","sources":["../../../src/components/OwpPicker/OwpTimePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { ensureDayjsBrowserSetup } from '@/utils/dayjsBrowser';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n IconButton,\n InputAdornment,\n MenuItem,\n type MenuItemProps,\n type InputAdornmentProps,\n TextFieldProps,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { LocalizationProvider, TimePicker, type TimePickerProps } from '@mui/x-date-pickers';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport clsx from 'clsx';\nimport dayjs, { type Dayjs } from 'dayjs';\nimport {\n type MouseEvent as ReactMouseEvent,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { VALUE_TIME_FORMATTER } from './constants';\n\nensureDayjsBrowserSetup();\n\nconst EMPTY_TIME_SECTION = '––';\nconst TIME_PICKER_MINUTE_SECTION_INDEX = 1;\n\nconst SELECTED_TIME_ITEM_SX = {\n '&:hover': {\n backgroundColor: 'var(--owp-datepicker-hover-bg, rgba(3, 155, 229, 0.14))',\n },\n '&.Mui-selected': {\n backgroundColor: 'var(--owp-datepicker-selected-bg, #039be5)',\n color: 'var(--owp-datepicker-selected-color, #fff)',\n '&:focus-visible, &:hover': {\n backgroundColor: 'var(--owp-datepicker-selected-hover-bg, #039be5)',\n },\n },\n};\n\nconst TIME_PICKER_TEXT_FIELD_SX = {\n '& .MuiInputBase-root': {\n alignItems: 'center',\n },\n '& .MuiInputAdornment-positionEnd': {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n '& .MuiInputAdornment-positionEnd > :not(style) + :not(style)': {\n marginLeft: 0,\n },\n '& .MuiInputAdornment-positionEnd .MuiIconButton-root': {\n margin: 0,\n padding: 0,\n },\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n '@media (pointer: fine)': {\n '& .clearButton': {\n opacity: 1,\n visibility: 'visible',\n },\n },\n};\n\nconst TIME_PICKER_PAPER_SX = {\n border: 0,\n borderRadius: 1,\n boxShadow: 8,\n backgroundImage: 'none',\n backgroundColor: 'background.paper',\n overflow: 'hidden',\n '& .MuiPickersLayout-contentWrapper': {\n border: 0,\n },\n '& .MuiPickersLayout-actionBar': {\n borderTop: '1px solid',\n borderColor: '#e0e0e0',\n },\n '& .MuiMultiSectionDigitalClock-root, & .MuiDigitalClock-root': {\n border: 0,\n },\n '& .MuiMultiSectionDigitalClockSection-root': {\n border: 0,\n },\n '& .MuiMultiSectionDigitalClockSection-root:last-of-type': {\n overflowY: 'hidden',\n scrollbarWidth: 'none',\n '&::-webkit-scrollbar': {\n display: 'none',\n width: 0,\n },\n '@media (pointer: fine)': {\n '&:hover': {\n overflowY: 'hidden',\n },\n },\n '@media (pointer: none), (pointer: coarse)': {\n overflowY: 'hidden',\n },\n },\n};\n\nexport type OwpTimePickerValue = string | Date | Dayjs;\ntype OwpTimePickerTextFieldClickEvent = Parameters<NonNullable<TextFieldProps['onClick']>>[0];\ntype OwpTimePickerTextFieldKeyDownEvent = Parameters<NonNullable<TextFieldProps['onKeyDown']>>[0];\n\nconst isValueEditingKey = (event: OwpTimePickerTextFieldKeyDownEvent) => {\n if (event.ctrlKey || event.altKey || event.metaKey) {\n return false;\n }\n\n return event.key.length === 1 || event.key === 'Backspace' || event.key === 'Delete';\n};\n\ninterface OwnProps {\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: OwpTimePickerValue;\n format?: string;\n useAmPm?: boolean;\n placeholder?: string;\n disabledClearButton?: boolean;\n fullWidth?: boolean;\n onChange?: (value?: string) => void;\n slotProps?: TimePickerProps<false>['slotProps'];\n textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpTimePickerProps = OwnProps &\n Omit<\n TimePickerProps<false>,\n | 'value'\n | 'onChange'\n | 'label'\n | 'format'\n | 'ampm'\n | 'slotProps'\n | 'enableAccessibleFieldDOMStructure'\n >;\n\n/**\n * OwpTimePicker 컴포넌트\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값, clear 버튼 동작 대상 값\n * @param format 시간 포맷\n * @param useAmPm 오전/오후 포맷 사용 여부\n * @param disabledClearButton clear 버튼 비활성화 여부\n * @param fullWidth 전체 너비 사용 여부\n * @param onChange onChange 핸들러, clear 버튼 활성화 조건\n * @param slotProps TimePicker slot props\n * @param textFieldProps TextField props\n */\nconst OwpTimePicker = ({\n label,\n variant = 'standard',\n sx,\n value,\n format = VALUE_TIME_FORMATTER,\n useAmPm,\n placeholder,\n disabledClearButton,\n fullWidth,\n onChange,\n textFieldProps,\n localeText,\n open: openProp,\n onOpen,\n onClose,\n slots,\n slotProps,\n ...timePickerProps\n}: OwpTimePickerProps) => {\n const normalizedValueFormat = VALUE_TIME_FORMATTER;\n const useMeridiem = useAmPm ?? /a/i.test(format);\n const displayFormat = useMeridiem ? 'A hh:mm' : normalizedValueFormat;\n const resolvedCloseOnSelect = timePickerProps.closeOnSelect ?? false;\n const resolvedTimeSteps = {\n minutes: 1,\n ...timePickerProps.timeSteps,\n };\n const [internalOpen, setInternalOpen] = useState(false);\n const rootRef = useRef<HTMLDivElement | null>(null);\n const popperRef = useRef<HTMLDivElement | null>(null);\n const skipNextOpenRef = useRef(false);\n const { t, i18n } = useOwpTranslation();\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const adapterLocale = languageId === 'kr' ? 'ko' : 'en';\n const resolvedLocaleText = {\n okButtonLabel: t('Button.확인'),\n clearButtonLabel: t('Button.초기화'),\n fieldHoursPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMinutesPlaceholder: () => EMPTY_TIME_SECTION,\n fieldMeridiemPlaceholder: () => EMPTY_TIME_SECTION,\n ...localeText,\n };\n const resolvedPlaceholder = placeholder ?? (useMeridiem ? '–– ––:––' : '––:––');\n const resolvedTextFieldSx = [TIME_PICKER_TEXT_FIELD_SX, sx, textFieldProps?.sx].filter(\n Boolean,\n ) as SxProps<Theme>;\n const isClearDisabled = Boolean(\n disabledClearButton || timePickerProps.disabled || timePickerProps.readOnly,\n );\n const canClear = Boolean(onChange) && !disabledClearButton;\n const isControlledOpen = openProp !== undefined;\n const isOpen = isControlledOpen ? openProp : internalOpen;\n const actionBarSlotProps =\n typeof slotProps?.actionBar === 'function' ? undefined : slotProps?.actionBar;\n\n const selectedValue = useMemo(() => {\n if (!value) {\n return null;\n }\n\n if (dayjs.isDayjs(value)) {\n return value;\n }\n\n if (typeof value === 'string') {\n const parsedValue = dayjs(value, normalizedValueFormat, true);\n return parsedValue.isValid() ? parsedValue : null;\n }\n\n const parsedValue = dayjs(value);\n return parsedValue.isValid() ? parsedValue : null;\n }, [normalizedValueFormat, value]);\n\n const handleChange = (nextValue: Dayjs | null) => {\n onChange?.(nextValue?.isValid() ? nextValue.format(normalizedValueFormat) : undefined);\n };\n\n const handleOpen = useCallback(() => {\n if (skipNextOpenRef.current) {\n skipNextOpenRef.current = false;\n return;\n }\n\n if (!isControlledOpen) {\n setInternalOpen(true);\n }\n\n onOpen?.();\n }, [isControlledOpen, onOpen]);\n\n const handleClose = useCallback(() => {\n if (!isControlledOpen) {\n setInternalOpen(false);\n }\n\n onClose?.();\n }, [isControlledOpen, onClose]);\n\n const handleClear = () => {\n onChange?.('');\n };\n\n const handleTextFieldClick = useCallback(\n (event: OwpTimePickerTextFieldClickEvent) => {\n textFieldProps?.onClick?.(event);\n\n if (event.defaultPrevented || timePickerProps.disabled || timePickerProps.readOnly) {\n return;\n }\n\n if (isOpen) {\n skipNextOpenRef.current = true;\n handleClose();\n queueMicrotask(() => {\n skipNextOpenRef.current = false;\n });\n return;\n }\n\n handleOpen();\n },\n [handleClose, handleOpen, isOpen, textFieldProps, timePickerProps.disabled, timePickerProps.readOnly],\n );\n\n const handleTextFieldKeyDown = useCallback(\n (event: OwpTimePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented || !isOpen || !isValueEditingKey(event)) {\n return;\n }\n\n handleClose();\n },\n [handleClose, isOpen, textFieldProps],\n );\n\n useEffect(() => {\n if (!isOpen) {\n return undefined;\n }\n\n const handleDocumentMouseDown = (event: MouseEvent) => {\n const target = event.target;\n\n if (!(target instanceof Node)) {\n return;\n }\n\n if (rootRef.current?.contains(target) || popperRef.current?.contains(target)) {\n return;\n }\n\n handleClose();\n };\n\n document.addEventListener('mousedown', handleDocumentMouseDown, true);\n\n return () => {\n document.removeEventListener('mousedown', handleDocumentMouseDown, true);\n };\n }, [handleClose, isOpen]);\n\n const TimePickerInputAdornment = ({ position, children, ...restProps }: InputAdornmentProps) => (\n <InputAdornment position={position} {...restProps}>\n {position === 'end' && canClear && (\n <IconButton\n className=\"clearButton\"\n size=\"small\"\n aria-label={resolvedLocaleText.clearButtonLabel}\n disabled={isClearDisabled}\n onClick={(event) => {\n event.preventDefault();\n event.stopPropagation();\n handleClear();\n }}\n >\n <ClearIcon fontSize=\"small\" />\n </IconButton>\n )}\n {children}\n </InputAdornment>\n );\n\n const TimePickerDigitalClockSectionItem = useMemo(\n () =>\n forwardRef<HTMLLIElement, MenuItemProps>((props, ref) => {\n const { onClick, ...restProps } = props;\n\n const handleClick = (event: ReactMouseEvent<HTMLLIElement>) => {\n onClick?.(event);\n\n const parentElement = event.currentTarget.parentElement;\n const parentParentElement = parentElement?.parentElement;\n const sectionIndex = parentParentElement\n ? Array.from(parentParentElement.children).indexOf(parentElement)\n : -1;\n\n if (sectionIndex === TIME_PICKER_MINUTE_SECTION_INDEX) {\n window.setTimeout(handleClose, 0);\n }\n };\n\n return <MenuItem ref={ref} onClick={handleClick} {...restProps} />;\n }),\n [handleClose],\n );\n\n return (\n <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n <div ref={rootRef}>\n <TimePicker\n {...timePickerProps}\n enableAccessibleFieldDOMStructure={false}\n ampm={useMeridiem}\n open={isOpen}\n closeOnSelect={resolvedCloseOnSelect}\n timeSteps={resolvedTimeSteps}\n label={label}\n value={selectedValue}\n format={displayFormat}\n localeText={resolvedLocaleText}\n onChange={handleChange}\n onOpen={handleOpen}\n onClose={handleClose}\n slots={{\n ...slots,\n inputAdornment: TimePickerInputAdornment,\n digitalClockSectionItem:\n slots?.digitalClockSectionItem ?? TimePickerDigitalClockSectionItem,\n }}\n slotProps={{\n popper: {\n placement: 'bottom-end',\n ref: (instance) => {\n popperRef.current = instance;\n },\n modifiers: [\n {\n name: 'offset',\n options: {\n offset: [0, 7],\n },\n },\n ],\n },\n desktopPaper: {\n sx: TIME_PICKER_PAPER_SX,\n },\n mobilePaper: {\n sx: TIME_PICKER_PAPER_SX,\n },\n actionBar: {\n actions: [],\n sx: {\n backgroundColor: '#f6f3f4',\n minHeight: 44,\n padding: '4px 8px',\n '& .MuiButton-root': {\n minHeight: 28,\n minWidth: 48,\n padding: '4px 8px',\n fontSize: '1.3rem',\n lineHeight: 1.2,\n },\n ...actionBarSlotProps?.sx,\n },\n ...actionBarSlotProps,\n },\n openPickerButton: {\n size: 'small',\n onClick: (event) => {\n event.preventDefault();\n event.stopPropagation();\n\n if (!isOpen) {\n handleOpen();\n }\n },\n sx: {\n margin: 0,\n padding: 0,\n },\n },\n openPickerIcon: {\n fontSize: 'small',\n },\n inputAdornment: {\n sx: {\n marginBottom: 0,\n marginLeft: 0,\n gap: 0,\n },\n },\n digitalClockItem: {\n sx: SELECTED_TIME_ITEM_SX,\n },\n digitalClockSectionItem: {\n sx: SELECTED_TIME_ITEM_SX,\n },\n textField: {\n variant,\n fullWidth,\n ...textFieldProps,\n className: clsx(\n !fullWidth && (useMeridiem ? 'w-[160px]' : 'w-[140px]'),\n textFieldProps?.className,\n ),\n onClick: handleTextFieldClick,\n onKeyDown: handleTextFieldKeyDown,\n placeholder: resolvedPlaceholder,\n sx: resolvedTextFieldSx,\n },\n }}\n />\n </div>\n </LocalizationProvider>\n );\n};\n\nexport { OwpTimePicker };\n"],"names":["ensureDayjsBrowserSetup","EMPTY_TIME_SECTION","TIME_PICKER_MINUTE_SECTION_INDEX","SELECTED_TIME_ITEM_SX","TIME_PICKER_TEXT_FIELD_SX","TIME_PICKER_PAPER_SX","isValueEditingKey","__name","event","OwpTimePicker","label","variant","sx","value","format","VALUE_TIME_FORMATTER","useAmPm","placeholder","disabledClearButton","fullWidth","onChange","textFieldProps","localeText","openProp","onOpen","onClose","slots","slotProps","timePickerProps","normalizedValueFormat","useMeridiem","displayFormat","resolvedCloseOnSelect","resolvedTimeSteps","internalOpen","setInternalOpen","useState","rootRef","useRef","popperRef","skipNextOpenRef","t","i18n","useOwpTranslation","adapterLocale","resolvedLocaleText","resolvedPlaceholder","resolvedTextFieldSx","isClearDisabled","canClear","isControlledOpen","isOpen","actionBarSlotProps","selectedValue","useMemo","dayjs","parsedValue","handleChange","nextValue","handleOpen","useCallback","handleClose","handleClear","handleTextFieldClick","_a","handleTextFieldKeyDown","useEffect","handleDocumentMouseDown","target","_b","TimePickerInputAdornment","position","children","restProps","jsxs","InputAdornment","jsx","IconButton","ClearIcon","TimePickerDigitalClockSectionItem","forwardRef","props","ref","onClick","MenuItem","parentElement","parentParentElement","LocalizationProvider","AdapterDayjs","TimePicker","instance","clsx"],"mappings":"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"}
|