@owp/core 2.5.19 → 2.5.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
- var e = { exports: {} };
1
+ var r = {};
2
2
  export {
3
- e as __module
3
+ r as __exports
4
4
  };
5
5
  //# sourceMappingURL=index15.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
3
- var o = t();
4
- const m = /* @__PURE__ */ r(o);
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);
5
5
  export {
6
- m as default
6
+ s as default
7
7
  };
8
8
  //# sourceMappingURL=index16.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
3
- var o = e();
4
- const s = /* @__PURE__ */ r(o);
2
+ import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
3
+ var o = t();
4
+ const m = /* @__PURE__ */ r(o);
5
5
  export {
6
- s as default
6
+ m as default
7
7
  };
8
8
  //# sourceMappingURL=index17.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
2
- import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
3
- var o = t();
4
- const i = /* @__PURE__ */ r(o);
2
+ import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
3
+ var o = e();
4
+ const s = /* @__PURE__ */ r(o);
5
5
  export {
6
- i as default
6
+ s as default
7
7
  };
8
8
  //# sourceMappingURL=index18.js.map
@@ -1,8 +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
+ import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
3
+ var o = t();
4
+ const i = /* @__PURE__ */ r(o);
5
5
  export {
6
- s as default
6
+ i as default
7
7
  };
8
8
  //# sourceMappingURL=index19.js.map
@@ -1,5 +1,5 @@
1
- var r = {};
1
+ var e = { exports: {} };
2
2
  export {
3
- r as __exports
3
+ e as __module
4
4
  };
5
5
  //# sourceMappingURL=index5.js.map
@@ -1,99 +1,98 @@
1
- var C = Object.defineProperty;
2
- var a = (r, f) => C(r, "name", { value: f, configurable: !0 });
3
- import { jsx as D } 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";
1
+ var B = Object.defineProperty;
2
+ var a = (e, u) => B(e, "name", { value: u, 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
4
  import { useOwpTranslation as G } from "../../hooks/useOwpTranslation.js";
5
- import { clsx as u } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
5
+ import { clsx as i } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
6
6
  import { enUS as J } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js";
7
7
  import { ko as Q } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/ko.js";
8
- import N from "dayjs";
9
- import { useRef as X, useMemo as T } from "react";
10
- import { DatePicker as Z, registerLocale as K, setDefaultLocale as $ } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
11
- import { AnimatedCalendarContainer as x } from "./internal/AnimatedCalendarContainer.js";
12
- import { CalendarContainer as W } from "./internal/CalendarContainer.js";
13
- import { DatePickerInput as Y } from "./internal/DatePickerInput.js";
14
- import { VALUE_YEAR_FORMATTER as F, VALUE_MONTH_FORMATTER as v, VALUE_DATE_FORMATTER as P } from "./constants/index.js";
15
- import { isNull as h } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
16
- import { isNil as R } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
17
- import { isEmpty as ee } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
18
- K("ko", Q);
19
- K("en", J);
8
+ import A from "dayjs";
9
+ import { useRef as X, useMemo as O } from "react";
10
+ import { DatePicker as Z, registerLocale as L, setDefaultLocale as $ } from "../../node_modules/.pnpm/react-datepicker@8.7.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-datepicker/dist/index.es.js";
11
+ import { CalendarContainer as x } from "./internal/CalendarContainer.js";
12
+ import { DatePickerInput as W } from "./internal/DatePickerInput.js";
13
+ import { VALUE_YEAR_FORMATTER as Y, VALUE_MONTH_FORMATTER as C, VALUE_DATE_FORMATTER as F } from "./constants/index.js";
14
+ import { isNull as v } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNull.js";
15
+ import { isNil as D } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNil.js";
16
+ import { isEmpty as P } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
17
+ L("ko", Q);
18
+ L("en", J);
20
19
  $("ko");
21
- const O = /* @__PURE__ */ a((r) => h(r) && R(r), "isNill"), re = /* @__PURE__ */ a((r) => !(r.ctrlKey || r.altKey || r.metaKey || r.key === "Escape" || r.key === "Enter" || r.key === "Tab"), "isDateRangePickerOpenKey"), Ke = /* @__PURE__ */ a(({
22
- className: r,
23
- label: f,
24
- variant: L = "standard",
20
+ const K = /* @__PURE__ */ a((e) => v(e) && D(e), "isNill"), h = /* @__PURE__ */ a((e) => !(e.ctrlKey || e.altKey || e.metaKey || e.key === "Escape" || e.key === "Enter" || e.key === "Tab"), "isDateRangePickerOpenKey"), Ae = /* @__PURE__ */ a(({
21
+ className: e,
22
+ label: u,
23
+ variant: d = "standard",
25
24
  sx: I,
26
- value: i,
27
- fullWidth: E,
25
+ value: f,
26
+ fullWidth: R,
28
27
  disabledClearButton: _,
29
- disabledFutureDates: k,
28
+ disabledFutureDates: j,
30
29
  onChange: t,
31
- minDate: j,
30
+ minDate: k,
32
31
  maxDate: U,
33
32
  minTime: M,
34
33
  maxTime: S,
35
- showYearPicker: m,
36
- showMonthPicker: p,
37
- textFieldProps: o,
34
+ showYearPicker: l,
35
+ showMonthPicker: s,
36
+ textFieldProps: m,
38
37
  popperClassName: V,
39
38
  popperContainer: b,
40
- ...s
39
+ ...n
41
40
  }) => {
42
41
  const {
43
- selectsMultiple: te,
44
- selectsRange: ae,
45
- selected: oe,
46
- startDate: me,
47
- endDate: pe,
42
+ selectsMultiple: ee,
43
+ selectsRange: re,
44
+ selected: te,
45
+ startDate: ae,
46
+ endDate: me,
48
47
  ...g
49
- } = s, { i18n: y } = G(), d = X(null), H = (y.resolvedLanguage ?? y.language ?? "kr") === "kr" ? "ko" : "en", c = T(() => m ? F : p ? v : P, [m, p]), [n, w] = T(() => i ? i.split(",").map((e) => !e || O(e) ? null : new Date(e)) : [null, null], [i]), q = /* @__PURE__ */ a((e) => {
48
+ } = n, { i18n: E } = G(), y = X(null), H = (E.resolvedLanguage ?? E.language ?? "kr") === "kr" ? "ko" : "en", c = O(() => l ? Y : s ? C : F, [l, s]), [o, N] = O(() => f ? f.split(",").map((r) => !r || K(r) ? null : new Date(r)) : [null, null], [f]), q = /* @__PURE__ */ a((r) => {
50
49
  t == null || t(
51
- ee(e) ? void 0 : [...e].map((l) => O(l) ? "" : N(l).format(c)).join(",")
50
+ P(r) ? void 0 : [...r].map((p) => K(p) ? "" : A(p).format(c)).join(",")
52
51
  );
53
- }, "handleSelect"), z = /* @__PURE__ */ a(({ children: e }) => /* @__PURE__ */ D(x, { container: b ?? W, children: e }), "PopperContainer"), B = /* @__PURE__ */ a((e) => {
54
- var l, A;
55
- (l = o == null ? void 0 : o.onKeyDown) == null || l.call(o, e), !(e.defaultPrevented || !re(e)) && ((A = d.current) == null || A.setOpen(!0));
52
+ }, "handleSelect"), z = /* @__PURE__ */ a((r) => {
53
+ var p, T;
54
+ (p = m == null ? void 0 : m.onKeyDown) == null || p.call(m, r), !(r.defaultPrevented || !h(r)) && ((T = y.current) == null || T.setOpen(!0));
56
55
  }, "handleExternalInputKeyDown");
57
- return /* @__PURE__ */ D(
56
+ return /* @__PURE__ */ w(
58
57
  Z,
59
58
  {
60
- ref: d,
59
+ ref: y,
61
60
  ...g,
62
61
  locale: H,
63
- popperContainer: z,
64
- popperClassName: u("owp-animated-datepicker-popper", V),
65
- className: u(E && "w-full"),
66
- wrapperClassName: u(E && "w-full", s == null ? void 0 : s.wrapperClassName),
62
+ popperContainer: b ?? x,
63
+ popperClassName: V,
64
+ className: i(R && "w-full"),
65
+ wrapperClassName: i(R && "w-full", n == null ? void 0 : n.wrapperClassName),
67
66
  selectsRange: !0,
68
- minDate: j,
69
- maxDate: k ? /* @__PURE__ */ new Date() : U,
67
+ minDate: k,
68
+ maxDate: j ? /* @__PURE__ */ new Date() : U,
70
69
  minTime: M,
71
70
  maxTime: S,
72
- showYearPicker: m,
73
- showMonthYearPicker: p,
71
+ showYearPicker: l,
72
+ showMonthYearPicker: s,
74
73
  showPopperArrow: !1,
75
74
  popperPlacement: "bottom-start",
76
- selected: n,
75
+ selected: o,
77
76
  onChange: q,
78
77
  onCalendarClose: /* @__PURE__ */ a(() => {
79
- !R(n) && R(w) && (t == null || t([n, n].map((e) => N(e).format(c)).join(",")));
78
+ !D(o) && D(N) && (t == null || t([o, o].map((r) => A(r).format(c)).join(",")));
80
79
  }, "onCalendarClose"),
81
- startDate: n,
82
- endDate: w,
83
- customInput: /* @__PURE__ */ D(
84
- Y,
80
+ startDate: o,
81
+ endDate: N,
82
+ customInput: /* @__PURE__ */ w(
83
+ W,
85
84
  {
86
- className: u(
87
- m && "w-[180px]",
88
- p && "w-[220px]",
89
- !m && !p && "w-[260px]",
90
- r
85
+ className: i(
86
+ l && "w-[180px]",
87
+ s && "w-[220px]",
88
+ !l && !s && "w-[260px]",
89
+ e
91
90
  ),
92
- label: f,
93
- variant: L,
91
+ label: u,
92
+ variant: d,
94
93
  sx: I,
95
- ...o,
96
- onInputKeyDown: B,
94
+ ...m,
95
+ onInputKeyDown: z,
97
96
  reset: /* @__PURE__ */ a(() => t == null ? void 0 : t(""), "reset"),
98
97
  useRange: !0,
99
98
  disabledClearButton: _,
@@ -104,6 +103,6 @@ const O = /* @__PURE__ */ a((r) => h(r) && R(r), "isNill"), re = /* @__PURE__ */
104
103
  );
105
104
  }, "OwpDateRangePicker");
106
105
  export {
107
- Ke as OwpDateRangePicker
106
+ Ae as OwpDateRangePicker
108
107
  };
109
108
  //# sourceMappingURL=OwpDateRangePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from 'dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { type ReactNode, useMemo, useRef } from 'react';\nimport ReactDatePicker, {\n DatePickerProps,\n registerLocale,\n setDefaultLocale,\n} from 'react-datepicker';\nimport { AnimatedCalendarContainer } from './internal/AnimatedCalendarContainer';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ntype OwpDateRangePickerTextFieldKeyDownEvent = Parameters<\n NonNullable<TextFieldProps['onKeyDown']>\n>[0];\n\n/** DateRangePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDateRangePickerOpenKey = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n if (\n event.ctrlKey ||\n event.altKey ||\n event.metaKey ||\n event.key === 'Escape' ||\n event.key === 'Enter' ||\n event.key === 'Tab'\n ) {\n return false;\n }\n\n return true;\n};\n\ninterface OwnProps {\n className?: string;\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: DatePickerValue;\n fullWidth?: boolean;\n disabledClearButton?: boolean;\n disabledFutureDates?: boolean;\n onChange?: (value?: DatePickerValue) => void;\n showYearPicker?: boolean;\n showMonthPicker?: boolean;\n textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n className,\n label,\n variant = 'standard',\n sx,\n value,\n fullWidth,\n disabledClearButton,\n disabledFutureDates,\n onChange,\n minDate,\n maxDate,\n minTime,\n maxTime,\n showYearPicker,\n showMonthPicker,\n textFieldProps,\n popperClassName: popperClassNameProp,\n popperContainer: popperContainerProp,\n ...datePickerProps\n}: OwpDatePickerProps) => {\n const {\n selectsMultiple,\n selectsRange,\n selected,\n startDate: passedStartDate,\n endDate: passedEndDate,\n ...resolvedDatePickerProps\n } = datePickerProps;\n void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n const { i18n } = useOwpTranslation();\n const datePickerRef = useRef<ReactDatePicker | null>(null);\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n const valueFormatter = useMemo(() => {\n if (showYearPicker) {\n return VALUE_YEAR_FORMATTER;\n }\n\n if (showMonthPicker) {\n return VALUE_MONTH_FORMATTER;\n }\n return VALUE_DATE_FORMATTER;\n }, [showYearPicker, showMonthPicker]);\n\n const [startDate, endDate] = useMemo(() => {\n if (!value) return [null, null];\n return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n }, [value]);\n\n const handleSelect = (dates?: [Date, Date]) => {\n onChange?.(\n !isEmpty(dates)\n ? [...dates].map((d: Date) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n : undefined,\n );\n };\n\n const PopperContainer = ({ children }: { children?: ReactNode }) => (\n <AnimatedCalendarContainer container={popperContainerProp ?? CalendarContainer}>\n {children}\n </AnimatedCalendarContainer>\n );\n\n const handleExternalInputKeyDown = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented || !isDateRangePickerOpenKey(event)) {\n return;\n }\n\n datePickerRef.current?.setOpen(true);\n };\n\n return (\n <ReactDatePicker\n ref={datePickerRef}\n {...resolvedDatePickerProps}\n locale={datePickerLocale}\n popperContainer={PopperContainer}\n popperClassName={clsx('owp-animated-datepicker-popper', popperClassNameProp)}\n className={clsx(fullWidth && 'w-full')}\n wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n selectsRange\n minDate={minDate}\n maxDate={disabledFutureDates ? new Date() : maxDate}\n minTime={minTime}\n maxTime={maxTime}\n showYearPicker={showYearPicker}\n showMonthYearPicker={showMonthPicker}\n showPopperArrow={false}\n popperPlacement=\"bottom-start\"\n selected={startDate}\n onChange={handleSelect}\n onCalendarClose={() => {\n if (!isNil(startDate) && isNil(endDate)) {\n onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n }\n }}\n startDate={startDate}\n endDate={endDate}\n customInput={\n <DatePickerInput\n className={clsx(\n showYearPicker && 'w-[180px]',\n showMonthPicker && 'w-[220px]',\n !showYearPicker && !showMonthPicker && 'w-[260px]',\n className,\n )}\n label={label}\n variant={variant}\n sx={sx}\n {...textFieldProps}\n onInputKeyDown={handleExternalInputKeyDown}\n reset={() => onChange?.('')}\n useRange\n disabledClearButton={disabledClearButton}\n valueFormatter={valueFormatter}\n />\n }\n />\n );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","isDateRangePickerOpenKey","event","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerRef","useRef","datePickerLocale","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","startDate","endDate","handleSelect","dates","isEmpty","d","dayjs","PopperContainer","children","AnimatedCalendarContainer","CalendarContainer","handleExternalInputKeyDown","_a","_b","jsx","ReactDatePicker","clsx","DatePickerInput"],"mappings":"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"}
1
+ {"version":3,"file":"OwpDateRangePicker.js","sources":["../../../src/components/OwpPicker/OwpDateRangePicker.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { enUS } from 'date-fns/locale/en-US';\nimport { ko } from 'date-fns/locale/ko';\nimport dayjs from 'dayjs';\nimport { isEmpty, isNil, isNull } from 'es-toolkit/compat';\nimport { useMemo, useRef } from 'react';\nimport ReactDatePicker, {\n DatePickerProps,\n registerLocale,\n setDefaultLocale,\n} from 'react-datepicker';\nimport { CalendarContainer } from './internal/CalendarContainer';\nimport { DatePickerInput } from './internal/DatePickerInput';\nimport { VALUE_DATE_FORMATTER, VALUE_MONTH_FORMATTER, VALUE_YEAR_FORMATTER } from './constants';\n\nregisterLocale('ko', ko);\nregisterLocale('en', enUS);\nsetDefaultLocale('ko');\n\nconst isNill = (v: Date | string | number | undefined | null) => isNull(v) && isNil(v);\n\ntype DatePickerValue = string | Date;\ntype OwpDateRangePickerTextFieldKeyDownEvent = Parameters<\n NonNullable<TextFieldProps['onKeyDown']>\n>[0];\n\n/** DateRangePicker 외부 입력에서 피커 open 처리할 키 여부 */\nconst isDateRangePickerOpenKey = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n if (\n event.ctrlKey ||\n event.altKey ||\n event.metaKey ||\n event.key === 'Escape' ||\n event.key === 'Enter' ||\n event.key === 'Tab'\n ) {\n return false;\n }\n\n return true;\n};\n\ninterface OwnProps {\n className?: string;\n label?: string;\n variant?: TextFieldProps['variant'];\n sx?: TextFieldProps['sx'];\n value?: DatePickerValue;\n fullWidth?: boolean;\n disabledClearButton?: boolean;\n disabledFutureDates?: boolean;\n onChange?: (value?: DatePickerValue) => void;\n showYearPicker?: boolean;\n showMonthPicker?: boolean;\n textFieldProps?: Omit<TextFieldProps, 'value' | 'defaultValue' | 'onChange'>;\n}\n\ntype OwpDatePickerProps = OwnProps & DatePickerProps;\n\n/**\n * OwpDateRangePicker 컴포넌트\n * @param className CSS 클래스명\n * @param label 입력 라벨\n * @param variant variant 값\n * @param sx sx 값\n * @param value 현재 값\n * @param fullWidth 전체 너비 사용 여부\n */\nconst OwpDateRangePicker = ({\n className,\n label,\n variant = 'standard',\n sx,\n value,\n fullWidth,\n disabledClearButton,\n disabledFutureDates,\n onChange,\n minDate,\n maxDate,\n minTime,\n maxTime,\n showYearPicker,\n showMonthPicker,\n textFieldProps,\n popperClassName: popperClassNameProp,\n popperContainer: popperContainerProp,\n ...datePickerProps\n}: OwpDatePickerProps) => {\n const {\n selectsMultiple,\n selectsRange,\n selected,\n startDate: passedStartDate,\n endDate: passedEndDate,\n ...resolvedDatePickerProps\n } = datePickerProps;\n void [selectsMultiple, selectsRange, selected, passedStartDate, passedEndDate];\n const { i18n } = useOwpTranslation();\n const datePickerRef = useRef<ReactDatePicker | null>(null);\n const languageId = i18n.resolvedLanguage ?? i18n.language ?? 'kr';\n const datePickerLocale = languageId === 'kr' ? 'ko' : 'en';\n const valueFormatter = useMemo(() => {\n if (showYearPicker) {\n return VALUE_YEAR_FORMATTER;\n }\n\n if (showMonthPicker) {\n return VALUE_MONTH_FORMATTER;\n }\n return VALUE_DATE_FORMATTER;\n }, [showYearPicker, showMonthPicker]);\n\n const [startDate, endDate] = useMemo(() => {\n if (!value) return [null, null];\n return value.split(',').map((v: string) => (!v || isNill(v) ? null : new Date(v)));\n }, [value]);\n\n const handleSelect = (dates?: [Date, Date]) => {\n onChange?.(\n !isEmpty(dates)\n ? [...dates].map((d: Date) => (isNill(d) ? '' : dayjs(d).format(valueFormatter))).join(',')\n : undefined,\n );\n };\n\n const handleExternalInputKeyDown = (event: OwpDateRangePickerTextFieldKeyDownEvent) => {\n textFieldProps?.onKeyDown?.(event);\n\n if (event.defaultPrevented || !isDateRangePickerOpenKey(event)) {\n return;\n }\n\n datePickerRef.current?.setOpen(true);\n };\n\n return (\n <ReactDatePicker\n ref={datePickerRef}\n {...resolvedDatePickerProps}\n locale={datePickerLocale}\n popperContainer={popperContainerProp ?? CalendarContainer}\n popperClassName={popperClassNameProp}\n className={clsx(fullWidth && 'w-full')}\n wrapperClassName={clsx(fullWidth && 'w-full', datePickerProps?.wrapperClassName)}\n selectsRange\n minDate={minDate}\n maxDate={disabledFutureDates ? new Date() : maxDate}\n minTime={minTime}\n maxTime={maxTime}\n showYearPicker={showYearPicker}\n showMonthYearPicker={showMonthPicker}\n showPopperArrow={false}\n popperPlacement=\"bottom-start\"\n selected={startDate}\n onChange={handleSelect}\n onCalendarClose={() => {\n if (!isNil(startDate) && isNil(endDate)) {\n onChange?.([startDate, startDate].map((d) => dayjs(d).format(valueFormatter)).join(','));\n }\n }}\n startDate={startDate}\n endDate={endDate}\n customInput={\n <DatePickerInput\n className={clsx(\n showYearPicker && 'w-[180px]',\n showMonthPicker && 'w-[220px]',\n !showYearPicker && !showMonthPicker && 'w-[260px]',\n className,\n )}\n label={label}\n variant={variant}\n sx={sx}\n {...textFieldProps}\n onInputKeyDown={handleExternalInputKeyDown}\n reset={() => onChange?.('')}\n useRange\n disabledClearButton={disabledClearButton}\n valueFormatter={valueFormatter}\n />\n }\n />\n );\n};\n\nexport { OwpDateRangePicker };\n"],"names":["registerLocale","ko","enUS","setDefaultLocale","isNill","__name","v","isNull","isNil","isDateRangePickerOpenKey","event","OwpDateRangePicker","className","label","variant","sx","value","fullWidth","disabledClearButton","disabledFutureDates","onChange","minDate","maxDate","minTime","maxTime","showYearPicker","showMonthPicker","textFieldProps","popperClassNameProp","popperContainerProp","datePickerProps","selectsMultiple","selectsRange","selected","passedStartDate","passedEndDate","resolvedDatePickerProps","i18n","useOwpTranslation","datePickerRef","useRef","datePickerLocale","valueFormatter","useMemo","VALUE_YEAR_FORMATTER","VALUE_MONTH_FORMATTER","VALUE_DATE_FORMATTER","startDate","endDate","handleSelect","dates","isEmpty","d","dayjs","handleExternalInputKeyDown","_a","_b","jsx","ReactDatePicker","CalendarContainer","clsx","DatePickerInput"],"mappings":"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"}
@@ -18,11 +18,11 @@ import { styled as te } from "@mui/material/styles";
18
18
  import z from "@mui/material/TextField";
19
19
  import ne from "@mui/material/Tooltip";
20
20
  import E from "@mui/material/Typography";
21
- import D from "../../../_virtual/index16.js";
22
- import re from "../../../_virtual/index17.js";
21
+ import D from "../../../_virtual/index17.js";
22
+ import re from "../../../_virtual/index18.js";
23
23
  import { clsx as B } from "../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
24
24
  import { useMemo as oe, useReducer as ie, useRef as T, useEffect as se } from "react";
25
- import W from "../../../_virtual/index18.js";
25
+ import W from "../../../_virtual/index19.js";
26
26
  import { useNavigate as ae } from "react-router-dom";
27
27
  import { toolbarToggleSx as le } from "./toggleStyles.js";
28
28
  import { OwpSvgIcon as w } from "../../../components/OwpSvgIcon/OwpSvgIcon.js";
@@ -1,6 +1,6 @@
1
1
  var n = Object.defineProperty;
2
2
  var $ = (r, t) => n(r, "name", { value: t, configurable: !0 });
3
- import { __exports as x } from "../../../../../../../../_virtual/constants3.js";
3
+ import { __exports as x } from "../../../../../../../../_virtual/constants4.js";
4
4
  var e;
5
5
  function o() {
6
6
  return e ? x : (e = 1, Object.defineProperty(x, "__esModule", {
@@ -1,6 +1,6 @@
1
1
  var o = Object.defineProperty;
2
2
  var r = (n, s) => o(n, "name", { value: s, configurable: !0 });
3
- import { __exports as e } from "../../../../../../../../_virtual/constants4.js";
3
+ import { __exports as e } from "../../../../../../../../_virtual/constants3.js";
4
4
  var t;
5
5
  function _() {
6
6
  return t ? e : (t = 1, Object.defineProperty(e, "__esModule", {
@@ -1,6 +1,6 @@
1
1
  var v = Object.defineProperty;
2
2
  var _ = (a, t) => v(a, "name", { value: t, configurable: !0 });
3
- import { __exports as r } from "../../../../../../../_virtual/index5.js";
3
+ import { __exports as r } from "../../../../../../../_virtual/index15.js";
4
4
  import { __require as f } from "./canvas.js";
5
5
  import { __require as q } from "./svg.js";
6
6
  import { __require as c } from "./object.js";
@@ -1,6 +1,6 @@
1
1
  var S = Object.defineProperty;
2
2
  var e = (r, i) => S(r, "name", { value: i, configurable: !0 });
3
- import { __exports as n } from "../../../../../../../_virtual/utils.js";
3
+ import { __exports as n } from "../../../../../../../_virtual/utils2.js";
4
4
  var u;
5
5
  function c() {
6
6
  if (u) return n;
@@ -1,6 +1,6 @@
1
1
  var M = Object.defineProperty;
2
2
  var a = (l, h) => M(l, "name", { value: h, configurable: !0 });
3
- import { __exports as s } from "../../../../../../../_virtual/utils2.js";
3
+ import { __exports as s } from "../../../../../../../_virtual/utils.js";
4
4
  var w;
5
5
  function _() {
6
6
  return w ? s : (w = 1, (function(l) {
@@ -1,6 +1,6 @@
1
1
  var i = Object.defineProperty;
2
2
  var r = (t, s) => i(t, "name", { value: s, configurable: !0 });
3
- import { __module as e } from "../../../../../_virtual/index15.js";
3
+ import { __module as e } from "../../../../../_virtual/index5.js";
4
4
  import { __require as u } from "./cjs/react-is.production.min.js";
5
5
  import { __require as p } from "./cjs/react-is.development.js";
6
6
  var o;
@@ -1,6 +1,6 @@
1
1
  var c = Object.defineProperty;
2
2
  var a = (r, e) => c(r, "name", { value: e, configurable: !0 });
3
- import n from "../../../../../../_virtual/index19.js";
3
+ import n from "../../../../../../_virtual/index16.js";
4
4
  import m from "react-dom";
5
5
  import t from "react";
6
6
  import u from "./useWaitForDOMRef.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@owp/core",
3
3
  "private": false,
4
- "version": "2.5.19",
4
+ "version": "2.5.20",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",