@owp/core 2.5.2 → 2.5.3

package/dist/_virtual/index16.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
-var o = t();
-const m = /* @__PURE__ */ r(o);
+import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  m as default
+  s as default
 };
 //# sourceMappingURL=index16.js.map

package/dist/_virtual/index17.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
+import { __require as t } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/match/index.js";
+var o = t();
+const m = /* @__PURE__ */ r(o);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=index17.js.map

package/dist/_virtual/index18.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
-var o = t();
-const i = /* @__PURE__ */ r(o);
+import { __require as e } from "../node_modules/.pnpm/autosuggest-highlight@3.3.4/node_modules/autosuggest-highlight/parse/index.js";
+var o = e();
+const s = /* @__PURE__ */ r(o);
 export {
-  i as default
+  s as default
 };
 //# sourceMappingURL=index18.js.map

package/dist/_virtual/index19.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/.pnpm/prop-types@15.8.1/node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as t } from "../node_modules/.pnpm/react-autosuggest@10.1.0_react@19.2.4/node_modules/react-autosuggest/dist/index.js";
+var o = t();
+const i = /* @__PURE__ */ r(o);
 export {
-  s as default
+  i as default
 };
 //# sourceMappingURL=index19.js.map

package/dist/components/{OwpFileUploadButton/OwpFileUploadButton.js → OwpFilePickerButton/OwpFilePickerButton.js}

@@ -1,5 +1,5 @@
 var s = Object.defineProperty;
-var i = (o, r) => s(o, "name", { value: r, configurable: !0 });
+var i = (r, n) => s(r, "name", { value: n, configurable: !0 });
 import { jsxs as m, jsx as a } 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 f from "@mui/material/Button";
 import { styled as d } from "@mui/material/styles";
@@ -15,15 +15,15 @@ const E = "image/x-png,image/gif,image/jpeg,image/jpg", b = d("input")({
   whiteSpace: "nowrap",
   width: 1
 });
-function B({
-  title: o,
-  multiple: r,
-  onChange: n,
+function y({
+  title: r,
+  multiple: n,
+  onChange: o,
   onCancel: e,
-  accept: l,
-  ...c
+  accept: c,
+  ...l
 }) {
-  const p = g(null), u = c;
+  const p = g(null), u = l;
   return v(() => {
     const t = p.current;
     if (!(!t || !e))
@@ -39,26 +39,26 @@ function B({
       tabIndex: -1,
       ...u,
       children: [
-        o,
+        r,
         /* @__PURE__ */ a(
           b,
           {
             ref: p,
             type: "file",
-            accept: l ?? E,
+            accept: c ?? E,
             onClick: /* @__PURE__ */ i((t) => {
               t.currentTarget.value = "";
             }, "onClick"),
-            onChange: /* @__PURE__ */ i((t) => n == null ? void 0 : n(t), "onChange"),
-            multiple: !!r
+            onChange: /* @__PURE__ */ i((t) => o == null ? void 0 : o(t), "onChange"),
+            multiple: !!n
           }
         )
       ]
     }
   );
 }
-i(B, "OwpFileUploadButton");
+i(y, "OwpFilePickerButton");
 export {
-  B as OwpFileUploadButton
+  y as OwpFilePickerButton
 };
-//# sourceMappingURL=OwpFileUploadButton.js.map
+//# sourceMappingURL=OwpFilePickerButton.js.map

package/dist/components/OwpFilePickerButton/OwpFilePickerButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpFilePickerButton.js","sources":["../../../src/components/OwpFilePickerButton/OwpFilePickerButton.tsx"],"sourcesContent":["import Button, { type ButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\nimport { type ChangeEvent, type ReactNode, useEffect, useRef } from 'react';\n\nexport interface OwpFilePickerButtonOwnProps {\n  multiple?: boolean;\n  accept?: string;\n  title?: ReactNode;\n  onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;\n  onCancel?: (evt: Event) => void;\n}\n\nexport type OwpFilePickerButtonProps = OwpFilePickerButtonOwnProps &\n  Omit<ButtonProps, 'title' | 'onChange' | 'onCancel'>;\n\nconst DEFAULT_ACCEPT = 'image/x-png,image/gif,image/jpeg,image/jpg';\n\nconst VisuallyHiddenInput = styled('input')({\n  clip: 'rect(0 0 0 0)',\n  clipPath: 'inset(50%)',\n  height: 1,\n  overflow: 'hidden',\n  position: 'absolute',\n  bottom: 0,\n  left: 0,\n  whiteSpace: 'nowrap',\n  width: 1,\n});\n\n/**\n * OwpFilePickerButton 컴포넌트\n * @param title 제목\n * @param multiple multiple 값\n * @param onChange onChange 핸들러\n * @param onCancel onCancel 핸들러\n * @param accept accept 값\n */\nexport function OwpFilePickerButton({\n  title,\n  multiple,\n  onChange,\n  onCancel,\n  accept,\n  ...restProps\n}: OwpFilePickerButtonProps) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const buttonProps = restProps as unknown as Omit<ButtonProps<'label'>, 'children' | 'component'>;\n\n  useEffect(() => {\n    const inputElement = inputRef.current;\n    if (!inputElement || !onCancel) {\n      return;\n    }\n\n    inputElement.addEventListener('cancel', onCancel);\n\n    return () => {\n      inputElement.removeEventListener('cancel', onCancel);\n    };\n  }, [onCancel]);\n\n  return (\n    <Button\n      component=\"label\"\n      role={undefined}\n      variant=\"contained\"\n      tabIndex={-1}\n      {...buttonProps}\n    >\n      {title}\n      <VisuallyHiddenInput\n        ref={inputRef}\n        type=\"file\"\n        accept={accept ?? DEFAULT_ACCEPT}\n        onClick={(event) => {\n          event.currentTarget.value = '';\n        }}\n        onChange={(event) => onChange?.(event)}\n        multiple={Boolean(multiple)}\n      />\n    </Button>\n  );\n}\n"],"names":["DEFAULT_ACCEPT","VisuallyHiddenInput","styled","OwpFilePickerButton","title","multiple","onChange","onCancel","accept","restProps","inputRef","useRef","buttonProps","useEffect","inputElement","jsxs","Button","jsx","__name","event"],"mappings":";;;;;;AAeA,MAAMA,IAAiB,8CAEjBC,IAAsBC,EAAO,OAAO,EAAE;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AACT,CAAC;AAUM,SAASC,EAAoB;AAAA,EAClC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,GAAGC;AACL,GAA6B;AAC3B,QAAMC,IAAWC,EAAgC,IAAI,GAC/CC,IAAcH;AAEpB,SAAAI,EAAU,MAAM;AACd,UAAMC,IAAeJ,EAAS;AAC9B,QAAI,GAACI,KAAgB,CAACP;AAItB,aAAAO,EAAa,iBAAiB,UAAUP,CAAQ,GAEzC,MAAM;AACX,QAAAO,EAAa,oBAAoB,UAAUP,CAAQ;AAAA,MACrD;AAAA,EACF,GAAG,CAACA,CAAQ,CAAC,GAGX,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,MAAM;AAAA,MACN,SAAQ;AAAA,MACR,UAAU;AAAA,MACT,GAAGJ;AAAA,MAEH,UAAA;AAAA,QAAAR;AAAA,QACD,gBAAAa;AAAA,UAAChB;AAAA,UAAA;AAAA,YACC,KAAKS;AAAA,YACL,MAAK;AAAA,YACL,QAAQF,KAAUR;AAAA,YAClB,SAAS,gBAAAkB,EAAA,CAACC,MAAU;AAClB,cAAAA,EAAM,cAAc,QAAQ;AAAA,YAC9B,GAFS;AAAA,YAGT,UAAU,gBAAAD,EAAA,CAACC,MAAUb,KAAA,gBAAAA,EAAWa,IAAtB;AAAA,YACV,UAAU,EAAQd;AAAA,UAAQ;AAAA,QAAA;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;AA7CgBa,EAAAf,GAAA;"}

package/dist/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpLanguageSwitcherSelect.js","sources":["../../../src/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.tsx"],"sourcesContent":["import {\n  CurrentLanguage,\n  useGetCurrentLanguage,\n  useGetLanguageList,\n  useSetCurrentLanguage,\n} from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { FormControl, InputLabel } from '@mui/material';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select, { SelectChangeEvent, SelectProps } from '@mui/material/Select';\nimport { useNavigate } from 'react-router-dom';\n\n/**\n * The language switcher.\n */\nexport function OwpLanguageSwitcherSelect({\n  label,\n  fullWidth,\n  canRefresh,\n  ...restSelectProps\n}: Omit<SelectProps, 'value,onChange'> & { canRefresh?: boolean }) {\n  const currentLanguage = useGetCurrentLanguage();\n  const setLanguage = useSetCurrentLanguage();\n  const languageList = useGetLanguageList();\n  const navigate = useNavigate();\n\n  const { i18n } = useOwpTranslation();\n\n  const handleLanguageChange = (event: SelectChangeEvent) => {\n    const selectedLangId = event.target.value as string;\n    const nextLangData = languageList.find((item) => item.id === selectedLangId);\n\n    setLanguage(nextLangData as CurrentLanguage);\n    i18n.changeLanguage(selectedLangId);\n\n    if (canRefresh) {\n      navigate(0);\n    }\n  };\n\n  return (\n    <FormControl fullWidth>\n      <InputLabel id=\"lang-switcher-select-label\">{label}</InputLabel>\n      <Select\n        labelId=\"lang-switcher-select-label\"\n        id=\"lang-switcher-select\"\n        variant=\"standard\"\n        {...restSelectProps}\n        fullWidth={fullWidth}\n        value={currentLanguage.id}\n        label={label}\n        onChange={handleLanguageChange}\n      >\n        {languageList.map((item) => (\n          <MenuItem key={`lang-switcher-item-${item.id}`} value={item.id}>\n            {item.title}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n"],"names":["OwpLanguageSwitcherSelect","label","fullWidth","canRefresh","restSelectProps","currentLanguage","useGetCurrentLanguage","setLanguage","useSetCurrentLanguage","languageList","useGetLanguageList","navigate","useNavigate","i18n","useOwpTranslation","handleLanguageChange","__name","event","selectedLangId","nextLangData","item","jsxs","FormControl","jsx","InputLabel","Select","MenuItem"],"mappings":";;;;;;;;;AAeO,SAASA,EAA0B;AAAA,EACxC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAmE;AACjE,QAAMC,IAAkBC,EAAA,GAClBC,IAAcC,EAAA,GACdC,IAAeC,EAAA,GACfC,IAAWC,EAAA,GAEX,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEXC,IAAuB,gBAAAC,EAAA,CAACC,MAA6B;AACzD,UAAMC,IAAiBD,EAAM,OAAO,OAC9BE,IAAeV,EAAa,KAAK,CAACW,MAASA,EAAK,OAAOF,CAAc;AAE3E,IAAAX,EAAYY,CAA+B,GAC3CN,EAAK,eAAeK,CAAc,GAE9Bf,KACFQ,EAAS,CAAC;AAAA,EAEd,GAV6B;AAY7B,SACE,gBAAAU,EAACC,GAAA,EAAY,WAAS,IACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW,IAAG,8BAA8B,UAAAvB,GAAM;AAAA,IACnD,gBAAAsB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,IAAG;AAAA,QACH,SAAQ;AAAA,QACP,GAAGrB;AAAA,QACJ,WAAAF;AAAA,QACA,OAAOG,EAAgB;AAAA,QACvB,OAAAJ;AAAA,QACA,UAAUc;AAAA,QAET,UAAAN,EAAa,IAAI,CAACW,wBAChBM,GAAA,EAA+C,OAAON,EAAK,IACzD,YAAK,MAAA,GADO,sBAAsBA,EAAK,EAAE,EAE5C,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AA9CgBJ,EAAAhB,GAAA;"}
+{"version":3,"file":"OwpLanguageSwitcherSelect.js","sources":["../../../src/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.tsx"],"sourcesContent":["import {\n  CurrentLanguage,\n  useGetCurrentLanguage,\n  useGetLanguageList,\n  useSetCurrentLanguage,\n} from '@/hooks/useCurrentLanguage';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { FormControl, InputLabel } from '@mui/material';\nimport MenuItem from '@mui/material/MenuItem';\nimport Select, { SelectChangeEvent, SelectProps } from '@mui/material/Select';\nimport { useNavigate } from 'react-router-dom';\n\n/**\n * The language switcher.\n */\nexport function OwpLanguageSwitcherSelect({\n  label,\n  fullWidth,\n  canRefresh,\n  ...restSelectProps\n}: Omit<SelectProps, 'value' | 'onChange'> & { canRefresh?: boolean }) {\n  const currentLanguage = useGetCurrentLanguage();\n  const setLanguage = useSetCurrentLanguage();\n  const languageList = useGetLanguageList();\n  const navigate = useNavigate();\n\n  const { i18n } = useOwpTranslation();\n\n  const handleLanguageChange = (event: SelectChangeEvent) => {\n    const selectedLangId = event.target.value as string;\n    const nextLangData = languageList.find((item) => item.id === selectedLangId);\n\n    setLanguage(nextLangData as CurrentLanguage);\n    i18n.changeLanguage(selectedLangId);\n\n    if (canRefresh) {\n      navigate(0);\n    }\n  };\n\n  return (\n    <FormControl fullWidth>\n      <InputLabel id=\"lang-switcher-select-label\">{label}</InputLabel>\n      <Select\n        labelId=\"lang-switcher-select-label\"\n        id=\"lang-switcher-select\"\n        variant=\"standard\"\n        {...restSelectProps}\n        fullWidth={fullWidth}\n        value={currentLanguage.id}\n        label={label}\n        onChange={handleLanguageChange}\n      >\n        {languageList.map((item) => (\n          <MenuItem key={`lang-switcher-item-${item.id}`} value={item.id}>\n            {item.title}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  );\n}\n"],"names":["OwpLanguageSwitcherSelect","label","fullWidth","canRefresh","restSelectProps","currentLanguage","useGetCurrentLanguage","setLanguage","useSetCurrentLanguage","languageList","useGetLanguageList","navigate","useNavigate","i18n","useOwpTranslation","handleLanguageChange","__name","event","selectedLangId","nextLangData","item","jsxs","FormControl","jsx","InputLabel","Select","MenuItem"],"mappings":";;;;;;;;;AAeO,SAASA,EAA0B;AAAA,EACxC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,GAAuE;AACrE,QAAMC,IAAkBC,EAAA,GAClBC,IAAcC,EAAA,GACdC,IAAeC,EAAA,GACfC,IAAWC,EAAA,GAEX,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEXC,IAAuB,gBAAAC,EAAA,CAACC,MAA6B;AACzD,UAAMC,IAAiBD,EAAM,OAAO,OAC9BE,IAAeV,EAAa,KAAK,CAACW,MAASA,EAAK,OAAOF,CAAc;AAE3E,IAAAX,EAAYY,CAA+B,GAC3CN,EAAK,eAAeK,CAAc,GAE9Bf,KACFQ,EAAS,CAAC;AAAA,EAEd,GAV6B;AAY7B,SACE,gBAAAU,EAACC,GAAA,EAAY,WAAS,IACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAW,IAAG,8BAA8B,UAAAvB,GAAM;AAAA,IACnD,gBAAAsB;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,IAAG;AAAA,QACH,SAAQ;AAAA,QACP,GAAGrB;AAAA,QACJ,WAAAF;AAAA,QACA,OAAOG,EAAgB;AAAA,QACvB,OAAAJ;AAAA,QACA,UAAUc;AAAA,QAET,UAAAN,EAAa,IAAI,CAACW,wBAChBM,GAAA,EAA+C,OAAON,EAAK,IACzD,YAAK,MAAA,GADO,sBAAsBA,EAAK,EAAE,EAE5C,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAEJ;AA9CgBJ,EAAAhB,GAAA;"}

package/dist/components/OwpMoreActionsButton/OwpMoreActionsButton.js

@@ -1,6 +1,6 @@
 var J = Object.defineProperty;
 var o = (r, t) => J(r, "name", { value: t, configurable: !0 });
-import { jsxs as K, jsx as a, Fragment as L } 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 { jsxs as K, jsx as i, Fragment as L } 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 { useOwpTranslation as O } from "../../hooks/useOwpTranslation.js";
 import Q 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/MoreVert.js";
 import { IconButton as X, MenuItem as v, Menu as Y } from "@mui/material";
@@ -8,7 +8,7 @@ import { useTheme as Z, alpha as _ } from "@mui/material/styles";
 import { clsx as u } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { useState as ee, useMemo as re, useCallback as y } from "react";
 import { exportTreeGridToExcelById as te } from "../../utils/treeGridUtil.js";
-import { OwpFileUploadButton as oe } from "../OwpFileUploadButton/OwpFileUploadButton.js";
+import { OwpFilePickerButton as oe } from "../OwpFilePickerButton/OwpFilePickerButton.js";
 import { uniqueId as le } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
 const se = [
   "primary",
@@ -17,10 +17,10 @@ const se = [
   "info",
   "success",
   "warning"
-], f = /* @__PURE__ */ o((r) => r ? Array.isArray(r) ? r.filter((t) => !!t) : [r] : [], "flattenSx"), ne = /* @__PURE__ */ o((r) => typeof r == "string" && se.includes(r), "isPaletteActionColor"), ae = /* @__PURE__ */ o((r, t) => {
+], f = /* @__PURE__ */ o((r) => r ? Array.isArray(r) ? r.filter((t) => !!t) : [r] : [], "flattenSx"), ne = /* @__PURE__ */ o((r) => typeof r == "string" && se.includes(r), "isPaletteActionColor"), ie = /* @__PURE__ */ o((r, t) => {
   const c = ne(t) ? r.palette[t].main : t === "inherit" || t === "default" ? r.palette.secondary.main : t ?? r.palette.secondary.main, s = r.palette.getContrastText(c);
   return { main: c, contrast: s };
-}, "getActionColors"), pe = /* @__PURE__ */ o((r) => r.type === "treeGridExportExcel" ? "success" : "secondary", "getDefaultActionColor"), we = /* @__PURE__ */ o(({
+}, "getActionColors"), ae = /* @__PURE__ */ o((r) => r.type === "treeGridExportExcel" ? "success" : "secondary", "getDefaultActionColor"), we = /* @__PURE__ */ o(({
   actions: r,
   open: t,
   defaultOpen: c = !1,
@@ -34,8 +34,8 @@ const se = [
     () => r.map((e) => ({ action: e, id: le("owp-more-") })),
     [r]
   ), d = y(
-    (e, p = null) => {
-      x || R(e ? p : null), s == null || s(e);
+    (e, a = null) => {
+      x || R(e ? a : null), s == null || s(e);
     },
     [x, s]
   ), z = y(
@@ -47,17 +47,17 @@ const se = [
     d(!1, null);
   }, [d]);
   return /* @__PURE__ */ K(L, { children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       X,
       {
         className: u(W),
         disabled: G,
         onClick: z,
         sx: F,
-        children: /* @__PURE__ */ a(Q, {})
+        children: /* @__PURE__ */ i(Q, {})
       }
     ),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ i(
       Y,
       {
         anchorEl: w,
@@ -77,9 +77,9 @@ const se = [
           }
         },
         children: $.map(
-          ({ action: e, id: p }, H) => (() => {
-            var C, U, g, A, I, B, E, N, T, k, M, j, S;
-            const P = ae(D, e.color ?? pe(e)), h = {
+          ({ action: e, id: a }, H) => (() => {
+            var C, g, U, A, I, B, E, N, k, T, M, j, S;
+            const P = ie(D, e.color ?? ae(e)), h = {
               bgcolor: P.main,
               color: P.contrast,
               "&:hover": {
@@ -87,18 +87,18 @@ const se = [
                 opacity: 0.9
               },
               ...H > 0 ? {
-                borderTop: /* @__PURE__ */ o((i) => `1px solid ${_(i.palette.common.white, 0.35)}`, "borderTop"),
+                borderTop: /* @__PURE__ */ o((p) => `1px solid ${_(p.palette.common.white, 0.35)}`, "borderTop"),
                 mt: 0
               } : null
             };
-            return e.type === "fileUpload" ? /* @__PURE__ */ a(
+            return e.type === "fileUpload" ? /* @__PURE__ */ i(
               oe,
               {
                 ...e.fileUploadProps,
                 title: e.label ?? b("Button.엑셀 업로드"),
                 startIcon: ((C = e.fileUploadProps) == null ? void 0 : C.startIcon) ?? e.icon,
-                fullWidth: ((U = e.fileUploadProps) == null ? void 0 : U.fullWidth) ?? !0,
-                variant: ((g = e.fileUploadProps) == null ? void 0 : g.variant) ?? "text",
+                fullWidth: ((g = e.fileUploadProps) == null ? void 0 : g.fullWidth) ?? !0,
+                variant: ((U = e.fileUploadProps) == null ? void 0 : U.variant) ?? "text",
                 role: ((A = e.fileUploadProps) == null ? void 0 : A.role) ?? "menuitem",
                 tabIndex: ((I = e.fileUploadProps) == null ? void 0 : I.tabIndex) ?? -1,
                 className: u(
@@ -110,30 +110,30 @@ const se = [
                   { justifyContent: "flex-start", px: 2, py: 1 },
                   h,
                   ...f((N = e.itemProps) == null ? void 0 : N.sx),
-                  ...f((T = e.fileUploadProps) == null ? void 0 : T.sx)
+                  ...f((k = e.fileUploadProps) == null ? void 0 : k.sx)
                 ],
-                onChange: /* @__PURE__ */ o((i) => {
+                onChange: /* @__PURE__ */ o((p) => {
                   var l, m;
-                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onChange) == null || m.call(l, i), n();
+                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onChange) == null || m.call(l, p), n();
                 }, "onChange"),
-                onCancel: /* @__PURE__ */ o((i) => {
+                onCancel: /* @__PURE__ */ o((p) => {
                   var l, m;
-                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onCancel) == null || m.call(l, i), n();
+                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onCancel) == null || m.call(l, p), n();
                 }, "onCancel")
               },
-              p
-            ) : e.type === "treeGridExportExcel" ? /* @__PURE__ */ a(
+              a
+            ) : e.type === "treeGridExportExcel" ? /* @__PURE__ */ i(
               v,
               {
-                className: u("min-h-40 min-w-128 text-lg", (k = e.itemProps) == null ? void 0 : k.className),
+                className: u("min-h-40 min-w-128 text-lg", (T = e.itemProps) == null ? void 0 : T.className),
                 onClick: /* @__PURE__ */ o(() => {
                   te(...e.exportExcelArgs), n();
                 }, "onClick"),
                 sx: [h, ...f((M = e.itemProps) == null ? void 0 : M.sx)],
                 children: e.label ?? b("Button.엑셀 다운로드")
               },
-              p
-            ) : /* @__PURE__ */ a(
+              a
+            ) : /* @__PURE__ */ i(
               v,
               {
                 className: u("min-h-40 min-w-128 text-lg", (j = e.itemProps) == null ? void 0 : j.className),
@@ -143,7 +143,7 @@ const se = [
                 sx: [h, ...f((S = e.itemProps) == null ? void 0 : S.sx)],
                 children: e.label
               },
-              p
+              a
             );
           })()
         )

package/dist/components/OwpMoreActionsButton/OwpMoreActionsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpMoreActionsButton.js","sources":["../../../src/components/OwpMoreActionsButton/OwpMoreActionsButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport { IconButton, Menu, MenuItem } from '@mui/material';\nimport type { IconButtonProps } from '@mui/material/IconButton';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { uniqueId } from 'es-toolkit/compat';\nimport type { MouseEvent, ReactNode } from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { exportTreeGridToExcelById } from '../../utils/treeGridUtil';\nimport {\n  OwpFileUploadButton,\n  type OwpFileUploadButtonProps,\n} from '../OwpFileUploadButton/OwpFileUploadButton';\n\nexport type OwpMoreButtonActionColor = NonNullable<IconButtonProps['color']> | string;\n\ntype OwpMoreButtonActionBase = {\n  icon?: ReactNode;\n  color?: OwpMoreButtonActionColor;\n  label?: ReactNode;\n  labelProps?: { className?: string; sx?: SxProps<Theme> };\n  itemProps?: { className?: string; sx?: SxProps<Theme> };\n};\n\nexport type OwpMoreButtonClickAction = OwpMoreButtonActionBase & {\n  type?: 'button';\n  onClick: (args: { close: () => void }) => void;\n};\n\nexport type OwpMoreButtonFileUploadAction = OwpMoreButtonActionBase & {\n  type: 'fileUpload';\n  fileUploadProps?: Omit<OwpFileUploadButtonProps, 'title' | 'onChange' | 'onCancel'> & {\n    onChange?: OwpFileUploadButtonProps['onChange'];\n    onCancel?: OwpFileUploadButtonProps['onCancel'];\n  };\n};\n\nexport type OwpMoreButtonTreeGridExportExcelAction = OwpMoreButtonActionBase & {\n  type: 'treeGridExportExcel';\n  exportExcelArgs: Parameters<typeof exportTreeGridToExcelById>;\n};\n\nexport type OwpMoreButtonAction =\n  | OwpMoreButtonClickAction\n  | OwpMoreButtonFileUploadAction\n  | OwpMoreButtonTreeGridExportExcelAction;\n\nexport type OwpMoreActionsButtonProps = {\n  actions: OwpMoreButtonAction[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  containerSx?: SxProps<Theme>;\n  actionsSx?: SxProps<Theme>;\n};\n\ntype OwpFlatSx = NonNullable<Exclude<SxProps<Theme>, readonly unknown[]>>;\ntype OwpPaletteActionColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n\nconst owpPaletteActionColors = [\n  'primary',\n  'secondary',\n  'error',\n  'info',\n  'success',\n  'warning',\n] as const;\n\nconst flattenSx = (sx?: SxProps<Theme>): OwpFlatSx[] => {\n  if (!sx) return [];\n  if (Array.isArray(sx)) return sx.filter((item): item is OwpFlatSx => Boolean(item));\n  return [sx as OwpFlatSx];\n};\n\nconst isPaletteActionColor = (color: OwpMoreButtonActionColor | undefined): color is OwpPaletteActionColor =>\n  typeof color === 'string' && owpPaletteActionColors.includes(color as OwpPaletteActionColor);\n\nconst getActionColors = (theme: Theme, color?: OwpMoreButtonActionColor) => {\n  const main = isPaletteActionColor(color)\n    ? theme.palette[color].main\n    : color === 'inherit' || color === 'default'\n      ? theme.palette.secondary.main\n      : ((color as string) ?? theme.palette.secondary.main);\n\n  const contrast = theme.palette.getContrastText(main);\n  return { main, contrast };\n};\n\nconst getDefaultActionColor = (action: OwpMoreButtonAction): OwpMoreButtonActionColor => {\n  if (action.type === 'treeGridExportExcel') {\n    return 'success';\n  }\n\n  return 'secondary';\n};\n\n/**\n * OwpMoreActionsButton 컴포넌트\n * @param actions 액션 영역\n * @param openProp openProp 값\n * @param defaultOpen defaultOpen 값\n * @param onOpenChange onOpenChange 핸들러\n * @param disabled disabled 값\n * @param className CSS 클래스명\n */\nexport const OwpMoreActionsButton = ({\n  actions,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled,\n  className,\n  containerSx,\n  actionsSx,\n}: OwpMoreActionsButtonProps) => {\n  const { t } = useOwpTranslation();\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const controlled = openProp != null;\n  const open = controlled ? Boolean(openProp) : Boolean(anchorEl) || defaultOpen;\n  const keyedActions = useMemo(\n    () => actions.map((action) => ({ action, id: uniqueId('owp-more-') })),\n    [actions],\n  );\n\n  const setOpen = useCallback(\n    (next: boolean, el: HTMLElement | null = null) => {\n      if (!controlled) setAnchorEl(next ? el : null);\n      onOpenChange?.(next);\n    },\n    [controlled, onOpenChange],\n  );\n\n  const handleOpen = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      setOpen(true, event.currentTarget);\n    },\n    [setOpen],\n  );\n\n  const handleClose = useCallback(() => {\n    setOpen(false, null);\n  }, [setOpen]);\n\n  return (\n    <>\n      <IconButton\n        className={clsx(className)}\n        disabled={disabled}\n        onClick={handleOpen}\n        sx={containerSx}\n      >\n        <MoreVertIcon />\n      </IconButton>\n\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        sx={actionsSx}\n        onClose={handleClose}\n        slotProps={{\n          list: { disablePadding: true, sx: { p: 0 } },\n          paper: {\n            sx: {\n              p: 0,\n              mt: 0.75,\n              minWidth: 200,\n              borderRadius: 1.5,\n              boxShadow: (t) => t.shadows[8],\n            },\n          },\n        }}\n      >\n        {keyedActions.map(({ action, id }, idx) =>\n          (() => {\n            const colors = getActionColors(theme, action.color ?? getDefaultActionColor(action));\n            const baseItemSx: OwpFlatSx = {\n              bgcolor: colors.main,\n              color: colors.contrast,\n              '&:hover': {\n                bgcolor: colors.main,\n                opacity: 0.9,\n              },\n              ...(idx > 0\n                ? {\n                    borderTop: (t: Theme) => `1px solid ${alpha(t.palette.common.white, 0.35)}`,\n                    mt: 0,\n                  }\n                : null),\n            };\n\n            if (action.type === 'fileUpload') {\n              return (\n                <OwpFileUploadButton\n                  key={id}\n                  {...action.fileUploadProps}\n                  title={action.label ?? t('Button.엑셀 업로드')}\n                  startIcon={action.fileUploadProps?.startIcon ?? action.icon}\n                  fullWidth={action.fileUploadProps?.fullWidth ?? true}\n                  variant={action.fileUploadProps?.variant ?? 'text'}\n                  role={action.fileUploadProps?.role ?? 'menuitem'}\n                  tabIndex={action.fileUploadProps?.tabIndex ?? -1}\n                  className={clsx(\n                    'min-h-40 min-w-128 justify-start rounded-none text-lg',\n                    action.itemProps?.className,\n                    action.fileUploadProps?.className,\n                  )}\n                  sx={[\n                    { justifyContent: 'flex-start', px: 2, py: 1 },\n                    baseItemSx,\n                    ...flattenSx(action.itemProps?.sx),\n                    ...flattenSx(action.fileUploadProps?.sx),\n                  ]}\n                  onChange={(event) => {\n                    action.fileUploadProps?.onChange?.(event);\n                    handleClose();\n                  }}\n                  onCancel={(event) => {\n                    action.fileUploadProps?.onCancel?.(event);\n                    handleClose();\n                  }}\n                />\n              );\n            }\n\n            if (action.type === 'treeGridExportExcel') {\n              return (\n                <MenuItem\n                  key={id}\n                  className={clsx('min-h-40 min-w-128 text-lg', action.itemProps?.className)}\n                  onClick={() => {\n                    exportTreeGridToExcelById(...action.exportExcelArgs);\n                    handleClose();\n                  }}\n                  sx={[baseItemSx, ...flattenSx(action.itemProps?.sx)]}\n                >\n                  {action.label ?? t('Button.엑셀 다운로드')}\n                </MenuItem>\n              );\n            }\n\n            return (\n              <MenuItem\n                key={id}\n                className={clsx('min-h-40 min-w-128 text-lg', action.itemProps?.className)}\n                onClick={() => {\n                  action.onClick({ close: handleClose });\n                  handleClose();\n                }}\n                sx={[baseItemSx, ...flattenSx(action.itemProps?.sx)]}\n              >\n                {action.label}\n              </MenuItem>\n            );\n          })(),\n        )}\n      </Menu>\n    </>\n  );\n};\n"],"names":["owpPaletteActionColors","flattenSx","__name","sx","item","isPaletteActionColor","color","getActionColors","theme","main","contrast","getDefaultActionColor","action","OwpMoreActionsButton","actions","openProp","defaultOpen","onOpenChange","disabled","className","containerSx","actionsSx","t","useOwpTranslation","useTheme","anchorEl","setAnchorEl","useState","controlled","open","keyedActions","useMemo","uniqueId","setOpen","useCallback","next","el","handleOpen","event","handleClose","jsxs","Fragment","jsx","IconButton","clsx","MoreVertIcon","Menu","id","idx","colors","baseItemSx","alpha","OwpFileUploadButton","_a","_b","_c","_d","_e","_f","_g","_h","_i","MenuItem","_j","exportTreeGridToExcelById","_k","_l","_m"],"mappings":"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"}
+{"version":3,"file":"OwpMoreActionsButton.js","sources":["../../../src/components/OwpMoreActionsButton/OwpMoreActionsButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport MoreVertIcon from '@mui/icons-material/MoreVert';\nimport { IconButton, Menu, MenuItem } from '@mui/material';\nimport type { IconButtonProps } from '@mui/material/IconButton';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport { alpha, useTheme } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { uniqueId } from 'es-toolkit/compat';\nimport type { MouseEvent, ReactNode } from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { exportTreeGridToExcelById } from '../../utils/treeGridUtil';\nimport {\n  OwpFilePickerButton,\n  type OwpFilePickerButtonProps,\n} from '../OwpFilePickerButton/OwpFilePickerButton';\n\nexport type OwpMoreButtonActionColor = NonNullable<IconButtonProps['color']> | string;\n\ntype OwpMoreButtonActionBase = {\n  icon?: ReactNode;\n  color?: OwpMoreButtonActionColor;\n  label?: ReactNode;\n  labelProps?: { className?: string; sx?: SxProps<Theme> };\n  itemProps?: { className?: string; sx?: SxProps<Theme> };\n};\n\nexport type OwpMoreButtonClickAction = OwpMoreButtonActionBase & {\n  type?: 'button';\n  onClick: (args: { close: () => void }) => void;\n};\n\nexport type OwpMoreButtonFileUploadAction = OwpMoreButtonActionBase & {\n  type: 'fileUpload';\n  fileUploadProps?: Omit<OwpFilePickerButtonProps, 'title' | 'onChange' | 'onCancel'> & {\n    onChange?: OwpFilePickerButtonProps['onChange'];\n    onCancel?: OwpFilePickerButtonProps['onCancel'];\n  };\n};\n\nexport type OwpMoreButtonTreeGridExportExcelAction = OwpMoreButtonActionBase & {\n  type: 'treeGridExportExcel';\n  exportExcelArgs: Parameters<typeof exportTreeGridToExcelById>;\n};\n\nexport type OwpMoreButtonAction =\n  | OwpMoreButtonClickAction\n  | OwpMoreButtonFileUploadAction\n  | OwpMoreButtonTreeGridExportExcelAction;\n\nexport type OwpMoreActionsButtonProps = {\n  actions: OwpMoreButtonAction[];\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  disabled?: boolean;\n  className?: string;\n  containerSx?: SxProps<Theme>;\n  actionsSx?: SxProps<Theme>;\n};\n\ntype OwpFlatSx = NonNullable<Exclude<SxProps<Theme>, readonly unknown[]>>;\ntype OwpPaletteActionColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n\nconst owpPaletteActionColors = [\n  'primary',\n  'secondary',\n  'error',\n  'info',\n  'success',\n  'warning',\n] as const;\n\nconst flattenSx = (sx?: SxProps<Theme>): OwpFlatSx[] => {\n  if (!sx) return [];\n  if (Array.isArray(sx)) return sx.filter((item): item is OwpFlatSx => Boolean(item));\n  return [sx as OwpFlatSx];\n};\n\nconst isPaletteActionColor = (color: OwpMoreButtonActionColor | undefined): color is OwpPaletteActionColor =>\n  typeof color === 'string' && owpPaletteActionColors.includes(color as OwpPaletteActionColor);\n\nconst getActionColors = (theme: Theme, color?: OwpMoreButtonActionColor) => {\n  const main = isPaletteActionColor(color)\n    ? theme.palette[color].main\n    : color === 'inherit' || color === 'default'\n      ? theme.palette.secondary.main\n      : ((color as string) ?? theme.palette.secondary.main);\n\n  const contrast = theme.palette.getContrastText(main);\n  return { main, contrast };\n};\n\nconst getDefaultActionColor = (action: OwpMoreButtonAction): OwpMoreButtonActionColor => {\n  if (action.type === 'treeGridExportExcel') {\n    return 'success';\n  }\n\n  return 'secondary';\n};\n\n/**\n * OwpMoreActionsButton 컴포넌트\n * @param actions 액션 영역\n * @param openProp openProp 값\n * @param defaultOpen defaultOpen 값\n * @param onOpenChange onOpenChange 핸들러\n * @param disabled disabled 값\n * @param className CSS 클래스명\n */\nexport const OwpMoreActionsButton = ({\n  actions,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  disabled,\n  className,\n  containerSx,\n  actionsSx,\n}: OwpMoreActionsButtonProps) => {\n  const { t } = useOwpTranslation();\n  const theme = useTheme();\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const controlled = openProp != null;\n  const open = controlled ? Boolean(openProp) : Boolean(anchorEl) || defaultOpen;\n  const keyedActions = useMemo(\n    () => actions.map((action) => ({ action, id: uniqueId('owp-more-') })),\n    [actions],\n  );\n\n  const setOpen = useCallback(\n    (next: boolean, el: HTMLElement | null = null) => {\n      if (!controlled) setAnchorEl(next ? el : null);\n      onOpenChange?.(next);\n    },\n    [controlled, onOpenChange],\n  );\n\n  const handleOpen = useCallback(\n    (event: MouseEvent<HTMLElement>) => {\n      setOpen(true, event.currentTarget);\n    },\n    [setOpen],\n  );\n\n  const handleClose = useCallback(() => {\n    setOpen(false, null);\n  }, [setOpen]);\n\n  return (\n    <>\n      <IconButton\n        className={clsx(className)}\n        disabled={disabled}\n        onClick={handleOpen}\n        sx={containerSx}\n      >\n        <MoreVertIcon />\n      </IconButton>\n\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        sx={actionsSx}\n        onClose={handleClose}\n        slotProps={{\n          list: { disablePadding: true, sx: { p: 0 } },\n          paper: {\n            sx: {\n              p: 0,\n              mt: 0.75,\n              minWidth: 200,\n              borderRadius: 1.5,\n              boxShadow: (t) => t.shadows[8],\n            },\n          },\n        }}\n      >\n        {keyedActions.map(({ action, id }, idx) =>\n          (() => {\n            const colors = getActionColors(theme, action.color ?? getDefaultActionColor(action));\n            const baseItemSx: OwpFlatSx = {\n              bgcolor: colors.main,\n              color: colors.contrast,\n              '&:hover': {\n                bgcolor: colors.main,\n                opacity: 0.9,\n              },\n              ...(idx > 0\n                ? {\n                    borderTop: (t: Theme) => `1px solid ${alpha(t.palette.common.white, 0.35)}`,\n                    mt: 0,\n                  }\n                : null),\n            };\n\n            if (action.type === 'fileUpload') {\n              return (\n                <OwpFilePickerButton\n                  key={id}\n                  {...action.fileUploadProps}\n                  title={action.label ?? t('Button.엑셀 업로드')}\n                  startIcon={action.fileUploadProps?.startIcon ?? action.icon}\n                  fullWidth={action.fileUploadProps?.fullWidth ?? true}\n                  variant={action.fileUploadProps?.variant ?? 'text'}\n                  role={action.fileUploadProps?.role ?? 'menuitem'}\n                  tabIndex={action.fileUploadProps?.tabIndex ?? -1}\n                  className={clsx(\n                    'min-h-40 min-w-128 justify-start rounded-none text-lg',\n                    action.itemProps?.className,\n                    action.fileUploadProps?.className,\n                  )}\n                  sx={[\n                    { justifyContent: 'flex-start', px: 2, py: 1 },\n                    baseItemSx,\n                    ...flattenSx(action.itemProps?.sx),\n                    ...flattenSx(action.fileUploadProps?.sx),\n                  ]}\n                  onChange={(event) => {\n                    action.fileUploadProps?.onChange?.(event);\n                    handleClose();\n                  }}\n                  onCancel={(event) => {\n                    action.fileUploadProps?.onCancel?.(event);\n                    handleClose();\n                  }}\n                />\n              );\n            }\n\n            if (action.type === 'treeGridExportExcel') {\n              return (\n                <MenuItem\n                  key={id}\n                  className={clsx('min-h-40 min-w-128 text-lg', action.itemProps?.className)}\n                  onClick={() => {\n                    exportTreeGridToExcelById(...action.exportExcelArgs);\n                    handleClose();\n                  }}\n                  sx={[baseItemSx, ...flattenSx(action.itemProps?.sx)]}\n                >\n                  {action.label ?? t('Button.엑셀 다운로드')}\n                </MenuItem>\n              );\n            }\n\n            return (\n              <MenuItem\n                key={id}\n                className={clsx('min-h-40 min-w-128 text-lg', action.itemProps?.className)}\n                onClick={() => {\n                  action.onClick({ close: handleClose });\n                  handleClose();\n                }}\n                sx={[baseItemSx, ...flattenSx(action.itemProps?.sx)]}\n              >\n                {action.label}\n              </MenuItem>\n            );\n          })(),\n        )}\n      </Menu>\n    </>\n  );\n};\n"],"names":["owpPaletteActionColors","flattenSx","__name","sx","item","isPaletteActionColor","color","getActionColors","theme","main","contrast","getDefaultActionColor","action","OwpMoreActionsButton","actions","openProp","defaultOpen","onOpenChange","disabled","className","containerSx","actionsSx","t","useOwpTranslation","useTheme","anchorEl","setAnchorEl","useState","controlled","open","keyedActions","useMemo","uniqueId","setOpen","useCallback","next","el","handleOpen","event","handleClose","jsxs","Fragment","jsx","IconButton","clsx","MoreVertIcon","Menu","id","idx","colors","baseItemSx","alpha","OwpFilePickerButton","_a","_b","_c","_d","_e","_f","_g","_h","_i","MenuItem","_j","exportTreeGridToExcelById","_k","_l","_m"],"mappings":"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"}