@owp/core 2.1.5 → 2.1.7

package/dist/components/OwpExportExcelButton/OwpExportExcelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpExportExcelButton.js","sources":["../../../src/components/OwpExportExcelButton/OwpExportExcelButton.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  exportExcelByBuffer,\n  getIndexByLetters,\n  getLettersByIndex,\n  setCellValue,\n  setMergeCells,\n} from '@/utils/excelUtil';\nimport { loadExcelJSBrowser } from '@/utils/exceljsBrowser';\nimport { Button, type ButtonProps } from '@mui/material';\nimport { isArray, isEmpty, isNumber, isString } from 'es-toolkit/compat';\nimport type * as ExcelJS from 'exceljs';\nimport { enqueueSnackbar } from 'notistack';\nimport { type MouseEventHandler, useState } from 'react';\n\nexport type ExcelHeader = {\n  key?: string;\n  range?: string;\n  value: string;\n};\n\nexport type ExcelDataMapper = {\n  key: string;\n  colSpan?: string;\n  rowSpan?: string;\n  prefix?: string;\n  suffix?: string;\n};\n\ninterface OwpExportDataToExcelButtonProps<T> extends ButtonProps {\n  header: ExcelHeader[];\n  mapper: ExcelDataMapper[];\n  data?: T;\n  title?: string;\n  exportName?: string;\n}\n\nconst DEFAULT_WORKSHEET_NAME = 'sheet1';\nconst DEFAULT_EXPORT_NAME = 'sheet';\nconst DEFAULT_COLUMN_WIDTH = 10;\nconst MAX_COLUMN_WIDTH = 50;\nconst COLUMN_WIDTH_PADDING = 4;\n\nconst getSafeExportName = (value?: string) => {\n  const exportName = (value ?? DEFAULT_EXPORT_NAME).trim();\n\n  return exportName.replace(/[\\\\/:*?\"<>|]/g, '_') || DEFAULT_EXPORT_NAME;\n};\n\nconst getSafeSheetName = (value?: string) =>\n  getSafeExportName(value ?? DEFAULT_WORKSHEET_NAME).slice(0, 31) || DEFAULT_WORKSHEET_NAME;\n\nconst getColumnIndexFromCellKey = (key: string) => {\n  const matchedColumn = key.match(/^([A-Z]+)\\d+$/i)?.[1];\n\n  if (!matchedColumn) {\n    return undefined;\n  }\n\n  return getIndexByLetters(matchedColumn.toUpperCase());\n};\n\nconst getExcelTextWidth = (value: string) => {\n  const longestLineWidth = value\n    .split(/\\r?\\n/)\n    .reduce((maxWidth, line) => {\n      const lineWidth = Array.from(line).reduce((width, character) => {\n        return width + ((character.codePointAt(0) ?? 0) <= 0xff ? 1 : 2);\n      }, 0);\n\n      return Math.max(maxWidth, lineWidth);\n    }, 0);\n\n  return Math.min(Math.max(longestLineWidth + COLUMN_WIDTH_PADDING, DEFAULT_COLUMN_WIDTH), MAX_COLUMN_WIDTH);\n};\n\nconst getExportCellValue = (item: unknown, { key, prefix, suffix }: ExcelDataMapper) => {\n  const row = item as Record<string, unknown> | undefined;\n  const rawValue = row?.[key];\n\n  if (!isNumber(rawValue) && !isString(rawValue)) {\n    return '';\n  }\n\n  return `${prefix ?? ''}${rawValue}${suffix ?? ''}`;\n};\n\nconst applyExcelHeaders = (worksheet: ExcelJS.Worksheet, header: ExcelHeader[]) => {\n  for (const { key, range, value } of header) {\n    if (range) {\n      setMergeCells(worksheet, {\n        isHeader: true,\n        range,\n        value,\n      });\n      continue;\n    }\n\n    if (!key) {\n      continue;\n    }\n\n    setCellValue(worksheet, {\n      isHeader: true,\n      key,\n      value,\n    });\n  }\n};\n\nconst applyExcelColumnWidths = (\n  worksheet: ExcelJS.Worksheet,\n  header: ExcelHeader[],\n  mapper: ExcelDataMapper[],\n) => {\n  const widths = new Map<number, number>();\n  const updateWidth = (columnIndex: number, nextWidth: number) => {\n    widths.set(columnIndex, Math.max(widths.get(columnIndex) ?? DEFAULT_COLUMN_WIDTH, nextWidth));\n  };\n\n  for (let colIndex = 0; colIndex < mapper.length; colIndex += 1) {\n    updateWidth(colIndex + 1, DEFAULT_COLUMN_WIDTH);\n  }\n\n  for (const { key, range, value } of header) {\n    if (range) {\n      const [startKey, endKey] = range.split(':');\n      const startColumnIndex = startKey ? getColumnIndexFromCellKey(startKey) : undefined;\n      const endColumnIndex = endKey ? getColumnIndexFromCellKey(endKey) : undefined;\n\n      if (!startColumnIndex || !endColumnIndex || endColumnIndex < startColumnIndex) {\n        continue;\n      }\n\n      const columnSpan = endColumnIndex - startColumnIndex + 1;\n      const distributedWidth = Math.ceil(getExcelTextWidth(value) / columnSpan);\n\n      for (let columnIndex = startColumnIndex; columnIndex <= endColumnIndex; columnIndex += 1) {\n        updateWidth(columnIndex, distributedWidth);\n      }\n\n      continue;\n    }\n\n    if (!key) {\n      continue;\n    }\n\n    const columnIndex = getColumnIndexFromCellKey(key);\n\n    if (!columnIndex) {\n      continue;\n    }\n\n    updateWidth(columnIndex, getExcelTextWidth(value));\n  }\n\n  widths.forEach((width, columnIndex) => {\n    worksheet.getColumn(columnIndex).width = width;\n  });\n};\n\nconst appendExcelRows = (\n  worksheet: ExcelJS.Worksheet,\n  mapper: ExcelDataMapper[],\n  rows: unknown[],\n) => {\n  const startDataRowIndex = (worksheet.lastRow?.number ?? 0) + 1;\n\n  for (let rowIndex = 0; rowIndex < rows.length; rowIndex += 1) {\n    const row = rows[rowIndex];\n\n    for (let colIndex = 0; colIndex < mapper.length; colIndex += 1) {\n      const columnMapper = mapper[colIndex];\n\n      setCellValue(worksheet, {\n        key: `${getLettersByIndex(colIndex + 1)}${startDataRowIndex + rowIndex}`,\n        value: getExportCellValue(row, columnMapper),\n      });\n    }\n  }\n};\n\nconst resolveExportValidationMessage = (\n  header: ExcelHeader[],\n  mapper: ExcelDataMapper[],\n  translate: (key: string) => string,\n) => {\n  if (!isArray(header) || isEmpty(header)) {\n    return translate('Message.헤더정보가 없습니다');\n  }\n\n  if (!isArray(mapper) || isEmpty(mapper)) {\n    return translate('Message.맵핑정보가 없습니다');\n  }\n\n  return undefined;\n};\n\n/**\n * OwpExportDataToExcelButton 컴포넌트\n * @param header 헤더 정보\n * @param mapper 엑셀 매핑 정보\n * @param data 데이터\n * @param exportName 다운로드 파일명\n * @param title 제목\n */\nexport function OwpExportDataToExcelButton<T>({\n  header,\n  mapper,\n  data,\n  exportName,\n  title,\n  loading,\n  loadingPosition,\n  onClick,\n  ...restProps\n}: OwpExportDataToExcelButtonProps<T>) {\n  const { t } = useOwpTranslation();\n  const [isLoading, setLoadingStatus] = useState(false);\n\n  const handleExportExcel = async () => {\n    if (isLoading) {\n      return;\n    }\n\n    const validationMessage = resolveExportValidationMessage(header, mapper, t);\n\n    if (validationMessage) {\n      enqueueSnackbar(validationMessage, { variant: 'warning' });\n      return;\n    }\n\n    setLoadingStatus(true);\n\n    try {\n      const ExcelJSBrowser = await loadExcelJSBrowser();\n      const workbook = new ExcelJSBrowser.Workbook();\n      const resolvedExportName = getSafeExportName(exportName);\n      const worksheet = workbook.addWorksheet(getSafeSheetName(exportName));\n      const rows = isArray(data) ? data : [];\n\n      worksheet.properties.defaultRowHeight = 19;\n\n      applyExcelHeaders(worksheet, header);\n      appendExcelRows(worksheet, mapper, rows);\n      applyExcelColumnWidths(worksheet, header, mapper);\n\n      const buffer = await workbook.xlsx.writeBuffer();\n\n      exportExcelByBuffer(buffer, resolvedExportName);\n    } catch (error) {\n      console.error(error);\n      enqueueSnackbar(\n        error instanceof Error && error.message\n          ? error.message\n          : t('Message.엑셀 저장 중 오류가 발생했습니다'),\n        { variant: 'error' },\n      );\n    } finally {\n      setLoadingStatus(false);\n    }\n  };\n\n  const handleClick: MouseEventHandler<HTMLButtonElement> = (event) => {\n    onClick?.(event);\n\n    if (event.defaultPrevented || loading || isLoading) {\n      return;\n    }\n\n    void handleExportExcel();\n  };\n\n  return (\n    <Button\n      variant=\"contained\"\n      color=\"success\"\n      {...restProps}\n      loading={Boolean(loading || isLoading)}\n      loadingPosition={loadingPosition ?? 'start'}\n      onClick={handleClick}\n    >\n      {title ?? t('Button.엑셀 다운로드')}\n    </Button>\n  );\n}\n"],"names":["DEFAULT_WORKSHEET_NAME","DEFAULT_EXPORT_NAME","DEFAULT_COLUMN_WIDTH","MAX_COLUMN_WIDTH","COLUMN_WIDTH_PADDING","getSafeExportName","__name","value","getSafeSheetName","getColumnIndexFromCellKey","key","matchedColumn","_a","getIndexByLetters","getExcelTextWidth","longestLineWidth","maxWidth","line","lineWidth","width","character","getExportCellValue","item","prefix","suffix","row","rawValue","isNumber","isString","applyExcelHeaders","worksheet","header","range","setMergeCells","setCellValue","applyExcelColumnWidths","mapper","widths","updateWidth","columnIndex","nextWidth","colIndex","startKey","endKey","startColumnIndex","endColumnIndex","columnSpan","distributedWidth","appendExcelRows","rows","startDataRowIndex","rowIndex","columnMapper","getLettersByIndex","resolveExportValidationMessage","translate","isArray","isEmpty","OwpExportDataToExcelButton","data","exportName","title","loading","loadingPosition","onClick","restProps","t","useOwpTranslation","isLoading","setLoadingStatus","useState","handleExportExcel","validationMessage","enqueueSnackbar","ExcelJSBrowser","loadExcelJSBrowser","workbook","resolvedExportName","buffer","exportExcelByBuffer","error","jsx","Button","event"],"mappings":"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"}

package/dist/components/OwpFileUploadButton/OwpFileUploadButton.js

@@ -0,0 +1,64 @@
+var s = Object.defineProperty;
+var i = (o, r) => s(o, "name", { value: r, 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";
+import { useRef as g, useEffect as v } from "react";
+const E = "image/x-png,image/gif,image/jpeg,image/jpg", b = d("input")({
+  clip: "rect(0 0 0 0)",
+  clipPath: "inset(50%)",
+  height: 1,
+  overflow: "hidden",
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  whiteSpace: "nowrap",
+  width: 1
+});
+function B({
+  title: o,
+  multiple: r,
+  onChange: n,
+  onCancel: e,
+  accept: l,
+  ...c
+}) {
+  const p = g(null), u = c;
+  return v(() => {
+    const t = p.current;
+    if (!(!t || !e))
+      return t.addEventListener("cancel", e), () => {
+        t.removeEventListener("cancel", e);
+      };
+  }, [e]), /* @__PURE__ */ m(
+    f,
+    {
+      component: "label",
+      role: void 0,
+      variant: "contained",
+      tabIndex: -1,
+      ...u,
+      children: [
+        o,
+        /* @__PURE__ */ a(
+          b,
+          {
+            ref: p,
+            type: "file",
+            accept: l ?? E,
+            onClick: /* @__PURE__ */ i((t) => {
+              t.currentTarget.value = "";
+            }, "onClick"),
+            onChange: /* @__PURE__ */ i((t) => n == null ? void 0 : n(t), "onChange"),
+            multiple: !!r
+          }
+        )
+      ]
+    }
+  );
+}
+i(B, "OwpFileUploadButton");
+export {
+  B as OwpFileUploadButton
+};
+//# sourceMappingURL=OwpFileUploadButton.js.map

package/dist/components/OwpFileUploadButton/OwpFileUploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpFileUploadButton.js","sources":["../../../src/components/OwpFileUploadButton/OwpFileUploadButton.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 OwpFileUploadButtonOwnProps {\n  multiple?: boolean;\n  accept?: string;\n  title?: ReactNode;\n  onChange?: (evt: ChangeEvent<HTMLInputElement>) => void;\n  onCancel?: (evt: Event) => void;\n}\n\nexport type OwpFileUploadButtonProps = OwpFileUploadButtonOwnProps &\n  Omit<ButtonProps, 'title'>;\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 * OwpFileUploadButton 컴포넌트\n * @param title 제목\n * @param multiple multiple 값\n * @param onChange onChange 핸들러\n * @param onCancel onCancel 핸들러\n * @param accept accept 값\n */\nexport function OwpFileUploadButton({\n  title,\n  multiple,\n  onChange,\n  onCancel,\n  accept,\n  ...restProps\n}: OwpFileUploadButtonProps) {\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","OwpFileUploadButton","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/OwpHidden/OwpHidden.js

@@ -0,0 +1,27 @@
+var H = Object.defineProperty;
+var e = (n, o) => H(n, "name", { value: o, configurable: !0 });
+import { jsx as M, 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 { useTheme as S } from "@mui/material/styles";
+import t from "@mui/material/useMediaQuery";
+function T({
+  children: n,
+  xsUp: o,
+  smUp: m,
+  mdUp: p,
+  lgUp: a,
+  xlUp: c,
+  xsDown: r,
+  smDown: i,
+  mdDown: d,
+  lgDown: h,
+  xlDown: u
+}) {
+  const s = S(), w = t(s.breakpoints.up("xs")), b = t(s.breakpoints.up("sm")), k = t(s.breakpoints.up("md")), l = t(s.breakpoints.up("lg")), x = t(s.breakpoints.up("xl")), f = t(s.breakpoints.down("xs")), g = t(s.breakpoints.down("sm")), D = t(s.breakpoints.down("md")), U = t(s.breakpoints.down("lg")), X = t(s.breakpoints.down("xl"));
+  return o && w || m && b || p && k || a && l || c && x || r && f || i && g || d && D || h && U || u && X ? null : /* @__PURE__ */ M(L, { children: n });
+}
+e(T, "OwpHidden");
+export {
+  T as OwpHidden,
+  T as default
+};
+//# sourceMappingURL=OwpHidden.js.map

package/dist/components/OwpHidden/OwpHidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpHidden.js","sources":["../../../src/components/OwpHidden/OwpHidden.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport { type ReactNode } from 'react';\n\nexport interface OwpHiddenProps {\n  children?: ReactNode;\n  xsUp?: boolean;\n  smUp?: boolean;\n  mdUp?: boolean;\n  lgUp?: boolean;\n  xlUp?: boolean;\n  xsDown?: boolean;\n  smDown?: boolean;\n  mdDown?: boolean;\n  lgDown?: boolean;\n  xlDown?: boolean;\n}\n\n/**\n * MUI Hidden 대체용 breakpoint visibility gate\n */\nexport function OwpHidden({\n  children,\n  xsUp,\n  smUp,\n  mdUp,\n  lgUp,\n  xlUp,\n  xsDown,\n  smDown,\n  mdDown,\n  lgDown,\n  xlDown,\n}: OwpHiddenProps) {\n  const theme = useTheme();\n\n  const matchesXsUp = useMediaQuery(theme.breakpoints.up('xs'));\n  const matchesSmUp = useMediaQuery(theme.breakpoints.up('sm'));\n  const matchesMdUp = useMediaQuery(theme.breakpoints.up('md'));\n  const matchesLgUp = useMediaQuery(theme.breakpoints.up('lg'));\n  const matchesXlUp = useMediaQuery(theme.breakpoints.up('xl'));\n  const matchesXsDown = useMediaQuery(theme.breakpoints.down('xs'));\n  const matchesSmDown = useMediaQuery(theme.breakpoints.down('sm'));\n  const matchesMdDown = useMediaQuery(theme.breakpoints.down('md'));\n  const matchesLgDown = useMediaQuery(theme.breakpoints.down('lg'));\n  const matchesXlDown = useMediaQuery(theme.breakpoints.down('xl'));\n\n  const isHidden =\n    (xsUp && matchesXsUp) ||\n    (smUp && matchesSmUp) ||\n    (mdUp && matchesMdUp) ||\n    (lgUp && matchesLgUp) ||\n    (xlUp && matchesXlUp) ||\n    (xsDown && matchesXsDown) ||\n    (smDown && matchesSmDown) ||\n    (mdDown && matchesMdDown) ||\n    (lgDown && matchesLgDown) ||\n    (xlDown && matchesXlDown);\n\n  return isHidden ? null : <>{children}</>;\n}\n\nexport default OwpHidden;\n"],"names":["OwpHidden","children","xsUp","smUp","mdUp","lgUp","xlUp","xsDown","smDown","mdDown","lgDown","xlDown","theme","useTheme","matchesXsUp","useMediaQuery","matchesSmUp","matchesMdUp","matchesLgUp","matchesXlUp","matchesXsDown","matchesSmDown","matchesMdDown","matchesLgDown","matchesXlDown","jsx","Fragment","__name"],"mappings":";;;;;AAqBO,SAASA,EAAU;AAAA,EACxB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AACF,GAAmB;AACjB,QAAMC,IAAQC,EAAA,GAERC,IAAcC,EAAcH,EAAM,YAAY,GAAG,IAAI,CAAC,GACtDI,IAAcD,EAAcH,EAAM,YAAY,GAAG,IAAI,CAAC,GACtDK,IAAcF,EAAcH,EAAM,YAAY,GAAG,IAAI,CAAC,GACtDM,IAAcH,EAAcH,EAAM,YAAY,GAAG,IAAI,CAAC,GACtDO,IAAcJ,EAAcH,EAAM,YAAY,GAAG,IAAI,CAAC,GACtDQ,IAAgBL,EAAcH,EAAM,YAAY,KAAK,IAAI,CAAC,GAC1DS,IAAgBN,EAAcH,EAAM,YAAY,KAAK,IAAI,CAAC,GAC1DU,IAAgBP,EAAcH,EAAM,YAAY,KAAK,IAAI,CAAC,GAC1DW,IAAgBR,EAAcH,EAAM,YAAY,KAAK,IAAI,CAAC,GAC1DY,IAAgBT,EAAcH,EAAM,YAAY,KAAK,IAAI,CAAC;AAchE,SAXGV,KAAQY,KACRX,KAAQa,KACRZ,KAAQa,KACRZ,KAAQa,KACRZ,KAAQa,KACRZ,KAAUa,KACVZ,KAAUa,KACVZ,KAAUa,KACVZ,KAAUa,KACVZ,KAAUa,IAEK,OAAO,gBAAAC,EAAAC,GAAA,EAAG,UAAAzB,EAAA,CAAS;AACvC;AAvCgB0B,EAAA3B,GAAA;"}

package/dist/components/OwpLanguageSwitcherSelect/OwpLanguageSwitcherSelect.js

@@ -0,0 +1,42 @@
+var p = Object.defineProperty;
+var a = (t, n) => p(t, "name", { value: n, configurable: !0 });
+import { jsxs as f, jsx as r } 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 { useGetCurrentLanguage as w, useSetCurrentLanguage as v, useGetLanguageList as C } from "../../hooks/useCurrentLanguage.js";
+import { useOwpTranslation as x } from "../../hooks/useOwpTranslation.js";
+import { FormControl as I, InputLabel as S } from "@mui/material";
+import b from "@mui/material/MenuItem";
+import j from "@mui/material/Select";
+import { useNavigate as G } from "react-router-dom";
+function k({
+  label: t,
+  fullWidth: n,
+  canRefresh: l,
+  ...o
+}) {
+  const s = w(), c = v(), i = C(), u = G(), { i18n: d } = x(), m = /* @__PURE__ */ a((e) => {
+    const g = e.target.value, h = i.find((L) => L.id === g);
+    c(h), d.changeLanguage(g), l && u(0);
+  }, "handleLanguageChange");
+  return /* @__PURE__ */ f(I, { fullWidth: !0, children: [
+    /* @__PURE__ */ r(S, { id: "lang-switcher-select-label", children: t }),
+    /* @__PURE__ */ r(
+      j,
+      {
+        labelId: "lang-switcher-select-label",
+        id: "lang-switcher-select",
+        variant: "standard",
+        ...o,
+        fullWidth: n,
+        value: s.id,
+        label: t,
+        onChange: m,
+        children: i.map((e) => /* @__PURE__ */ r(b, { value: e.id, children: e.title }, `lang-switcher-item-${e.id}`))
+      }
+    )
+  ] });
+}
+a(k, "OwpLanguageSwitcherSelect");
+export {
+  k as OwpLanguageSwitcherSelect
+};
+//# sourceMappingURL=OwpLanguageSwitcherSelect.js.map

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

@@ -0,0 +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;"}

package/dist/components/OwpLayout/OwpLayout.js

@@ -0,0 +1,48 @@
+var v = Object.defineProperty;
+var g = (s, o) => v(s, "name", { value: o, configurable: !0 });
+import { jsx as I } 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 { themeLayouts as R } from "../../layout/themeLayouts.js";
+import { useOwpAppContext as z } from "../../contexts/OwpAppProvider.js";
+import { generateSettings as C } from "../../configs/defaultConfig.js";
+import { useOwpTranslation as P } from "../../hooks/useOwpTranslation.js";
+import { useAppDispatch as x, useAppSelector as L } from "../../hooks/useAppStore.js";
+import { selectOwpCurrentSettings as A, selectOwpDefaultSettings as j, setSettings as B } from "../../store/owpSettingsSlice.js";
+import { useRef as D, useMemo as f, useEffect as h } from "react";
+import { useLocation as E, matchRoutes as F } from "react-router-dom";
+import { isEqual as M } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { merge as T } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/merge.js";
+import { OwpLoading as b } from "../OwpLoading/OwpLoading.js";
+function $(s) {
+  var y;
+  const { routesConfig: o } = z(), { i18n: r } = P(), { layouts: l = R, children: u } = s, a = x(), t = L(A), i = L(j), m = (y = t == null ? void 0 : t.layout) == null ? void 0 : y.style, e = E(), { pathname: p } = e, S = D(!1), d = f(
+    () => k(o, p, "settings", !0),
+    [p, o]
+  ), c = f(() => d === void 0 ? i : C(i, d), [i, d]), n = f(
+    () => t === c || M(c, t),
+    [c, t]
+  );
+  return h(() => {
+    n || a(B(c));
+  }, [c, a, n]), h(() => {
+    window.scrollTo(0, 0);
+  }, [p]), h(() => {
+    n && r.isInitialized && (S.current = !0);
+  }, [r.isInitialized, n]), f(() => !r.isInitialized || !n && !S.current ? /* @__PURE__ */ I(b, {}) : Object.entries(l).map(([w, O]) => w === m ? /* @__PURE__ */ I(O, { children: u }, w) : null), [u, r.isInitialized, n, m, l]);
+}
+g($, "OwpLayout");
+function k(s, o, r, l = !0) {
+  const u = F(s, o);
+  if (!u)
+    return;
+  let a = !1;
+  const t = u.reduce((i, m) => {
+    const e = m.route[r];
+    return e === void 0 ? i : (a = !0, !l || e === null ? e : T(i ?? {}, e));
+  }, void 0);
+  return a ? t : void 0;
+}
+g(k, "getRouteParamUtil");
+export {
+  $ as OwpLayout
+};
+//# sourceMappingURL=OwpLayout.js.map

package/dist/components/OwpLayout/OwpLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpLayout.js","sources":["../../../src/components/OwpLayout/OwpLayout.tsx"],"sourcesContent":["import { themeLayouts, themeLayoutsType } from '@/layout/themeLayouts';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport { generateSettings } from '@/configs/defaultConfig';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useAppDispatch, useAppSelector } from '@/hooks/useAppStore';\nimport {\n  selectOwpCurrentSettings,\n  selectOwpDefaultSettings,\n  setSettings,\n} from '@/store/owpSettingsSlice';\nimport type { OwpSettingsConfigType } from '@/types/OwpSettingsTypes';\nimport { OwpRoutesType } from '@/utils/common/OwpUtils';\nimport { isEqual, merge } from 'es-toolkit/compat';\nimport { type ReactNode, useEffect, useMemo, useRef } from 'react';\nimport { matchRoutes, RouteMatch, RouteObject, useLocation } from 'react-router-dom';\nimport { OwpLoading } from '../OwpLoading';\n\nexport type OwpRouteObjectType = RouteObject & {\n  settings?: OwpSettingsConfigType;\n  auth?: string[] | [] | null | undefined;\n};\n\nexport type OwpRouteMatchType = RouteMatch & {\n  route: OwpRouteObjectType;\n};\n\ntype OwpLayoutProps = {\n  layouts?: themeLayoutsType;\n  children?: ReactNode;\n};\n\n/**\n * OwpLayout\n * React frontend component in a React project that is used for layouting the user interface. The component\n * handles generating user interface settings related to current routes, merged with default settings, and uses\n * the new settings to generate layouts.\n */\nfunction OwpLayout(props: OwpLayoutProps) {\n  const { routesConfig } = useOwpAppContext();\n  const { i18n } = useOwpTranslation();\n\n  const { layouts = themeLayouts, children } = props;\n  const dispatch = useAppDispatch();\n  const settings = useAppSelector(selectOwpCurrentSettings);\n  const defaultSettings = useAppSelector(selectOwpDefaultSettings);\n\n  const layoutStyle = settings?.layout?.style;\n  const location = useLocation();\n  const { pathname } = location;\n  const hasCompletedInitialLayoutSyncRef = useRef(false);\n\n  const matchedSettings = useMemo(\n    () => getRouteParamUtil(routesConfig, pathname, 'settings', true),\n    [pathname, routesConfig],\n  );\n  const currentSettings = useMemo(() => {\n    if (matchedSettings === undefined) {\n      return defaultSettings;\n    }\n\n    return generateSettings(defaultSettings, matchedSettings);\n  }, [defaultSettings, matchedSettings]);\n  const isSettingsSynchronized = useMemo(\n    () => settings === currentSettings || isEqual(currentSettings, settings),\n    [currentSettings, settings],\n  );\n\n  useEffect(() => {\n    if (isSettingsSynchronized) {\n      return;\n    }\n\n    dispatch(setSettings(currentSettings));\n  }, [currentSettings, dispatch, isSettingsSynchronized]);\n\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, [pathname]);\n\n  useEffect(() => {\n    if (isSettingsSynchronized && i18n.isInitialized) {\n      hasCompletedInitialLayoutSyncRef.current = true;\n    }\n  }, [i18n.isInitialized, isSettingsSynchronized]);\n\n  return useMemo(() => {\n    const shouldBlockForInitialLoading =\n      !i18n.isInitialized ||\n      (!isSettingsSynchronized && !hasCompletedInitialLayoutSyncRef.current);\n\n    if (shouldBlockForInitialLoading) {\n      return <OwpLoading />;\n    }\n\n    return Object.entries(layouts).map(([key, Layout]) => {\n      if (key === layoutStyle) {\n        return <Layout key={key}>{children}</Layout>;\n      }\n\n      return null;\n    });\n  }, [children, i18n.isInitialized, isSettingsSynchronized, layoutStyle, layouts]);\n}\n\nexport { OwpLayout };\n\n/**\n * Utility function to retrieve and merge or replace a specific route parameter from matched routes.\n *\n * @param pathname The current pathname\n * @param key The key of the parameter to merge or replace (e.g., 'settings', 'auth')\n * @param useMerge Whether to merge the parameter (using es-toolkit merge) or replace it\n * @returns The merged or replaced parameter data of type T\n */\nfunction getRouteParamUtil<T>(\n  routes: OwpRoutesType,\n  pathname: string,\n  key: keyof OwpRouteObjectType,\n  useMerge: boolean = true,\n): T | undefined {\n  const matchedRoutes = matchRoutes(routes, pathname) as OwpRouteMatchType[] | null;\n\n  if (!matchedRoutes) {\n    return undefined;\n  }\n\n  let hasMatchedParam = false;\n\n  const resolvedRouteParam = matchedRoutes.reduce<T | undefined>((acc, match) => {\n    const routeParam = match.route[key] as T | undefined;\n\n    if (routeParam === undefined) {\n      return acc;\n    }\n\n    hasMatchedParam = true;\n\n    if (!useMerge) {\n      return routeParam;\n    }\n\n    if (routeParam === null) {\n      return routeParam;\n    }\n\n    return merge(acc ?? {}, routeParam);\n  }, undefined);\n\n  return hasMatchedParam ? resolvedRouteParam : undefined;\n}\n"],"names":["OwpLayout","props","routesConfig","useOwpAppContext","i18n","useOwpTranslation","layouts","themeLayouts","children","dispatch","useAppDispatch","settings","useAppSelector","selectOwpCurrentSettings","defaultSettings","selectOwpDefaultSettings","layoutStyle","_a","location","useLocation","pathname","hasCompletedInitialLayoutSyncRef","useRef","matchedSettings","useMemo","getRouteParamUtil","currentSettings","generateSettings","isSettingsSynchronized","isEqual","useEffect","setSettings","OwpLoading","key","Layout","jsx","__name","routes","useMerge","matchedRoutes","matchRoutes","hasMatchedParam","resolvedRouteParam","acc","match","routeParam","merge"],"mappings":";;;;;;;;;;;;;;AAqCA,SAASA,EAAUC,GAAuB;;AACxC,QAAM,EAAE,cAAAC,EAAA,IAAiBC,EAAA,GACnB,EAAE,MAAAC,EAAA,IAASC,EAAA,GAEX,EAAE,SAAAC,IAAUC,GAAc,UAAAC,EAAA,IAAaP,GACvCQ,IAAWC,EAAA,GACXC,IAAWC,EAAeC,CAAwB,GAClDC,IAAkBF,EAAeG,CAAwB,GAEzDC,KAAcC,IAAAN,KAAA,gBAAAA,EAAU,WAAV,gBAAAM,EAAkB,OAChCC,IAAWC,EAAA,GACX,EAAE,UAAAC,MAAaF,GACfG,IAAmCC,EAAO,EAAK,GAE/CC,IAAkBC;AAAA,IACtB,MAAMC,EAAkBvB,GAAckB,GAAU,YAAY,EAAI;AAAA,IAChE,CAACA,GAAUlB,CAAY;AAAA,EAAA,GAEnBwB,IAAkBF,EAAQ,MAC1BD,MAAoB,SACfT,IAGFa,EAAiBb,GAAiBS,CAAe,GACvD,CAACT,GAAiBS,CAAe,CAAC,GAC/BK,IAAyBJ;AAAA,IAC7B,MAAMb,MAAae,KAAmBG,EAAQH,GAAiBf,CAAQ;AAAA,IACvE,CAACe,GAAiBf,CAAQ;AAAA,EAAA;AAG5B,SAAAmB,EAAU,MAAM;AACd,IAAIF,KAIJnB,EAASsB,EAAYL,CAAe,CAAC;AAAA,EACvC,GAAG,CAACA,GAAiBjB,GAAUmB,CAAsB,CAAC,GAEtDE,EAAU,MAAM;AACd,WAAO,SAAS,GAAG,CAAC;AAAA,EACtB,GAAG,CAACV,CAAQ,CAAC,GAEbU,EAAU,MAAM;AACd,IAAIF,KAA0BxB,EAAK,kBACjCiB,EAAiC,UAAU;AAAA,EAE/C,GAAG,CAACjB,EAAK,eAAewB,CAAsB,CAAC,GAExCJ,EAAQ,MAEX,CAACpB,EAAK,iBACL,CAACwB,KAA0B,CAACP,EAAiC,4BAGtDW,GAAA,EAAW,IAGd,OAAO,QAAQ1B,CAAO,EAAE,IAAI,CAAC,CAAC2B,GAAKC,CAAM,MAC1CD,MAAQjB,IACH,gBAAAmB,EAACD,GAAA,EAAkB,UAAA1B,EAAA,GAANyB,CAAe,IAG9B,IACR,GACA,CAACzB,GAAUJ,EAAK,eAAewB,GAAwBZ,GAAaV,CAAO,CAAC;AACjF;AAjES8B,EAAApC,GAAA;AA6ET,SAASyB,EACPY,GACAjB,GACAa,GACAK,IAAoB,IACL;AACf,QAAMC,IAAgBC,EAAYH,GAAQjB,CAAQ;AAElD,MAAI,CAACmB;AACH;AAGF,MAAIE,IAAkB;AAEtB,QAAMC,IAAqBH,EAAc,OAAsB,CAACI,GAAKC,MAAU;AAC7E,UAAMC,IAAaD,EAAM,MAAMX,CAAG;AAElC,WAAIY,MAAe,SACVF,KAGTF,IAAkB,IAEd,CAACH,KAIDO,MAAe,OACVA,IAGFC,EAAMH,KAAO,CAAA,GAAIE,CAAU;AAAA,EACpC,GAAG,MAAS;AAEZ,SAAOJ,IAAkBC,IAAqB;AAChD;AAnCSN,EAAAX,GAAA;"}

package/dist/components/OwpLoading/OwpLoading.js

@@ -0,0 +1,38 @@
+var n = Object.defineProperty;
+var i = (r, o) => n(r, "name", { value: o, configurable: !0 });
+import { jsx as e } 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 { useTimeout as l } from "../../hooks/useTimeout.js";
+import d from "@mui/material/Box";
+import c from "@mui/material/LinearProgress";
+import { clsx as f } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useState as a } from "react";
+function b(r) {
+  const { delay: o = 0, className: t } = r, [s, m] = a(!o);
+  return l(() => {
+    m(!0);
+  }, o), /* @__PURE__ */ e(
+    "div",
+    {
+      className: f(
+        t,
+        "box-border flex h-full min-h-0 w-full flex-1 flex-col items-center justify-center p-24",
+        s ? "" : "hidden"
+      ),
+      children: /* @__PURE__ */ e(d, { sx: { width: "40%" }, children: /* @__PURE__ */ e(
+        c,
+        {
+          color: "secondary",
+          sx: {
+            height: "4px",
+            borderRadius: "999px"
+          }
+        }
+      ) })
+    }
+  );
+}
+i(b, "OwpLoading");
+export {
+  b as OwpLoading
+};
+//# sourceMappingURL=OwpLoading.js.map

package/dist/components/OwpLoading/OwpLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpLoading.js","sources":["../../../src/components/OwpLoading/OwpLoading.tsx"],"sourcesContent":["import { useTimeout } from '@/hooks/useTimeout';\nimport Box from '@mui/material/Box';\nimport LinearProgress from '@mui/material/LinearProgress';\nimport clsx from 'clsx';\nimport { useState } from 'react';\n\nexport type OwpLoadingProps = {\n  delay?: number;\n  className?: string;\n};\n\n/**\n * Centered loading indicator with optional delay\n */\nfunction OwpLoading(props: OwpLoadingProps) {\n  const { delay = 0, className } = props;\n  const [showLoading, setShowLoading] = useState(!delay);\n\n  useTimeout(() => {\n    setShowLoading(true);\n  }, delay);\n\n  return (\n    <div\n      className={clsx(\n        className,\n        'box-border flex h-full min-h-0 w-full flex-1 flex-col items-center justify-center p-24',\n        !showLoading ? 'hidden' : '',\n      )}\n    >\n      <Box sx={{ width: '40%' }}>\n        <LinearProgress\n          color=\"secondary\"\n          sx={{\n            height: '4px',\n            borderRadius: '999px',\n          }}\n        />\n      </Box>\n    </div>\n  );\n}\n\nexport { OwpLoading };\n"],"names":["OwpLoading","props","delay","className","showLoading","setShowLoading","useState","useTimeout","jsx","clsx","Box","LinearProgress","__name"],"mappings":";;;;;;;;AAcA,SAASA,EAAWC,GAAwB;AAC1C,QAAM,EAAE,OAAAC,IAAQ,GAAG,WAAAC,EAAA,IAAcF,GAC3B,CAACG,GAAaC,CAAc,IAAIC,EAAS,CAACJ,CAAK;AAErD,SAAAK,EAAW,MAAM;AACf,IAAAF,EAAe,EAAI;AAAA,EACrB,GAAGH,CAAK,GAGN,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTN;AAAA,QACA;AAAA,QACCC,IAAyB,KAAX;AAAA,MAAW;AAAA,MAG5B,4BAACM,GAAA,EAAI,IAAI,EAAE,OAAO,SAChB,UAAA,gBAAAF;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,IAAI;AAAA,YACF,QAAQ;AAAA,YACR,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AA3BSC,EAAAZ,GAAA;"}

package/dist/components/OwpMoreActionsButton/OwpMoreActionsButton.js

@@ -0,0 +1,157 @@
+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 { 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";
+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 { uniqueId as le } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
+const se = [
+  "primary",
+  "secondary",
+  "error",
+  "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) => {
+  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(({
+  actions: r,
+  open: t,
+  defaultOpen: c = !1,
+  onOpenChange: s,
+  disabled: G,
+  className: W,
+  containerSx: F,
+  actionsSx: q
+}) => {
+  const { t: b } = O(), D = Z(), [w, R] = ee(null), x = t != null, V = x ? !!t : !!w || c, $ = re(
+    () => r.map((e) => ({ action: e, id: le("owp-more-") })),
+    [r]
+  ), d = y(
+    (e, p = null) => {
+      x || R(e ? p : null), s == null || s(e);
+    },
+    [x, s]
+  ), z = y(
+    (e) => {
+      d(!0, e.currentTarget);
+    },
+    [d]
+  ), n = y(() => {
+    d(!1, null);
+  }, [d]);
+  return /* @__PURE__ */ K(L, { children: [
+    /* @__PURE__ */ a(
+      X,
+      {
+        className: u(W),
+        disabled: G,
+        onClick: z,
+        sx: F,
+        children: /* @__PURE__ */ a(Q, {})
+      }
+    ),
+    /* @__PURE__ */ a(
+      Y,
+      {
+        anchorEl: w,
+        open: V,
+        sx: q,
+        onClose: n,
+        slotProps: {
+          list: { disablePadding: !0, sx: { p: 0 } },
+          paper: {
+            sx: {
+              p: 0,
+              mt: 0.75,
+              minWidth: 200,
+              borderRadius: 1.5,
+              boxShadow: /* @__PURE__ */ o((e) => e.shadows[8], "boxShadow")
+            }
+          }
+        },
+        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 = {
+              bgcolor: P.main,
+              color: P.contrast,
+              "&:hover": {
+                bgcolor: P.main,
+                opacity: 0.9
+              },
+              ...H > 0 ? {
+                borderTop: /* @__PURE__ */ o((i) => `1px solid ${_(i.palette.common.white, 0.35)}`, "borderTop"),
+                mt: 0
+              } : null
+            };
+            return e.type === "fileUpload" ? /* @__PURE__ */ a(
+              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",
+                role: ((A = e.fileUploadProps) == null ? void 0 : A.role) ?? "menuitem",
+                tabIndex: ((I = e.fileUploadProps) == null ? void 0 : I.tabIndex) ?? -1,
+                className: u(
+                  "min-h-40 min-w-128 justify-start rounded-none text-lg",
+                  (B = e.itemProps) == null ? void 0 : B.className,
+                  (E = e.fileUploadProps) == null ? void 0 : E.className
+                ),
+                sx: [
+                  { 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)
+                ],
+                onChange: /* @__PURE__ */ o((i) => {
+                  var l, m;
+                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onChange) == null || m.call(l, i), n();
+                }, "onChange"),
+                onCancel: /* @__PURE__ */ o((i) => {
+                  var l, m;
+                  (m = (l = e.fileUploadProps) == null ? void 0 : l.onCancel) == null || m.call(l, i), n();
+                }, "onCancel")
+              },
+              p
+            ) : e.type === "treeGridExportExcel" ? /* @__PURE__ */ a(
+              v,
+              {
+                className: u("min-h-40 min-w-128 text-lg", (k = e.itemProps) == null ? void 0 : k.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(
+              v,
+              {
+                className: u("min-h-40 min-w-128 text-lg", (j = e.itemProps) == null ? void 0 : j.className),
+                onClick: /* @__PURE__ */ o(() => {
+                  e.onClick({ close: n }), n();
+                }, "onClick"),
+                sx: [h, ...f((S = e.itemProps) == null ? void 0 : S.sx)],
+                children: e.label
+              },
+              p
+            );
+          })()
+        )
+      }
+    )
+  ] });
+}, "OwpMoreActionsButton");
+export {
+  we as OwpMoreActionsButton
+};
+//# sourceMappingURL=OwpMoreActionsButton.js.map

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

@@ -0,0 +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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"}