@owp/core 2.2.4 → 2.2.5

package/dist/components/OwpQuerySelector/OwpQuerySelector.js

@@ -0,0 +1,232 @@
+var ct = Object.defineProperty;
+var c = (t, u) => ct(t, "name", { value: u, configurable: !0 });
+import { jsx as ut } 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";
+import { OwpSelectorBase as it } from "../OwpSelectorBase/OwpSelectorBase.js";
+import { splitSelectorValue as K, mergeSelectorOptions as at } from "../OwpSelectorBase/utils/querySelectorUtils.js";
+import { STORAGE_ACCESS_TOKEN_KEY as lt } from "../../constants/localStorageKeys.js";
+import { useOwpAppContext as ft } from "../../contexts/OwpAppProvider.js";
+import { useGetCurrentUser as dt } from "../../hooks/useCurrentUser.js";
+import { createJsonString as mt } from "../../utils/createJsonString.js";
+import { getApiLanguageCode as pt } from "../../utils/language.js";
+import { useQuery as C } from "@tanstack/react-query";
+import { useState as L, useMemo as j, useEffect as I } from "react";
+import { isFunction as gt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isFunction.js";
+import { isArray as bt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+const Ot = "resultData", U = /* @__PURE__ */ c((t) => typeof t == "string" || typeof t == "number" ? `${t}` : "", "getQuerySelectorOptionLabelText"), wt = /* @__PURE__ */ c((t) => ({
+  jsondata: mt(t)
+}), "defaultBuildRequestQuery"), St = /* @__PURE__ */ c((t, u, a, m) => {
+  const b = new URL(t.endsWith("/") ? t : `${t}/`), r = new URL(u.startsWith("/") ? u.slice(1) : u, b);
+  return Object.entries(a).forEach(([f, d]) => {
+    d != null && r.searchParams.set(f, typeof d == "string" ? d : JSON.stringify(d));
+  }), m && r.searchParams.set("TOKEN", m), r.searchParams.set("i18nextLng", pt()), r.toString();
+}, "createQuerySelectorRequestUrl"), Qt = /* @__PURE__ */ c((t, u) => {
+  if (!t || typeof t != "object")
+    return [];
+  const a = t[u];
+  return bt(a) ? a : [];
+}, "getQuerySelectorResponseList"), ht = /* @__PURE__ */ c((t, u, a) => `${(a ? a(t) : `${(t == null ? void 0 : t[u ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorValue"), Et = /* @__PURE__ */ c((t, u, a) => `${(a ? a(t) : `${(t == null ? void 0 : t[u ?? ""]) ?? ""}`) ?? ""}`.trim(), "resolveQuerySelectorLabel"), Lt = /* @__PURE__ */ c((t, u, a, m, b) => t.map((r) => {
+  const f = ht(r, u, m);
+  return f ? {
+    label: Et(r, a, b),
+    raw: r,
+    value: f
+  } : null;
+}).filter((r) => r != null), "mapQuerySelectorOptions"), Nt = /* @__PURE__ */ c(({
+  apiUrl: t,
+  asyncSearch: u,
+  buildRequestQuery: a = wt,
+  disableAllValueItem: m,
+  filterOptions: b,
+  multiple: r,
+  query: f,
+  responseListKey: d = Ot,
+  selectorType: z = "select",
+  value: g,
+  valueKey: Q,
+  valueResolver: P,
+  labelKey: h,
+  labelResolver: v,
+  onChange: M,
+  defaultValue: y,
+  textFieldProps: O,
+  ...tt
+}) => {
+  const { env: _ } = ft(), V = dt(), E = `${(_ == null ? void 0 : _.apiBaseUrl) ?? ""}`.trim(), et = `${(V == null ? void 0 : V.token) ?? localStorage.getItem(lt) ?? ""}`.trim(), o = z === "autocomplete" ? u : void 0, s = o != null, H = s ? !0 : m, ot = (o == null ? void 0 : o.minLength) ?? 1, X = (o == null ? void 0 : o.debounceMs) ?? 300, [R, D] = L(g ?? y ?? ""), [nt, p] = L(""), [Z, B] = L(""), [N, q] = L(""), [A, rt] = L({}), w = j(() => K(R), [R]), k = s && N.trim().length >= ot;
+  I(() => {
+    g !== void 0 && D(g);
+  }, [g]), I(() => {
+    g === void 0 && D(y ?? "");
+  }, [y, g]), I(() => {
+    if (!s)
+      return;
+    const e = window.setTimeout(() => {
+      q(Z.trim());
+    }, X);
+    return () => {
+      window.clearTimeout(e);
+    };
+  }, [X, s, Z]);
+  const T = /* @__PURE__ */ c(async (e) => {
+    const n = await fetch(
+      St(E, t, a(e), et)
+    ), i = await n.json();
+    if (!n.ok || (i == null ? void 0 : i.resultCode) === "STATUS_0")
+      throw new Error(`${(i == null ? void 0 : i.resultMessage) ?? "Failed to fetch selector options"}`);
+    const l = Qt(i, d), F = gt(b) ? b(l) : l;
+    return Lt(
+      F,
+      Q,
+      h,
+      P,
+      v
+    );
+  }, "fetchOptions"), G = C({
+    queryKey: ["owp", "query-selector", t, f, d, Q, h],
+    enabled: !!E && !s,
+    queryFn: /* @__PURE__ */ c(() => T(f), "queryFn")
+  }), J = C({
+    queryKey: [
+      "owp",
+      "query-selector",
+      "search",
+      t,
+      f,
+      N,
+      d,
+      Q,
+      h
+    ],
+    enabled: !!E && s && k,
+    queryFn: /* @__PURE__ */ c(() => T({
+      ...f,
+      ...(o == null ? void 0 : o.buildKeywordQuery(N)) ?? {}
+    }), "queryFn")
+  }), W = C({
+    queryKey: ["owp", "query-selector", "all", t, f, d, Q, h],
+    enabled: !!E && s && (!!w.length || !!r && !H),
+    queryFn: /* @__PURE__ */ c(() => {
+      var e;
+      return T({
+        ...f,
+        ...((e = o == null ? void 0 : o.buildAllQuery) == null ? void 0 : e.call(o)) ?? {}
+      });
+    }, "queryFn")
+  }), Y = C({
+    queryKey: [
+      "owp",
+      "query-selector",
+      "selected",
+      t,
+      w,
+      d,
+      Q,
+      h
+    ],
+    enabled: !!E && s && !!w.length && !!(o != null && o.buildSelectedQuery),
+    queryFn: /* @__PURE__ */ c(() => {
+      var e;
+      return T({
+        ...f,
+        ...((e = o == null ? void 0 : o.buildSelectedQuery) == null ? void 0 : e.call(o, w)) ?? {}
+      });
+    }, "queryFn")
+  }), x = j(() => s ? k ? J.data ?? [] : [] : G.data ?? [], [
+    G.data,
+    s,
+    J.data,
+    k
+  ]), S = j(
+    () => at(
+      x,
+      W.data,
+      Y.data,
+      Object.values(A)
+    ),
+    [W.data, A, x, Y.data]
+  ), $ = j(
+    () => {
+      const e = {};
+      return S.forEach((n) => {
+        e[n.value] = n;
+      }), e;
+    },
+    [S]
+  ), st = G.isLoading || J.isLoading || W.isLoading || Y.isLoading;
+  return I(() => {
+    S.length && rt((e) => {
+      const n = { ...e };
+      let i = !1;
+      return S.forEach((l) => {
+        n[l.value] !== l && (n[l.value] = l, i = !0);
+      }), i ? n : e;
+    });
+  }, [S]), I(() => {
+    var n;
+    if (!s)
+      return;
+    if (r) {
+      p("");
+      return;
+    }
+    const e = w[0];
+    if (!e) {
+      p("");
+      return;
+    }
+    p(U(((n = $[e]) == null ? void 0 : n.label) ?? ""));
+  }, [s, r, $, w]), /* @__PURE__ */ ut(
+    it,
+    {
+      ...tt,
+      allOptions: S,
+      allValueMode: "joined",
+      autocompleteInputValue: s ? nt : void 0,
+      defaultValue: y,
+      disableAllValueItem: H,
+      disableClientFilter: s,
+      loading: st,
+      multiple: r,
+      onAutocompleteInputChange: s ? (e, n) => {
+        n !== "reset" && (r && n !== "input" || (p(e), B(e)));
+      } : void 0,
+      onChange: /* @__PURE__ */ c((e) => {
+        var n;
+        if (D(e.target.value), s) {
+          const i = K(e.target.value);
+          if (r)
+            p(""), B(""), q("");
+          else {
+            const l = i[0], F = l ? U(((n = $[l]) == null ? void 0 : n.label) ?? "") : "";
+            p(F), B(""), q("");
+          }
+        }
+        M == null || M(e);
+      }, "onChange"),
+      options: x,
+      selectorType: z,
+      textFieldProps: {
+        ...O,
+        onBlur: /* @__PURE__ */ c((e) => {
+          var n, i;
+          if (s) {
+            if (r)
+              p("");
+            else {
+              const l = K(R)[0];
+              p(
+                l ? U(((n = $[l]) == null ? void 0 : n.label) ?? "") : ""
+              );
+            }
+            B(""), q("");
+          }
+          (i = O == null ? void 0 : O.onBlur) == null || i.call(O, e);
+        }, "onBlur")
+      },
+      value: g
+    }
+  );
+}, "OwpQuerySelector");
+export {
+  Nt as OwpQuerySelector
+};
+//# sourceMappingURL=OwpQuerySelector.js.map

package/dist/components/OwpQuerySelector/OwpQuerySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpQuerySelector.js","sources":["../../../src/components/OwpQuerySelector/OwpQuerySelector.tsx"],"sourcesContent":["import { OwpSelectorBase } from '@/components/OwpSelectorBase/OwpSelectorBase';\nimport type { OwpSelectorBaseOption } from '@/components/OwpSelectorBase/types';\nimport { mergeSelectorOptions, splitSelectorValue } from '@/components/OwpSelectorBase/utils';\nimport { STORAGE_ACCESS_TOKEN_KEY } from '@/constants/localStorageKeys';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { createJsonString } from '@/utils/createJsonString';\nimport { getApiLanguageCode } from '@/utils/language';\nimport { useQuery } from '@tanstack/react-query';\nimport { isArray, isFunction } from 'es-toolkit/compat';\nimport { useEffect, useMemo, useState } from 'react';\nimport type { OwpQuerySelectorProps } from './types';\n\nconst DEFAULT_RESPONSE_LIST_KEY = 'resultData';\n\n/**\n * 선택 옵션 라벨 문자열 변환\n * @param label 선택 옵션 라벨\n */\nconst getQuerySelectorOptionLabelText = (label: OwpSelectorBaseOption['label']) => {\n  return typeof label === 'string' || typeof label === 'number' ? `${label}` : '';\n};\n\n/**\n * 요청 query 객체 구성\n * @param query 원본 query\n */\nconst defaultBuildRequestQuery = (query: Record<string, unknown>) => {\n  return {\n    jsondata: createJsonString(query),\n  };\n};\n\n/**\n * API 요청 URL 생성\n * @param apiBaseUrl API base URL\n * @param apiUrl API path\n * @param requestQuery 요청 query\n * @param accessToken 접근 토큰\n */\nconst createQuerySelectorRequestUrl = (\n  apiBaseUrl: string,\n  apiUrl: string,\n  requestQuery: Record<string, unknown>,\n  accessToken: string,\n) => {\n  const baseUrl = new URL(apiBaseUrl.endsWith('/') ? apiBaseUrl : `${apiBaseUrl}/`);\n  const requestUrl = new URL(apiUrl.startsWith('/') ? apiUrl.slice(1) : apiUrl, baseUrl);\n\n  Object.entries(requestQuery).forEach(([key, value]) => {\n    if (value == null) {\n      return;\n    }\n\n    requestUrl.searchParams.set(key, typeof value === 'string' ? value : JSON.stringify(value));\n  });\n\n  if (accessToken) {\n    requestUrl.searchParams.set('TOKEN', accessToken);\n  }\n\n  requestUrl.searchParams.set('i18nextLng', getApiLanguageCode());\n\n  return requestUrl.toString();\n};\n\n/**\n * 원격 선택기 응답 목록 정규화\n * @param data 응답 데이터\n * @param responseListKey 목록 키\n */\nconst getQuerySelectorResponseList = (data: unknown, responseListKey: string) => {\n  if (!data || typeof data !== 'object') {\n    return [];\n  }\n\n  const responseList = (data as Record<string, unknown>)[responseListKey];\n\n  return isArray(responseList) ? (responseList as Record<string, unknown>[]) : [];\n};\n\n/**\n * 원격 아이템 value 계산\n * @param item 응답 아이템\n * @param valueKey value key\n * @param valueResolver value resolver\n */\nconst resolveQuerySelectorValue = (\n  item: Record<string, unknown>,\n  valueKey?: string,\n  valueResolver?: (item: Record<string, unknown>) => string,\n) => {\n  const value = valueResolver ? valueResolver(item) : `${item?.[valueKey ?? ''] ?? ''}`;\n\n  return `${value ?? ''}`.trim();\n};\n\n/**\n * 원격 아이템 label 계산\n * @param item 응답 아이템\n * @param labelKey label key\n * @param labelResolver label resolver\n */\nconst resolveQuerySelectorLabel = (\n  item: Record<string, unknown>,\n  labelKey?: string,\n  labelResolver?: (item: Record<string, unknown>) => string,\n) => {\n  const label = labelResolver ? labelResolver(item) : `${item?.[labelKey ?? ''] ?? ''}`;\n\n  return `${label ?? ''}`.trim();\n};\n\n/**\n * 원격 응답 데이터를 선택 옵션으로 변환\n * @param items 응답 아이템 목록\n * @param valueKey value key\n * @param labelKey label key\n * @param valueResolver value resolver\n * @param labelResolver label resolver\n */\nconst mapQuerySelectorOptions = (\n  items: Record<string, unknown>[],\n  valueKey?: string,\n  labelKey?: string,\n  valueResolver?: (item: Record<string, unknown>) => string,\n  labelResolver?: (item: Record<string, unknown>) => string,\n) => {\n  return items\n    .map((item) => {\n      const value = resolveQuerySelectorValue(item, valueKey, valueResolver);\n\n      if (!value) {\n        return null;\n      }\n\n      return {\n        label: resolveQuerySelectorLabel(item, labelKey, labelResolver),\n        raw: item,\n        value,\n      } as OwpSelectorBaseOption<Record<string, unknown>>;\n    })\n    .filter((option): option is OwpSelectorBaseOption<Record<string, unknown>> => option != null);\n};\n\n/**\n * 원격 조회형 공통 선택기\n * @param props 원격 선택기 props\n */\nexport const OwpQuerySelector = ({\n  apiUrl,\n  asyncSearch,\n  buildRequestQuery = defaultBuildRequestQuery,\n  disableAllValueItem,\n  filterOptions,\n  multiple,\n  query,\n  responseListKey = DEFAULT_RESPONSE_LIST_KEY,\n  selectorType = 'select',\n  value,\n  valueKey,\n  valueResolver,\n  labelKey,\n  labelResolver,\n  onChange,\n  defaultValue,\n  textFieldProps,\n  ...selectorBaseProps\n}: OwpQuerySelectorProps) => {\n  const { env } = useOwpAppContext();\n  const currentUser = useGetCurrentUser();\n  const apiBaseUrl = `${env?.apiBaseUrl ?? ''}`.trim();\n  const accessToken = `${currentUser?.token ?? localStorage.getItem(STORAGE_ACCESS_TOKEN_KEY) ?? ''}`.trim();\n  const resolvedAsyncSearch = selectorType === 'autocomplete' ? asyncSearch : undefined;\n  const isAsyncSearchEnabled = resolvedAsyncSearch != null;\n  const resolvedDisableAllValueItem = isAsyncSearchEnabled ? true : disableAllValueItem;\n  const minLength = resolvedAsyncSearch?.minLength ?? 1;\n  const debounceMs = resolvedAsyncSearch?.debounceMs ?? 300;\n  const [currentSelectionValue, setCurrentSelectionValue] = useState(value ?? defaultValue ?? '');\n  const [autocompleteInputValue, setAutocompleteInputValue] = useState('');\n  const [searchKeyword, setSearchKeyword] = useState('');\n  const [debouncedSearchKeyword, setDebouncedSearchKeyword] = useState('');\n  const [cachedOptions, setCachedOptions] = useState<Record<string, OwpSelectorBaseOption<Record<string, unknown>>>>({});\n  const selectedIds = useMemo(() => splitSelectorValue(currentSelectionValue), [currentSelectionValue]);\n  const shouldFetchSearchOptions = isAsyncSearchEnabled && debouncedSearchKeyword.trim().length >= minLength;\n\n  useEffect(() => {\n    if (value === undefined) {\n      return;\n    }\n\n    setCurrentSelectionValue(value);\n  }, [value]);\n\n  useEffect(() => {\n    if (value !== undefined) {\n      return;\n    }\n\n    setCurrentSelectionValue(defaultValue ?? '');\n  }, [defaultValue, value]);\n\n  useEffect(() => {\n    if (!isAsyncSearchEnabled) {\n      return;\n    }\n\n    const timer = window.setTimeout(() => {\n      setDebouncedSearchKeyword(searchKeyword.trim());\n    }, debounceMs);\n\n    return () => {\n      window.clearTimeout(timer);\n    };\n  }, [debounceMs, isAsyncSearchEnabled, searchKeyword]);\n\n  const fetchOptions = async (nextQuery: Record<string, unknown>) => {\n    const response = await fetch(\n      createQuerySelectorRequestUrl(apiBaseUrl, apiUrl, buildRequestQuery(nextQuery), accessToken),\n    );\n    const data = (await response.json()) as Record<string, unknown>;\n\n    if (!response.ok || data?.resultCode === 'STATUS_0') {\n      throw new Error(`${data?.resultMessage ?? 'Failed to fetch selector options'}`);\n    }\n\n    const responseList = getQuerySelectorResponseList(data, responseListKey);\n    const filteredItems = isFunction(filterOptions) ? filterOptions(responseList) : responseList;\n\n    return mapQuerySelectorOptions(\n      filteredItems,\n      valueKey,\n      labelKey,\n      valueResolver,\n      labelResolver,\n    );\n  };\n\n  const baseOptionsQuery = useQuery({\n    queryKey: ['owp', 'query-selector', apiUrl, query, responseListKey, valueKey, labelKey],\n    enabled: Boolean(apiBaseUrl) && !isAsyncSearchEnabled,\n    queryFn: () => fetchOptions(query),\n  });\n  const searchOptionsQuery = useQuery({\n    queryKey: [\n      'owp',\n      'query-selector',\n      'search',\n      apiUrl,\n      query,\n      debouncedSearchKeyword,\n      responseListKey,\n      valueKey,\n      labelKey,\n    ],\n    enabled: Boolean(apiBaseUrl) && isAsyncSearchEnabled && shouldFetchSearchOptions,\n    queryFn: () =>\n      fetchOptions({\n        ...query,\n        ...(resolvedAsyncSearch?.buildKeywordQuery(debouncedSearchKeyword) ?? {}),\n      }),\n  });\n  const allOptionsQuery = useQuery({\n    queryKey: ['owp', 'query-selector', 'all', apiUrl, query, responseListKey, valueKey, labelKey],\n    enabled:\n      Boolean(apiBaseUrl) &&\n      isAsyncSearchEnabled &&\n      (Boolean(selectedIds.length) || (Boolean(multiple) && !resolvedDisableAllValueItem)),\n    queryFn: () =>\n      fetchOptions({\n        ...query,\n        ...(resolvedAsyncSearch?.buildAllQuery?.() ?? {}),\n      }),\n  });\n  const selectedOptionsQuery = useQuery({\n    queryKey: [\n      'owp',\n      'query-selector',\n      'selected',\n      apiUrl,\n      selectedIds,\n      responseListKey,\n      valueKey,\n      labelKey,\n    ],\n    enabled: Boolean(apiBaseUrl) && isAsyncSearchEnabled && Boolean(selectedIds.length) && Boolean(resolvedAsyncSearch?.buildSelectedQuery),\n    queryFn: () =>\n      fetchOptions({\n        ...query,\n        ...(resolvedAsyncSearch?.buildSelectedQuery?.(selectedIds) ?? {}),\n      }),\n  });\n\n  const currentOptions = useMemo(() => {\n    if (isAsyncSearchEnabled) {\n      return shouldFetchSearchOptions ? (searchOptionsQuery.data ?? []) : [];\n    }\n\n    return baseOptionsQuery.data ?? [];\n  }, [\n    baseOptionsQuery.data,\n    isAsyncSearchEnabled,\n    searchOptionsQuery.data,\n    shouldFetchSearchOptions,\n  ]);\n  const resolvedAllOptions = useMemo(\n    () =>\n      mergeSelectorOptions(\n        currentOptions,\n        allOptionsQuery.data,\n        selectedOptionsQuery.data,\n        Object.values(cachedOptions),\n      ),\n    [allOptionsQuery.data, cachedOptions, currentOptions, selectedOptionsQuery.data],\n  );\n  const optionMap = useMemo(\n    () => {\n      const nextOptionMap: Record<string, OwpSelectorBaseOption<Record<string, unknown>>> = {};\n\n      resolvedAllOptions.forEach((option) => {\n        nextOptionMap[option.value] = option;\n      });\n\n      return nextOptionMap;\n    },\n    [resolvedAllOptions],\n  );\n  const isLoading =\n    baseOptionsQuery.isLoading ||\n    searchOptionsQuery.isLoading ||\n    allOptionsQuery.isLoading ||\n    selectedOptionsQuery.isLoading;\n\n  useEffect(() => {\n    if (!resolvedAllOptions.length) {\n      return;\n    }\n\n    setCachedOptions((previousCachedOptions) => {\n      const nextCachedOptions = { ...previousCachedOptions };\n      let hasChanged = false;\n\n      resolvedAllOptions.forEach((option) => {\n        if (nextCachedOptions[option.value] === option) {\n          return;\n        }\n\n        nextCachedOptions[option.value] = option;\n        hasChanged = true;\n      });\n\n      return hasChanged ? nextCachedOptions : previousCachedOptions;\n    });\n  }, [resolvedAllOptions]);\n\n  useEffect(() => {\n    if (!isAsyncSearchEnabled) {\n      return;\n    }\n\n    if (multiple) {\n      setAutocompleteInputValue('');\n      return;\n    }\n\n    const selectedId = selectedIds[0];\n\n    if (!selectedId) {\n      setAutocompleteInputValue('');\n      return;\n    }\n\n    setAutocompleteInputValue(getQuerySelectorOptionLabelText(optionMap[selectedId]?.label ?? ''));\n  }, [isAsyncSearchEnabled, multiple, optionMap, selectedIds]);\n\n  return (\n    <OwpSelectorBase\n      {...selectorBaseProps}\n      allOptions={resolvedAllOptions}\n      allValueMode=\"joined\"\n      autocompleteInputValue={isAsyncSearchEnabled ? autocompleteInputValue : undefined}\n      defaultValue={defaultValue}\n      disableAllValueItem={resolvedDisableAllValueItem}\n      disableClientFilter={isAsyncSearchEnabled}\n      loading={isLoading}\n      multiple={multiple}\n      onAutocompleteInputChange={\n        isAsyncSearchEnabled\n          ? (nextInputValue, reason) => {\n              if (reason === 'reset') {\n                return;\n              }\n\n              if (multiple && reason !== 'input') {\n                return;\n              }\n\n              setAutocompleteInputValue(nextInputValue);\n              setSearchKeyword(nextInputValue);\n            }\n          : undefined\n      }\n      onChange={(event) => {\n        setCurrentSelectionValue(event.target.value);\n\n        if (isAsyncSearchEnabled) {\n          const nextSelectedIds = splitSelectorValue(event.target.value);\n\n          if (multiple) {\n            setAutocompleteInputValue('');\n            setSearchKeyword('');\n            setDebouncedSearchKeyword('');\n          } else {\n            const nextSelectedId = nextSelectedIds[0];\n            const nextLabel = nextSelectedId\n              ? getQuerySelectorOptionLabelText(optionMap[nextSelectedId]?.label ?? '')\n              : '';\n\n            setAutocompleteInputValue(nextLabel);\n            setSearchKeyword('');\n            setDebouncedSearchKeyword('');\n          }\n        }\n\n        onChange?.(event);\n      }}\n      options={currentOptions}\n      selectorType={selectorType}\n      textFieldProps={{\n        ...textFieldProps,\n        onBlur: (event) => {\n          if (isAsyncSearchEnabled) {\n            if (multiple) {\n              setAutocompleteInputValue('');\n            } else {\n              const selectedId = splitSelectorValue(currentSelectionValue)[0];\n\n              setAutocompleteInputValue(\n                selectedId ? getQuerySelectorOptionLabelText(optionMap[selectedId]?.label ?? '') : '',\n              );\n            }\n\n            setSearchKeyword('');\n            setDebouncedSearchKeyword('');\n          }\n\n          textFieldProps?.onBlur?.(event);\n        },\n      }}\n      value={value}\n    />\n  );\n};\n"],"names":["DEFAULT_RESPONSE_LIST_KEY","getQuerySelectorOptionLabelText","__name","label","defaultBuildRequestQuery","query","createJsonString","createQuerySelectorRequestUrl","apiBaseUrl","apiUrl","requestQuery","accessToken","baseUrl","requestUrl","key","value","getApiLanguageCode","getQuerySelectorResponseList","data","responseListKey","responseList","isArray","resolveQuerySelectorValue","item","valueKey","valueResolver","resolveQuerySelectorLabel","labelKey","labelResolver","mapQuerySelectorOptions","items","option","OwpQuerySelector","asyncSearch","buildRequestQuery","disableAllValueItem","filterOptions","multiple","selectorType","onChange","defaultValue","textFieldProps","selectorBaseProps","env","useOwpAppContext","currentUser","useGetCurrentUser","STORAGE_ACCESS_TOKEN_KEY","resolvedAsyncSearch","isAsyncSearchEnabled","resolvedDisableAllValueItem","minLength","debounceMs","currentSelectionValue","setCurrentSelectionValue","useState","autocompleteInputValue","setAutocompleteInputValue","searchKeyword","setSearchKeyword","debouncedSearchKeyword","setDebouncedSearchKeyword","cachedOptions","setCachedOptions","selectedIds","useMemo","splitSelectorValue","shouldFetchSearchOptions","useEffect","timer","fetchOptions","nextQuery","response","filteredItems","isFunction","baseOptionsQuery","useQuery","searchOptionsQuery","allOptionsQuery","_a","selectedOptionsQuery","currentOptions","resolvedAllOptions","mergeSelectorOptions","optionMap","nextOptionMap","isLoading","previousCachedOptions","nextCachedOptions","hasChanged","selectedId","jsx","OwpSelectorBase","nextInputValue","reason","event","nextSelectedIds","nextSelectedId","nextLabel","_b"],"mappings":"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"}

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js

@@ -0,0 +1,381 @@
+var ge = Object.defineProperty;
+var n = (a, s) => ge(a, "name", { value: s, configurable: !0 });
+import { jsxs as C, jsx as r, Fragment as M } 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";
+import { createElement as xe } from "@emotion/react";
+import { useOwpTranslation as be } from "../../hooks/useOwpTranslation.js";
+import Y 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/ArrowDropDown.js";
+import F 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";
+import { Box as ve, Chip as E, Checkbox as Ae, TextField as ee, CircularProgress as te, Autocomplete as oe, ClickAwayListener as ye, Paper as Se, Popper as Me } from "@mui/material";
+import { alpha as g } from "@mui/material/styles";
+import { clsx as ne } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as le, useState as Ee, useRef as re, useEffect as ie } from "react";
+import { isSelectorAllOption as h } from "./utils/querySelectorUtils.js";
+const ae = 2, we = 152, se = 72, ue = 18.57, pe = /* @__PURE__ */ n((a, s) => {
+  const u = a.target;
+  return u instanceof HTMLInputElement ? u.value : s ?? "";
+}, "getCurrentAutocompleteInputValue"), ce = /* @__PURE__ */ n((a) => typeof a == "string" || typeof a == "number" ? `${a}` : "", "getAutocompleteOptionLabel"), Be = /* @__PURE__ */ n(({ hookResult: a, props: s }) => {
+  const { t: u } = be(), {
+    autocompleteInputValue: d,
+    className: w,
+    disableAllValueItem: f,
+    disableClientFilter: k,
+    disabled: I,
+    error: L,
+    fullWidth: O,
+    helperText: D,
+    label: V,
+    loading: T,
+    loadingText: N,
+    multiple: z,
+    noOptionsText: me,
+    onAutocompleteInputChange: c,
+    placeholder: R,
+    required: P,
+    textFieldProps: o
+  } = s, {
+    allOption: x,
+    clearSelection: _,
+    isAllSelected: m,
+    resolvedOptions: H,
+    restoreAllSelection: W,
+    selectAll: B,
+    selectedOption: de,
+    selectedOptions: b,
+    selectMultipleValues: U,
+    selectSingleValue: $
+  } = a, q = f ? H : [x, ...H], v = le(
+    () => b.filter((e) => !h(e)),
+    [b]
+  ), K = le(
+    () => m ? [] : v.slice(ae),
+    [v, m]
+  ), p = K.length, [j, A] = Ee(null), Z = re(null), G = me ?? u("Message.검색 결과 없음"), J = re(
+    z && !f && ((s.value ?? s.defaultValue) == null || (s.value ?? s.defaultValue) === "")
+  ), Q = {
+    clearIndicator: {
+      className: "m-0 p-0",
+      size: "small"
+    },
+    paper: {
+      sx: {
+        "& .MuiAutocomplete-noOptions": {
+          fontSize: 14,
+          px: 1,
+          py: 1.5,
+          whiteSpace: "nowrap"
+        }
+      }
+    },
+    popupIndicator: {
+      className: "m-0 p-0",
+      size: "small"
+    }
+  }, X = {
+    minWidth: we,
+    "& .MuiAutocomplete-endAdornment": {
+      "& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator": {
+        ml: 0
+      },
+      "& .MuiIconButton-root": {
+        m: 0,
+        p: 0
+      },
+      "& > :not(style) + :not(style)": {
+        ml: 0
+      },
+      alignItems: "center",
+      gap: 0,
+      right: 0
+    }
+  }, fe = {
+    ...X,
+    "& .MuiAutocomplete-inputRoot .MuiAutocomplete-input": {
+      flexBasis: se,
+      minWidth: se
+    }
+  };
+  ie(() => {
+    p || A(null);
+  }, [p]), ie(() => {
+    var l;
+    if (!J.current)
+      return;
+    const e = (l = Z.current) == null ? void 0 : l.closest("form");
+    if (!e)
+      return;
+    const t = /* @__PURE__ */ n(() => {
+      window.setTimeout(() => {
+        W();
+      }, 0);
+    }, "handleFormReset");
+    return e.addEventListener("reset", t), () => {
+      e.removeEventListener("reset", t);
+    };
+  }, [W]);
+  const he = /* @__PURE__ */ n(() => {
+    A(null);
+  }, "handleHiddenChipPopperClose"), Ie = /* @__PURE__ */ n((e) => {
+    e.preventDefault();
+  }, "handleHiddenChipSummaryMouseDown"), Oe = /* @__PURE__ */ n((e) => {
+    e.preventDefault(), e.stopPropagation(), A(
+      (t) => t === e.currentTarget ? null : e.currentTarget
+    );
+  }, "handleHiddenChipSummaryClick"), Te = /* @__PURE__ */ n((e) => {
+    U(
+      v.filter((t) => t.value !== e).map((t) => t.value)
+    );
+  }, "handleHiddenChipDelete"), Ce = /* @__PURE__ */ n((e) => {
+    var l;
+    const t = pe(e, d);
+    (m || p > 0) && t === "" && (e.key === "Backspace" || e.key === "Delete") && (e.defaultMuiPrevented = !0, e.preventDefault(), e.stopPropagation()), (l = o == null ? void 0 : o.onKeyDown) == null || l.call(o, e);
+  }, "handleMultipleRootKeyDown");
+  return z ? /* @__PURE__ */ C(M, { children: [
+    /* @__PURE__ */ r(
+      oe,
+      {
+        ref: Z,
+        className: ne("min-w-128", w),
+        disableCloseOnSelect: !0,
+        disabled: I,
+        filterOptions: k ? (e) => e : void 0,
+        fullWidth: O,
+        inputValue: d,
+        loading: T,
+        multiple: !0,
+        options: q,
+        clearText: "",
+        closeText: "",
+        clearIcon: /* @__PURE__ */ r(F, { sx: { fontSize: ue } }),
+        openText: "",
+        popupIcon: /* @__PURE__ */ r(Y, {}),
+        sx: fe,
+        value: b,
+        getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+        isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
+        loadingText: N ?? u("Common.로딩 중..."),
+        noOptionsText: G,
+        onChange: /* @__PURE__ */ n((e, t, l, i) => {
+          const y = e.type === "keydown" ? pe(
+            e,
+            d
+          ) : d ?? "";
+          if (l === "removeOption" && e.type === "keydown" && y === "" && (m || p > 0)) {
+            e.preventDefault(), e.stopPropagation();
+            return;
+          }
+          if (l === "clear") {
+            if (J.current) {
+              B();
+              return;
+            }
+            _();
+            return;
+          }
+          if (!f && (i != null && i.option) && h(i.option)) {
+            if (m) {
+              _();
+              return;
+            }
+            B();
+            return;
+          }
+          U(
+            t.filter((S) => !h(S)).map((S) => S.value)
+          );
+        }, "onChange"),
+        onInputChange: /* @__PURE__ */ n((e, t, l) => {
+          c == null || c(t, l);
+        }, "onInputChange"),
+        onKeyDown: Ce,
+        slotProps: Q,
+        renderInput: /* @__PURE__ */ n((e) => {
+          var t;
+          return /* @__PURE__ */ r(
+            ee,
+            {
+              ...e,
+              ...o,
+              disabled: I,
+              error: L,
+              fullWidth: O,
+              helperText: D,
+              label: V,
+              placeholder: R ?? u("Common.검색"),
+              required: P,
+              slotProps: {
+                ...o == null ? void 0 : o.slotProps,
+                input: {
+                  ...e.InputProps,
+                  ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
+                  endAdornment: /* @__PURE__ */ C(M, { children: [
+                    T ? /* @__PURE__ */ r(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                    e.InputProps.endAdornment
+                  ] })
+                }
+              },
+              variant: (o == null ? void 0 : o.variant) ?? "standard"
+            }
+          );
+        }, "renderInput"),
+        renderOption: /* @__PURE__ */ n((e, t, l) => /* @__PURE__ */ C("li", { ...e, children: [
+          /* @__PURE__ */ r(Ae, { checked: l.selected, className: "!mr-8 !p-0", size: "small" }),
+          t.label
+        ] }), "renderOption"),
+        renderValue: /* @__PURE__ */ n((e, t) => !f && m ? [
+          /* @__PURE__ */ r(
+            ve,
+            {
+              component: "span",
+              sx: { color: "text.primary", fontWeight: 500, mr: 0.5 },
+              children: x.label
+            },
+            x.value
+          )
+        ] : [
+          ...e.filter((i) => !h(i)).slice(0, ae).map((i, y) => /* @__PURE__ */ xe(
+            E,
+            {
+              ...t({ index: y }),
+              key: i.value,
+              label: i.label,
+              size: "small",
+              sx: { borderRadius: 1, mr: 0.5 }
+            }
+          )),
+          ...p > 0 ? [
+            /* @__PURE__ */ r(
+              E,
+              {
+                clickable: !0,
+                label: `+${p}`,
+                onClick: Oe,
+                onMouseDown: Ie,
+                size: "small",
+                sx: /* @__PURE__ */ n((i) => ({
+                  backgroundColor: g(i.palette.primary.main, 0.14),
+                  border: `1px solid ${g(i.palette.primary.main, 0.22)}`,
+                  borderRadius: 1,
+                  color: i.palette.primary.dark,
+                  fontWeight: 600,
+                  mr: 0.5,
+                  "&:hover": {
+                    backgroundColor: g(i.palette.primary.main, 0.2)
+                  }
+                }), "sx")
+              },
+              "owp-selector-hidden-chip-summary"
+            )
+          ] : []
+        ], "renderValue")
+      }
+    ),
+    /* @__PURE__ */ r(
+      Me,
+      {
+        anchorEl: j,
+        open: !!j && p > 0,
+        placement: "bottom-start",
+        sx: { zIndex: /* @__PURE__ */ n((e) => e.zIndex.modal, "zIndex") },
+        children: /* @__PURE__ */ r(ye, { onClickAway: he, children: /* @__PURE__ */ r(
+          Se,
+          {
+            className: "mt-4",
+            sx: {
+              border: /* @__PURE__ */ n((e) => `1px solid ${g(e.palette.common.black, 0.12)}`, "border"),
+              display: "flex",
+              flexWrap: "wrap",
+              gap: 0.75,
+              maxWidth: 280,
+              p: 1
+            },
+            children: K.map((e) => /* @__PURE__ */ r(
+              E,
+              {
+                label: e.label,
+                onDelete: /* @__PURE__ */ n(() => Te(e.value), "onDelete"),
+                size: "small",
+                sx: { borderRadius: 1 }
+              },
+              e.value
+            ))
+          }
+        ) })
+      }
+    )
+  ] }) : /* @__PURE__ */ r(
+    oe,
+    {
+      className: ne("min-w-128", w),
+      disabled: I,
+      filterOptions: k ? (e) => e : void 0,
+      fullWidth: O,
+      inputValue: d,
+      loading: T,
+      options: q,
+      clearText: "",
+      closeText: "",
+      clearIcon: /* @__PURE__ */ r(F, { sx: { fontSize: ue } }),
+      openText: "",
+      popupIcon: /* @__PURE__ */ r(Y, {}),
+      sx: X,
+      value: de,
+      getOptionLabel: /* @__PURE__ */ n((e) => ce(e.label), "getOptionLabel"),
+      isOptionEqualToValue: /* @__PURE__ */ n((e, t) => e.value === t.value, "isOptionEqualToValue"),
+      loadingText: N ?? u("Common.로딩 중..."),
+      noOptionsText: G,
+      onChange: /* @__PURE__ */ n((e, t) => {
+        if (!t || !f && h(t)) {
+          $("");
+          return;
+        }
+        $(t.value);
+      }, "onChange"),
+      onInputChange: /* @__PURE__ */ n((e, t, l) => {
+        c == null || c(t, l);
+      }, "onInputChange"),
+      slotProps: Q,
+      renderInput: /* @__PURE__ */ n((e) => {
+        var t, l, i;
+        return /* @__PURE__ */ r(
+          ee,
+          {
+            ...e,
+            ...o,
+            disabled: I,
+            error: L,
+            fullWidth: O,
+            helperText: D,
+            label: V,
+            placeholder: R,
+            required: P,
+            slotProps: {
+              ...o == null ? void 0 : o.slotProps,
+              input: {
+                ...e.InputProps,
+                ...(t = o == null ? void 0 : o.slotProps) == null ? void 0 : t.input,
+                sx: {
+                  "& .MuiAutocomplete-input, & .MuiInputBase-input": {
+                    paddingLeft: "11px !important"
+                  },
+                  ...e.InputProps.sx ?? {},
+                  ...((i = (l = o == null ? void 0 : o.slotProps) == null ? void 0 : l.input) == null ? void 0 : i.sx) ?? {}
+                },
+                endAdornment: /* @__PURE__ */ C(M, { children: [
+                  T ? /* @__PURE__ */ r(te, { color: "inherit", size: 16, sx: { mr: 0.5 } }) : null,
+                  e.InputProps.endAdornment
+                ] })
+              }
+            },
+            variant: (o == null ? void 0 : o.variant) ?? "standard"
+          }
+        );
+      }, "renderInput"),
+      selectOnFocus: !0,
+      renderOption: /* @__PURE__ */ n((e, t) => /* @__PURE__ */ r("li", { ...e, children: t.label }), "renderOption")
+    }
+  );
+}, "OwpSelectorAutocomplete");
+export {
+  Be as OwpSelectorAutocomplete
+};
+//# sourceMappingURL=OwpSelectorAutocomplete.js.map