@owp/core 2.1.5 → 2.1.7

package/dist/components/OwpMrtTable/OwpMrtTableTopToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpMrtTableTopToolbar.js","sources":["../../../src/components/OwpMrtTable/OwpMrtTableTopToolbar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport {\n  MRT_GlobalFilterTextField,\n  MRT_LinearProgressBar,\n  MRT_RowData,\n  MRT_TableInstance,\n  MRT_TablePagination,\n  MRT_ToolbarAlertBanner,\n  MRT_ToolbarDropZone,\n  MRT_ToolbarInternalButtons,\n} from 'material-react-table';\nimport parseFromValuesOrFunc from './utils/parseFromValuesOrFunc';\n\ninterface OwpMrtTableTopToolbarProps<TData extends MRT_RowData> {\n  table: MRT_TableInstance<TData>;\n}\n\nfunction OwpMrtTableTopToolbar<TData extends MRT_RowData>({\n  table,\n}: OwpMrtTableTopToolbarProps<TData>) {\n  const {\n    getState,\n    options: {\n      enableGlobalFilter,\n      enablePagination,\n      enableToolbarInternalActions,\n      muiTopToolbarProps,\n      positionGlobalFilter,\n      positionPagination,\n      positionToolbarDropZone,\n      renderTopToolbarCustomActions,\n    },\n    refs: { topToolbarRef },\n  } = table;\n\n  const { isFullScreen, showGlobalFilter } = getState();\n\n  const isMobile = useMediaQuery('(max-width:720px)');\n  const isTablet = useMediaQuery('(max-width:1024px)');\n\n  const toolbarProps = parseFromValuesOrFunc(muiTopToolbarProps, { table });\n\n  const stackAlertBanner =\n    isMobile || !!renderTopToolbarCustomActions || (showGlobalFilter && isTablet);\n\n  const globalFilterProps = {\n    sx: !isTablet\n      ? {\n          zIndex: 2,\n        }\n      : undefined,\n    table,\n  };\n\n  return (\n    <div className=\"flex flex-col w-full py-4 px-12 border-b-1\">\n      <Box\n        className=\"flex flex-col w-full items-center\"\n        {...toolbarProps}\n        ref={(ref: HTMLDivElement) => {\n          // eslint-disable-next-line\n          // @ts-ignore\n          topToolbarRef.current = ref;\n\n          if (toolbarProps?.ref) {\n            // eslint-disable-next-line\n            // @ts-ignore\n            toolbarProps.ref.current = ref;\n          }\n        }}\n        sx={[\n          (theme) => ({\n            backgroundColor: table.options.mrtTheme.baseBackgroundColor,\n            transition: 'all 150ms ease-in-out',\n            zIndex: 1,\n            ...(parseFromValuesOrFunc(toolbarProps?.sx, theme) as unknown as object),\n          }),\n          isFullScreen\n            ? {\n                position: 'sticky',\n              }\n            : {\n                position: 'relative',\n              },\n          isFullScreen\n            ? {\n                top: '0',\n              }\n            : {\n                top: null,\n              },\n        ]}\n      >\n        {['both', 'top'].includes(positionToolbarDropZone ?? '') && (\n          <MRT_ToolbarDropZone table={table} />\n        )}\n\n        <div className=\"flex w-full items-center\">\n          {enableGlobalFilter && positionGlobalFilter === 'left' && (\n            <MRT_GlobalFilterTextField {...globalFilterProps} />\n          )}\n\n          <div className=\"flex flex-1\">{renderTopToolbarCustomActions?.({ table }) ?? null}</div>\n\n          {enableToolbarInternalActions ? (\n            <Box className=\"flex items-center space-x-8\">\n              {enableGlobalFilter && positionGlobalFilter === 'right' && (\n                <MRT_GlobalFilterTextField\n                  {...globalFilterProps}\n                  sx={{\n                    '& .MuiOutlinedInput-root': { height: 32, minHeight: 32, paddingX: 1 },\n                  }}\n                />\n              )}\n              <MRT_ToolbarInternalButtons table={table} />\n            </Box>\n          ) : (\n            enableGlobalFilter &&\n            positionGlobalFilter === 'right' && <MRT_GlobalFilterTextField {...globalFilterProps} />\n          )}\n        </div>\n        {enablePagination && ['both', 'top'].includes(positionPagination ?? '') && (\n          <MRT_TablePagination position=\"top\" table={table} />\n        )}\n        <MRT_LinearProgressBar isTopToolbar table={table} />\n      </Box>\n      <MRT_ToolbarAlertBanner\n        className=\"mt-4 rounded-md flex justify-center\"\n        stackAlertBanner={stackAlertBanner}\n        table={table}\n        sx={{\n          '& .MuiStack-root': {\n            display: 'flex',\n            justifyContent: 'center',\n            width: '100%',\n            fontSize: 13,\n          },\n        }}\n      />\n    </div>\n  );\n}\n\nexport default OwpMrtTableTopToolbar;\n"],"names":["OwpMrtTableTopToolbar","table","getState","enableGlobalFilter","enablePagination","enableToolbarInternalActions","muiTopToolbarProps","positionGlobalFilter","positionPagination","positionToolbarDropZone","renderTopToolbarCustomActions","topToolbarRef","isFullScreen","showGlobalFilter","isMobile","useMediaQuery","isTablet","toolbarProps","parseFromValuesOrFunc","stackAlertBanner","globalFilterProps","jsxs","Box","__name","ref","theme","jsx","MRT_ToolbarDropZone","MRT_GlobalFilterTextField","MRT_ToolbarInternalButtons","MRT_TablePagination","MRT_LinearProgressBar","MRT_ToolbarAlertBanner"],"mappings":"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"}

package/dist/components/OwpMrtTable/utils/parseFromValuesOrFunc.js

@@ -0,0 +1,7 @@
+var s = Object.defineProperty;
+var o = (a, e) => s(a, "name", { value: e, configurable: !0 });
+const c = /* @__PURE__ */ o((a, e) => a instanceof Function ? a(e) : a, "parseFromValuesOrFunc");
+export {
+  c as default
+};
+//# sourceMappingURL=parseFromValuesOrFunc.js.map

package/dist/components/OwpMrtTable/utils/parseFromValuesOrFunc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseFromValuesOrFunc.js","sources":["../../../../src/components/OwpMrtTable/utils/parseFromValuesOrFunc.ts"],"sourcesContent":["import { DropdownOption } from 'material-react-table';\n\nconst parseFromValuesOrFunc = <T, U>(fn: ((arg: U) => T) | T | undefined, arg: U): T | undefined =>\n  fn instanceof Function ? fn(arg) : fn;\n\n/**\n * getValueAndLabel 조회 함수\n * @param option option 값\n */\nexport const getValueAndLabel = (option?: DropdownOption): { label: string; value: string } => {\n  let label = '';\n  let value = '';\n\n  if (option) {\n    if (typeof option !== 'object') {\n      label = option;\n      value = option;\n    } else {\n      const textOption = option as DropdownOption & { text?: string };\n\n      label = (option.label ?? textOption.text ?? option.value) as string;\n      value = (option.value ?? label) as string;\n    }\n  }\n\n  return { label, value };\n};\n\nexport default parseFromValuesOrFunc;\n"],"names":["parseFromValuesOrFunc","__name","fn","arg"],"mappings":";;AAEA,MAAMA,IAAwB,gBAAAC,EAAA,CAAOC,GAAqCC,MACxED,aAAc,WAAWA,EAAGC,CAAG,IAAID,GADP;"}

package/dist/components/OwpNavLinkAdapter/OwpNavLinkAdapter.js

@@ -0,0 +1,37 @@
+var m = Object.defineProperty;
+var s = (e, t) => m(e, "name", { value: t, configurable: !0 });
+import { jsx as p } 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 { forwardRef as v } from "react";
+import { NavLink as u } from "react-router-dom";
+const N = /* @__PURE__ */ s((e, t) => (a) => [typeof e == "function" ? e(a) : e, a.isActive ? t : null].filter(Boolean).join(" "), "resolveClassName"), y = /* @__PURE__ */ s((e, t) => (a) => ({
+  ...typeof e == "function" ? e(a) : e,
+  ...a.isActive ? t : null
+}), "resolveStyle"), b = v((e, t) => {
+  const {
+    activeClassName: a = "active",
+    activeStyle: o,
+    role: l = "button",
+    className: n,
+    style: i,
+    children: r,
+    onClick: c,
+    ...f
+  } = e;
+  return /* @__PURE__ */ p(
+    u,
+    {
+      ref: t,
+      role: l,
+      ...f,
+      onClick: c,
+      className: N(n, a),
+      style: y(i, o),
+      children: r
+    }
+  );
+});
+b.displayName = "OwpNavLinkAdapter";
+export {
+  b as default
+};
+//# sourceMappingURL=OwpNavLinkAdapter.js.map

package/dist/components/OwpNavLinkAdapter/OwpNavLinkAdapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpNavLinkAdapter.js","sources":["../../../src/components/OwpNavLinkAdapter/OwpNavLinkAdapter.tsx"],"sourcesContent":["import { CSSProperties, forwardRef, ReactNode } from 'react';\nimport { NavLink, NavLinkProps } from 'react-router-dom';\n\nexport type OwpNavLinkAdapterProps = NavLinkProps & {\n  activeClassName?: string;\n  activeStyle?: CSSProperties;\n  children?: ReactNode;\n};\n\ntype NavLinkRenderProps = Parameters<\n  Exclude<NonNullable<NavLinkProps['className']>, string>\n>[0];\n\n/**\n * 활성 상태 포함 className 계산\n * @param className 원본 className\n * @param activeClassName 활성 className\n */\nconst resolveClassName =\n  (className: NavLinkProps['className'], activeClassName: string) =>\n  (renderProps: NavLinkRenderProps) => {\n    const baseClassName =\n      typeof className === 'function' ? className(renderProps) : className;\n\n    return [baseClassName, renderProps.isActive ? activeClassName : null].filter(Boolean).join(' ');\n  };\n\n/**\n * 활성 상태 포함 style 계산\n * @param style 원본 style\n * @param activeStyle 활성 style\n */\nconst resolveStyle =\n  (style: NavLinkProps['style'], activeStyle?: CSSProperties) =>\n  (renderProps: NavLinkRenderProps) => {\n    const baseStyle = typeof style === 'function' ? style(renderProps) : style;\n\n    return {\n      ...baseStyle,\n      ...(renderProps.isActive ? activeStyle : null),\n    };\n  };\n\n/**\n * OwpNavLinkAdapter 네비게이션 링크 어댑터 컴포넌트\n */\nconst OwpNavLinkAdapter = forwardRef<HTMLAnchorElement, OwpNavLinkAdapterProps>((props, ref) => {\n  const {\n    activeClassName = 'active',\n    activeStyle,\n    role = 'button',\n    className,\n    style,\n    children,\n    onClick,\n    ...restProps\n  } = props;\n\n  return (\n    <NavLink\n      ref={ref}\n      role={role}\n      {...restProps}\n      onClick={onClick}\n      className={resolveClassName(className, activeClassName)}\n      style={resolveStyle(style, activeStyle)}\n    >\n      {children}\n    </NavLink>\n  );\n});\n\nOwpNavLinkAdapter.displayName = 'OwpNavLinkAdapter';\n\nexport default OwpNavLinkAdapter;\n"],"names":["resolveClassName","__name","className","activeClassName","renderProps","resolveStyle","style","activeStyle","OwpNavLinkAdapter","forwardRef","props","ref","role","children","onClick","restProps","jsx","NavLink"],"mappings":";;;;;AAkBA,MAAMA,IACJ,gBAAAC,EAAA,CAACC,GAAsCC,MACvC,CAACC,MAIQ,CAFL,OAAOF,KAAc,aAAaA,EAAUE,CAAW,IAAIF,GAEtCE,EAAY,WAAWD,IAAkB,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GALhG,qBAaIE,IACJ,gBAAAJ,EAAA,CAACK,GAA8BC,MAC/B,CAACH,OAGQ;AAAA,EACL,GAHgB,OAAOE,KAAU,aAAaA,EAAMF,CAAW,IAAIE;AAAA,EAInE,GAAIF,EAAY,WAAWG,IAAc;AAAA,IAN7C,iBAaIC,IAAoBC,EAAsD,CAACC,GAAOC,MAAQ;AAC9F,QAAM;AAAA,IACJ,iBAAAR,IAAkB;AAAA,IAClB,aAAAI;AAAA,IACA,MAAAK,IAAO;AAAA,IACP,WAAAV;AAAA,IACA,OAAAI;AAAA,IACA,UAAAO;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDL;AAEJ,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,MAAAC;AAAA,MACC,GAAGG;AAAA,MACJ,SAAAD;AAAA,MACA,WAAWd,EAAiBE,GAAWC,CAAe;AAAA,MACtD,OAAOE,EAAaC,GAAOC,CAAW;AAAA,MAErC,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AAEDL,EAAkB,cAAc;"}

package/dist/components/OwpNumberField/OwpNumberField.js

@@ -0,0 +1,28 @@
+var o = Object.defineProperty;
+var e = (r, t) => o(r, "name", { value: t, configurable: !0 });
+import { jsx as u } 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 { TextField as i } from "@mui/material";
+import { clsx as p } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { NumericFormat as c } from "../../node_modules/.pnpm/react-number-format@5.4.4_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-number-format/dist/react-number-format.es.js";
+const l = /* @__PURE__ */ e(({
+  className: r,
+  inputAlign: t,
+  ...m
+}) => /* @__PURE__ */ u(
+  c,
+  {
+    ...m,
+    className: p(r, {
+      "[&_input]:text-left": t === "left",
+      "[&_input]:text-center": t === "center",
+      "[&_input]:text-right": t === "right"
+    }),
+    customInput: i,
+    thousandSeparator: !0,
+    valueIsNumericString: !0
+  }
+), "OwpNumberField");
+export {
+  l as OwpNumberField
+};
+//# sourceMappingURL=OwpNumberField.js.map

package/dist/components/OwpNumberField/OwpNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpNumberField.js","sources":["../../../src/components/OwpNumberField/OwpNumberField.tsx"],"sourcesContent":["import { TextField, TextFieldProps } from '@mui/material';\nimport clsx from 'clsx';\nimport { ComponentProps } from 'react';\nimport { NumericFormat } from 'react-number-format';\n\n/**\n * OwpNumberField 컴포넌트\n * @param className CSS 클래스명\n * @param inputAlign inputAlign 값\n */\nconst OwpNumberField = ({\n  className,\n  inputAlign,\n  ...props\n}: ComponentProps<\n  typeof NumericFormat<TextFieldProps & { inputAlign?: 'left' | 'center' | 'right' }>\n>) => {\n  return (\n    <NumericFormat\n      {...props}\n      className={clsx(className, {\n        '[&_input]:text-left': inputAlign === 'left',\n        '[&_input]:text-center': inputAlign === 'center',\n        '[&_input]:text-right': inputAlign === 'right',\n      })}\n      customInput={TextField}\n      thousandSeparator\n      valueIsNumericString\n    />\n  );\n};\n\nexport { OwpNumberField };\n"],"names":["OwpNumberField","__name","className","inputAlign","props","jsx","NumericFormat","clsx","TextField"],"mappings":";;;;;;AAUA,MAAMA,IAAiB,gBAAAC,EAAA,CAAC;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAII,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,WAAWG,EAAKL,GAAW;AAAA,MACzB,uBAAuBC,MAAe;AAAA,MACtC,yBAAyBA,MAAe;AAAA,MACxC,wBAAwBA,MAAe;AAAA,IAAA,CACxC;AAAA,IACD,aAAaK;AAAA,IACb,mBAAiB;AAAA,IACjB,sBAAoB;AAAA,EAAA;AAAA,GAjBH;"}

package/dist/components/OwpOptionSelector/OwpOptionSelector.js

@@ -0,0 +1,44 @@
+var I = Object.defineProperty;
+var p = (r, n) => I(r, "name", { value: n, configurable: !0 });
+import { jsxs as d, jsx as o } 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 { Select as b, MenuItem as c, FormControl as j, InputLabel as y, FormHelperText as C } from "@mui/material";
+import { clsx as F } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useId as S } from "react";
+const N = /* @__PURE__ */ p(({
+  label: r,
+  required: n,
+  fullWidth: s,
+  defaultValue: i,
+  disableAllValueItem: e,
+  error: u,
+  helperText: l,
+  options: h,
+  className: v,
+  ...t
+}) => {
+  const { t: w } = O(), m = `owp-option-selector-label-${S()}`;
+  return /* @__PURE__ */ d(j, { fullWidth: s, required: n, error: u, variant: "standard", children: [
+    r ? /* @__PURE__ */ o(y, { shrink: !0, id: m, children: r }) : null,
+    /* @__PURE__ */ d(
+      b,
+      {
+        displayEmpty: !0,
+        variant: "standard",
+        ...t,
+        className: F("min-w-128", v),
+        labelId: r ? m : void 0,
+        value: e ? t.value ?? i : t.value ?? i ?? "",
+        children: [
+          !e && /* @__PURE__ */ o(c, { value: "", children: w("Common.전체") }),
+          h.map(({ value: a, label: f, disabled: x }) => /* @__PURE__ */ o(c, { value: a, disabled: x, children: f }, `owp-option-selector-item-${a}`))
+        ]
+      }
+    ),
+    l ? /* @__PURE__ */ o(C, { children: l }) : null
+  ] });
+}, "OwpOptionSelector");
+export {
+  N as OwpOptionSelector
+};
+//# sourceMappingURL=OwpOptionSelector.js.map

package/dist/components/OwpOptionSelector/OwpOptionSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpOptionSelector.js","sources":["../../../src/components/OwpOptionSelector/OwpOptionSelector.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport {\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  MenuItem,\n  Select,\n  type SelectProps,\n} from '@mui/material';\nimport clsx from 'clsx';\nimport { type ReactNode, useId } from 'react';\n\nexport interface OwpOptionSelectorOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\n\nexport interface OwpOptionSelectorProps extends Omit<SelectProps<string>, 'label' | 'variant'> {\n  label?: string;\n  disableAllValueItem?: boolean;\n  helperText?: string;\n  options: OwpOptionSelectorOption[];\n}\n\n/**\n * 단일 선택 옵션 Select\n * @param label 입력 라벨\n * @param disableAllValueItem 전체 옵션 노출 여부\n * @param helperText 하단 안내 문구\n * @param options 선택 옵션 목록\n */\nconst OwpOptionSelector = ({\n  label,\n  required,\n  fullWidth,\n  defaultValue,\n  disableAllValueItem,\n  error,\n  helperText,\n  options,\n  className,\n  ...selectProps\n}: OwpOptionSelectorProps) => {\n  const { t } = useOwpTranslation();\n  const labelId = `owp-option-selector-label-${useId()}`;\n\n  return (\n    <FormControl fullWidth={fullWidth} required={required} error={error} variant=\"standard\">\n      {label ? (\n        <InputLabel shrink id={labelId}>\n          {label}\n        </InputLabel>\n      ) : null}\n      <Select\n        displayEmpty\n        variant=\"standard\"\n        {...selectProps}\n        className={clsx('min-w-128', className)}\n        labelId={label ? labelId : undefined}\n        value={\n          disableAllValueItem\n            ? (selectProps.value ?? defaultValue)\n            : (selectProps.value ?? defaultValue ?? '')\n        }\n      >\n        {!disableAllValueItem && <MenuItem value=\"\">{t('Common.전체')}</MenuItem>}\n        {options.map(({ value, label: optionLabel, disabled }) => (\n          <MenuItem key={`owp-option-selector-item-${value}`} value={value} disabled={disabled}>\n            {optionLabel}\n          </MenuItem>\n        ))}\n      </Select>\n      {helperText ? <FormHelperText>{helperText}</FormHelperText> : null}\n    </FormControl>\n  );\n};\n\nexport { OwpOptionSelector };\n"],"names":["OwpOptionSelector","__name","label","required","fullWidth","defaultValue","disableAllValueItem","error","helperText","options","className","selectProps","t","useOwpTranslation","labelId","useId","FormControl","InputLabel","jsxs","Select","clsx","jsx","MenuItem","value","optionLabel","disabled","FormHelperText"],"mappings":";;;;;;;AAgCA,MAAMA,IAAoB,gBAAAC,EAAA,CAAC;AAAA,EACzB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AAC5B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAU,6BAA6BC,EAAA,CAAO;AAEpD,2BACGC,GAAA,EAAY,WAAAZ,GAAsB,UAAAD,GAAoB,OAAAI,GAAc,SAAQ,YAC1E,UAAA;AAAA,IAAAL,sBACEe,GAAA,EAAW,QAAM,IAAC,IAAIH,GACpB,aACH,IACE;AAAA,IACJ,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,cAAY;AAAA,QACZ,SAAQ;AAAA,QACP,GAAGR;AAAA,QACJ,WAAWS,EAAK,aAAaV,CAAS;AAAA,QACtC,SAASR,IAAQY,IAAU;AAAA,QAC3B,OACER,IACKK,EAAY,SAASN,IACrBM,EAAY,SAASN,KAAgB;AAAA,QAG3C,UAAA;AAAA,UAAA,CAACC,KAAuB,gBAAAe,EAACC,GAAA,EAAS,OAAM,IAAI,UAAAV,EAAE,WAAW,GAAE;AAAA,UAC3DH,EAAQ,IAAI,CAAC,EAAE,OAAAc,GAAO,OAAOC,GAAa,UAAAC,EAAA,MACzC,gBAAAJ,EAACC,KAAmD,OAAAC,GAAc,UAAAE,GAC/D,eADY,4BAA4BF,CAAK,EAEhD,CACD;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFf,IAAa,gBAAAa,EAACK,GAAA,EAAgB,UAAAlB,EAAA,CAAW,IAAoB;AAAA,EAAA,GAChE;AAEJ,GA5C0B;"}

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js

@@ -0,0 +1,87 @@
+var f = Object.defineProperty;
+var o = (a, c) => f(a, "name", { value: c, configurable: !0 });
+import { jsxs as d, jsx as n } 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 { useGetCurrentUser as h } from "../../hooks/useCurrentUser.js";
+import { useGetNavigationList as x } from "../../hooks/useNavigation.js";
+import { useOwpTranslation as g } from "../../hooks/useOwpTranslation.js";
+import { getStartPagePath as b } from "../../utils/getStartPagePath.js";
+import N 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/NavigateNext.js";
+import v from "@mui/material/Breadcrumbs";
+import y from "@mui/material/IconButton";
+import B from "@mui/material/Tooltip";
+import I from "@mui/material/Typography";
+import { alpha as P } from "@mui/material/styles";
+import { clsx as T } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useMemo as S } from "react";
+import { useMatches as k, useNavigate as w, Link as z } from "react-router-dom";
+import { OwpSvgIcon as C } from "../OwpSvgIcon/OwpSvgIcon.js";
+function M(a, c) {
+  const l = [], e = /* @__PURE__ */ o((s, i) => {
+    for (const t of s) {
+      if (l.push(t), t.url === i || t.children && t.children.length > 0 && e(t.children, i))
+        return !0;
+      l.pop();
+    }
+    return !1;
+  }, "findItem");
+  return e(a, c), l;
+}
+o(M, "findBreadcrumbPath");
+function V(a) {
+  const { className: c, ...l } = a, e = k(), s = x(), i = w(), { t } = g(), p = h(), m = S(() => {
+    var u;
+    const r = (u = e[e.length - 1]) == null ? void 0 : u.pathname;
+    return M(s ?? [], r);
+  }, [e, s]);
+  return /* @__PURE__ */ d("div", { className: "inline-flex items-center gap-12", children: [
+    /* @__PURE__ */ n(B, { title: t("Button.홈으로"), placement: "bottom", children: /* @__PURE__ */ n(
+      y,
+      {
+        sx: /* @__PURE__ */ o((r) => ({
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: P(r.palette.text.primary, 0.38),
+          color: r.palette.secondary.contrastText
+        }), "sx"),
+        onClick: /* @__PURE__ */ o(() => {
+          i(b(p), { replace: !0 });
+        }, "onClick"),
+        children: /* @__PURE__ */ n(C, { color: "inherit", size: 20, children: "heroicons-outline:home" })
+      }
+    ) }),
+    /* @__PURE__ */ n(
+      v,
+      {
+        separator: /* @__PURE__ */ n(N, { fontSize: "large" }),
+        className: T("flex items-center w-full text-3xl", c),
+        "aria-label": "breadcrumb",
+        color: "secondary.contrastText",
+        sx: {
+          "> .MuiBreadcrumbs-li": {
+            display: "inline-flex",
+            alignItems: "center"
+          }
+        },
+        ...l,
+        children: m.map(
+          (r, u) => (r == null ? void 0 : r.title) !== "" && /* @__PURE__ */ n(
+            I,
+            {
+              component: r != null && r.url ? z : "span",
+              to: r == null ? void 0 : r.url,
+              className: "flex text-4xl font-medium tracking-[0.01em] capitalize truncate",
+              role: "button",
+              children: r == null ? void 0 : r.title
+            },
+            u
+          )
+        )
+      }
+    )
+  ] });
+}
+o(V, "PageBreadcrumb");
+export {
+  V as default
+};
+//# sourceMappingURL=OwpPageBreadcrumb.js.map

package/dist/components/OwpPageBreadcrumb/OwpPageBreadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageBreadcrumb.js","sources":["../../../src/components/OwpPageBreadcrumb/OwpPageBreadcrumb.tsx"],"sourcesContent":["import { OwpSvgIcon } from '@/components/OwpSvgIcon';\nimport { useGetCurrentUser } from '@/hooks/useCurrentUser';\nimport { useGetNavigationList } from '@/hooks/useNavigation';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport type { OwpNavItemType } from '@/types/OwpNavigationTypes';\nimport { getStartPagePath } from '@/utils/getStartPagePath';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport Breadcrumbs, { BreadcrumbsProps } from '@mui/material/Breadcrumbs';\nimport IconButton from '@mui/material/IconButton';\nimport Tooltip from '@mui/material/Tooltip';\nimport Typography from '@mui/material/Typography';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport { useMemo } from 'react';\nimport { Link, useMatches, useNavigate } from 'react-router-dom';\n\nexport type PageBreadcrumbProps = BreadcrumbsProps & {\n  className?: string;\n};\n\nfunction findBreadcrumbPath(navigation: OwpNavItemType[], currentPath?: string): OwpNavItemType[] {\n  const result: OwpNavItemType[] = [];\n\n  const findItem = (items: OwpNavItemType[], path?: string): boolean => {\n    for (const item of items) {\n      \n      result.push(item);\n\n      \n      if (item.url === path) {\n        return true;\n      }\n\n      \n      if (item.children && item.children.length > 0) {\n        if (findItem(item.children, path)) {\n          return true;\n        }\n      }\n\n      \n      result.pop();\n    }\n\n    return false;\n  };\n\n  findItem(navigation, currentPath);\n  return result;\n}\n\nfunction PageBreadcrumb(props: PageBreadcrumbProps) {\n  const { className, ...rest } = props;\n  const matches = useMatches();\n\n  const navigation = useGetNavigationList();\n  const navigate = useNavigate();\n  const { t } = useOwpTranslation();\n\n  const currentUser = useGetCurrentUser();\n\n  const crumbs = useMemo(() => {\n    const currentPath = matches[matches.length - 1]?.pathname;\n    return findBreadcrumbPath(navigation ?? [], currentPath);\n  }, [matches, navigation]);\n\n  return (\n    <div className=\"inline-flex items-center gap-12\">\n      <Tooltip title={t('Button.홈으로')} placement=\"bottom\">\n        <IconButton\n          sx={(theme) => ({\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: alpha(theme.palette.text.primary, 0.38),\n            color: theme.palette.secondary.contrastText,\n          })}\n          onClick={() => {\n            navigate(getStartPagePath(currentUser), { replace: true });\n          }}\n        >\n          <OwpSvgIcon color=\"inherit\" size={20}>\n            heroicons-outline:home\n          </OwpSvgIcon>\n        </IconButton>\n      </Tooltip>\n      <Breadcrumbs\n        separator={<NavigateNextIcon fontSize=\"large\" />}\n        className={clsx('flex items-center w-full text-3xl', className)}\n        aria-label=\"breadcrumb\"\n        color=\"secondary.contrastText\"\n        sx={{\n          '> .MuiBreadcrumbs-li': {\n            display: 'inline-flex',\n            alignItems: 'center',\n          },\n        }}\n        {...rest}\n      >\n        {crumbs.map(\n          (item, index) =>\n            item?.title !== '' && (\n              <Typography\n                component={item?.url ? Link : 'span'}\n                to={item?.url}\n                key={index}\n                className=\"flex text-4xl font-medium tracking-[0.01em] capitalize truncate\"\n                role=\"button\"\n              >\n                {item?.title}\n              </Typography>\n            ),\n        )}\n      </Breadcrumbs>\n    </div>\n  );\n}\n\nexport default PageBreadcrumb;\n"],"names":["findBreadcrumbPath","navigation","currentPath","result","findItem","__name","items","path","item","PageBreadcrumb","props","className","rest","matches","useMatches","useGetNavigationList","navigate","useNavigate","useOwpTranslation","currentUser","useGetCurrentUser","crumbs","useMemo","_a","jsxs","jsx","Tooltip","IconButton","theme","alpha","getStartPagePath","OwpSvgIcon","Breadcrumbs","NavigateNextIcon","clsx","index","Typography","Link"],"mappings":";;;;;;;;;;;;;;;;;AAoBA,SAASA,EAAmBC,GAA8BC,GAAwC;AAChG,QAAMC,IAA2B,CAAA,GAE3BC,IAAW,gBAAAC,EAAA,CAACC,GAAyBC,MAA2B;AACpE,eAAWC,KAAQF,GAAO;AAUxB,UARAH,EAAO,KAAKK,CAAI,GAGZA,EAAK,QAAQD,KAKbC,EAAK,YAAYA,EAAK,SAAS,SAAS,KACtCJ,EAASI,EAAK,UAAUD,CAAI;AAC9B,eAAO;AAKX,MAAAJ,EAAO,IAAA;AAAA,IACT;AAEA,WAAO;AAAA,EACT,GAtBiB;AAwBjB,SAAAC,EAASH,GAAYC,CAAW,GACzBC;AACT;AA7BSE,EAAAL,GAAA;AA+BT,SAASS,EAAeC,GAA4B;AAClD,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF,GACzBG,IAAUC,EAAA,GAEVb,IAAac,EAAA,GACbC,IAAWC,EAAA,GACX,EAAE,EAAA,IAAMC,EAAA,GAERC,IAAcC,EAAA,GAEdC,IAASC,EAAQ,MAAM;;AAC3B,UAAMpB,KAAcqB,IAAAV,EAAQA,EAAQ,SAAS,CAAC,MAA1B,gBAAAU,EAA6B;AACjD,WAAOvB,EAAmBC,KAAc,CAAA,GAAIC,CAAW;AAAA,EACzD,GAAG,CAACW,GAASZ,CAAU,CAAC;AAExB,SACE,gBAAAuB,EAAC,OAAA,EAAI,WAAU,mCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,OAAO,EAAE,YAAY,GAAG,WAAU,UACzC,UAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,gBAAAtB,EAAA,CAACuB,OAAW;AAAA,UACd,aAAa;AAAA,UACb,aAAa;AAAA,UACb,aAAaC,EAAMD,EAAM,QAAQ,KAAK,SAAS,IAAI;AAAA,UACnD,OAAOA,EAAM,QAAQ,UAAU;AAAA,QAAA,IAJ7B;AAAA,QAMJ,SAAS,gBAAAvB,EAAA,MAAM;AACb,UAAAW,EAASc,EAAiBX,CAAW,GAAG,EAAE,SAAS,IAAM;AAAA,QAC3D,GAFS;AAAA,QAIT,4BAACY,GAAA,EAAW,OAAM,WAAU,MAAM,IAAI,UAAA,yBAAA,CAEtC;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,IACA,gBAAAN;AAAA,MAACO;AAAA,MAAA;AAAA,QACC,WAAW,gBAAAP,EAACQ,GAAA,EAAiB,UAAS,QAAA,CAAQ;AAAA,QAC9C,WAAWC,EAAK,qCAAqCvB,CAAS;AAAA,QAC9D,cAAW;AAAA,QACX,OAAM;AAAA,QACN,IAAI;AAAA,UACF,wBAAwB;AAAA,YACtB,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAS,EAAO;AAAA,UACN,CAACb,GAAM2B,OACL3B,KAAA,gBAAAA,EAAM,WAAU,MACd,gBAAAiB;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,WAAW5B,KAAA,QAAAA,EAAM,MAAM6B,IAAO;AAAA,cAC9B,IAAI7B,KAAA,gBAAAA,EAAM;AAAA,cAEV,WAAU;AAAA,cACV,MAAK;AAAA,cAEJ,UAAAA,KAAA,gBAAAA,EAAM;AAAA,YAAA;AAAA,YAJF2B;AAAA,UAAA;AAAA,QAKP;AAAA,MAEN;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;AAhES9B,EAAAI,GAAA;"}

package/dist/components/OwpPageCarded/OwpPageCarded.js

@@ -0,0 +1,268 @@
+var D = Object.defineProperty;
+var i = (e, t) => D(e, "name", { value: t, configurable: !0 });
+import { jsxs as n, jsx as r, Fragment as N } 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 I from "@mui/material/GlobalStyles";
+import { styled as x } from "@mui/material/styles";
+import { clsx as d } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { memo as z, forwardRef as L, useRef as l, useImperativeHandle as j } from "react";
+import { OwpPageCardedHeader as F } from "./OwpPageCardedHeader.js";
+import { OwpPageCardedSidebar as m } from "./OwpPageCardedSidebar.js";
+import { OwpScrollbars as V } from "../OwpScrollbars/OwpScrollbars.js";
+const w = 120, C = 64, G = x("div")(({ theme: e, ...t }) => {
+  const a = t.scroll === "content" && t.fillContentHeight;
+  return {
+    display: "flex",
+    flexDirection: "column",
+    minWidth: 0,
+    minHeight: "100%",
+    position: "relative",
+    flex: "1 1 auto",
+    width: "100%",
+    height: a ? "100%" : "auto",
+    padding: "0 16px",
+    backgroundColor: e.palette.background.default,
+    "& .OwpPageCarded-card": {
+      ...a && {
+        flex: "1 1 auto",
+        height: "auto",
+        minHeight: 0
+      }
+    },
+    "& .OwpPageCarded-wrapper": {
+      display: "flex",
+      flexDirection: "row",
+      flex: "1 1 auto",
+      zIndex: 2,
+      maxWidth: "100%",
+      minWidth: 0,
+      height: "100%",
+      backgroundColor: e.palette.background.paper,
+      ...t.scroll === "content" && {
+        position: "absolute",
+        top: 0,
+        bottom: 0,
+        right: 0,
+        left: 0,
+        overflow: "hidden"
+      },
+      ...a && {
+        minHeight: 0
+      }
+    },
+    "& .OwpPageCarded-header": {
+      display: "flex",
+      flex: "0 0 auto",
+      "& .MuiFormControl-root": {
+        minWidth: 128
+      }
+    },
+    "& .OwpPageCarded-contentWrapper": {
+      display: "flex",
+      flexDirection: "column",
+      flex: "1 1 auto",
+      overflow: "auto",
+      WebkitOverflowScrolling: "touch",
+      zIndex: 9999,
+      ...a && {
+        minHeight: 0
+      }
+    },
+    "& .OwpPageCarded-toolbar": {
+      height: C,
+      minHeight: C,
+      display: "flex",
+      alignItems: "center"
+    },
+    "& .OwpPageCarded-content": {
+      flex: "0 0 auto",
+      ...a && {
+        display: "flex",
+        flex: "1 1 auto",
+        flexDirection: "column",
+        minHeight: 0,
+        "& > .OwpPageContent-root": {
+          minHeight: 0
+        },
+        "& > .OwpPageContent-root > .OwpPageContent-body": {
+          display: "flex",
+          flex: "1 1 auto",
+          flexDirection: "column",
+          minHeight: 0
+        }
+      }
+    },
+    "& .OwpPageCarded-sidebarWrapper": {
+      overflow: "hidden",
+      backgroundColor: "transparent",
+      position: "absolute",
+      "&.permanent": {
+        [e.breakpoints.up("lg")]: {
+          position: "relative",
+          marginLeft: 0,
+          marginRight: 0,
+          transition: e.transitions.create("margin", {
+            easing: e.transitions.easing.sharp,
+            duration: e.transitions.duration.leavingScreen
+          }),
+          "&.closed": {
+            transition: e.transitions.create("margin", {
+              easing: e.transitions.easing.easeOut,
+              duration: e.transitions.duration.enteringScreen
+            }),
+            "&.OwpPageCarded-leftSidebar": {
+              marginLeft: -t.leftSidebarWidth
+            },
+            "&.OwpPageCarded-rightSidebar": {
+              marginRight: -t.rightSidebarWidth
+            }
+          }
+        }
+      }
+    },
+    "& .OwpPageCarded-sidebar": {
+      position: "absolute",
+      backgroundColor: e.palette.background.paper,
+      color: e.palette.text.primary,
+      "&.permanent": {
+        [e.breakpoints.up("lg")]: {
+          position: "relative"
+        }
+      },
+      maxWidth: "100%",
+      height: "100%"
+    },
+    "& .OwpPageCarded-leftSidebar": {
+      width: t.leftSidebarWidth,
+      [e.breakpoints.up("lg")]: {}
+    },
+    "& .OwpPageCarded-rightSidebar": {
+      width: t.rightSidebarWidth,
+      [e.breakpoints.up("lg")]: {}
+    },
+    "& .OwpPageCarded-sidebarHeader": {
+      height: w,
+      minHeight: w,
+      backgroundColor: e.palette.primary.dark,
+      color: e.palette.primary.contrastText
+    },
+    "& .OwpPageCarded-sidebarHeaderInnerSidebar": {
+      backgroundColor: "transparent",
+      color: "inherit",
+      height: "auto",
+      minHeight: "auto"
+    },
+    "& .OwpPageCarded-sidebarContent": {
+      display: "flex",
+      flexDirection: "column",
+      minHeight: "100%"
+    },
+    "& .OwpPageCarded-backdrop": {
+      position: "absolute"
+    }
+  };
+}), M = L((e, t) => {
+  const {
+    scroll: a = "content",
+    className: O,
+    header: g,
+    content: p,
+    leftSidebarContent: s,
+    rightSidebarContent: c,
+    leftSidebarOpen: S = !1,
+    rightSidebarOpen: P = !1,
+    rightSidebarWidth: H = 240,
+    leftSidebarWidth: k = 240,
+    leftSidebarVariant: y = "permanent",
+    rightSidebarVariant: v = "permanent",
+    rightSidebarOnClose: W,
+    leftSidebarOnClose: R,
+    fillContentHeight: f = !0
+  } = e, h = l(null), b = l(null), u = l(null);
+  return j(t, () => ({
+    rootRef: u,
+    toggleLeftSidebar: /* @__PURE__ */ i((o) => {
+      h.current.toggleSidebar(o);
+    }, "toggleLeftSidebar"),
+    toggleRightSidebar: /* @__PURE__ */ i((o) => {
+      b.current.toggleSidebar(o);
+    }, "toggleRightSidebar")
+  })), /* @__PURE__ */ n(N, { children: [
+    /* @__PURE__ */ r(
+      I,
+      {
+        styles: /* @__PURE__ */ i(() => ({
+          ...a !== "page" && {
+            "#owp-toolbar": {
+              position: "static"
+            },
+            "#owp-footer": {
+              position: "static"
+            }
+          },
+          ...a === "page" && {
+            "#owp-toolbar": {
+              position: "sticky",
+              top: 0
+            },
+            "#owp-footer": {
+              position: "sticky",
+              bottom: 0
+            }
+          }
+        }), "styles")
+      }
+    ),
+    /* @__PURE__ */ n(
+      G,
+      {
+        className: d("OwpPageCarded-root", `OwpPageCarded-scroll-${a}`, O),
+        ref: u,
+        scroll: a,
+        leftSidebarWidth: k,
+        rightSidebarWidth: H,
+        fillContentHeight: f,
+        children: [
+          g && /* @__PURE__ */ r(F, { header: g }),
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: d(
+                "OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16",
+                f ? "h-auto rounded-lg mb-16" : "h-full rounded-t-lg"
+              ),
+              children: /* @__PURE__ */ n("div", { className: "OwpPageCarded-wrapper", children: [
+                s && /* @__PURE__ */ r(
+                  m,
+                  {
+                    position: "left",
+                    variant: y,
+                    ref: h,
+                    open: S,
+                    onClose: R,
+                    children: s
+                  }
+                ),
+                /* @__PURE__ */ r(V, { className: "OwpPageCarded-contentWrapper", enable: a === "content", children: p && /* @__PURE__ */ r("div", { className: d("OwpPageCarded-content", "mx-12 my-12"), children: p }) }),
+                c && /* @__PURE__ */ r(
+                  m,
+                  {
+                    position: "right",
+                    variant: v || "permanent",
+                    ref: b,
+                    open: P,
+                    onClose: W,
+                    children: c
+                  }
+                )
+              ] })
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}), U = z(x(M)``);
+export {
+  U as OwpPageCarded
+};
+//# sourceMappingURL=OwpPageCarded.js.map

package/dist/components/OwpPageCarded/OwpPageCarded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCarded.js","sources":["../../../src/components/OwpPageCarded/OwpPageCarded.tsx"],"sourcesContent":["// @ts-nocheck\nimport { OwpScrollbars } from '@/components/OwpScrollbars';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { styled, type Theme } from '@mui/material/styles';\nimport type { SystemStyleObject } from '@mui/system';\nimport clsx from 'clsx';\nimport { forwardRef, memo, ReactNode, useImperativeHandle, useRef } from 'react';\nimport { OwpPageCardedHeader } from './OwpPageCardedHeader';\nimport { OwpPageCardedSidebar } from './OwpPageCardedSidebar';\n\nconst headerHeight = 120;\nconst toolbarHeight = 64;\n\n/**\n * Props for the OwpPageCarded component.\n */\ntype OwpPageCardedProps = SystemStyleObject<Theme> & {\n  className?: string;\n  leftSidebarContent?: ReactNode;\n  leftSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  rightSidebarContent?: ReactNode;\n  rightSidebarVariant?: 'permanent' | 'persistent' | 'temporary';\n  header?: ReactNode;\n  content?: ReactNode;\n  scroll?: 'normal' | 'page' | 'content';\n  leftSidebarOpen?: boolean;\n  rightSidebarOpen?: boolean;\n  leftSidebarWidth?: number;\n  rightSidebarWidth?: number;\n  rightSidebarOnClose?: () => void;\n  leftSidebarOnClose?: () => void;\n  fillContentHeight?: boolean;\n};\n\nconst Root = styled('div')<OwpPageCardedProps>(({ theme, ...props }) => {\n  const fillContentHeight = props.scroll === 'content' && props.fillContentHeight;\n\n  return {\n    display: 'flex',\n    flexDirection: 'column',\n    minWidth: 0,\n    minHeight: '100%',\n    position: 'relative',\n    flex: '1 1 auto',\n    width: '100%',\n    height: fillContentHeight ? '100%' : 'auto',\n    padding: '0 16px',\n    backgroundColor: theme.palette.background.default,\n\n    '& .OwpPageCarded-card': {\n      ...(fillContentHeight && {\n        flex: '1 1 auto',\n        height: 'auto',\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-wrapper': {\n      display: 'flex',\n      flexDirection: 'row',\n      flex: '1 1 auto',\n      zIndex: 2,\n      maxWidth: '100%',\n      minWidth: 0,\n      height: '100%',\n      backgroundColor: theme.palette.background.paper,\n\n      ...(props.scroll === 'content' && {\n        position: 'absolute',\n        top: 0,\n        bottom: 0,\n        right: 0,\n        left: 0,\n        overflow: 'hidden',\n      }),\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-header': {\n      display: 'flex',\n      flex: '0 0 auto',\n\n      '& .MuiFormControl-root': {\n        minWidth: 128,\n      },\n    },\n\n    '& .OwpPageCarded-contentWrapper': {\n      display: 'flex',\n      flexDirection: 'column',\n      flex: '1 1 auto',\n      overflow: 'auto',\n      WebkitOverflowScrolling: 'touch',\n      zIndex: 9999,\n\n      ...(fillContentHeight && {\n        minHeight: 0,\n      }),\n    },\n\n    '& .OwpPageCarded-toolbar': {\n      height: toolbarHeight,\n      minHeight: toolbarHeight,\n      display: 'flex',\n      alignItems: 'center',\n    },\n\n    '& .OwpPageCarded-content': {\n      flex: '0 0 auto',\n\n      ...(fillContentHeight && {\n        display: 'flex',\n        flex: '1 1 auto',\n        flexDirection: 'column',\n        minHeight: 0,\n\n        '& > .OwpPageContent-root': {\n          minHeight: 0,\n        },\n\n        '& > .OwpPageContent-root > .OwpPageContent-body': {\n          display: 'flex',\n          flex: '1 1 auto',\n          flexDirection: 'column',\n          minHeight: 0,\n        },\n      }),\n    },\n\n    '& .OwpPageCarded-sidebarWrapper': {\n      overflow: 'hidden',\n      backgroundColor: 'transparent',\n      position: 'absolute',\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n          marginLeft: 0,\n          marginRight: 0,\n          transition: theme.transitions.create('margin', {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.leavingScreen,\n          }),\n          '&.closed': {\n            transition: theme.transitions.create('margin', {\n              easing: theme.transitions.easing.easeOut,\n              duration: theme.transitions.duration.enteringScreen,\n            }),\n\n            '&.OwpPageCarded-leftSidebar': {\n              marginLeft: -props.leftSidebarWidth,\n            },\n            '&.OwpPageCarded-rightSidebar': {\n              marginRight: -props.rightSidebarWidth,\n            },\n          },\n        },\n      },\n    },\n\n    '& .OwpPageCarded-sidebar': {\n      position: 'absolute',\n      backgroundColor: theme.palette.background.paper,\n      color: theme.palette.text.primary,\n\n      '&.permanent': {\n        [theme.breakpoints.up('lg')]: {\n          position: 'relative',\n        },\n      },\n      maxWidth: '100%',\n      height: '100%',\n    },\n\n    '& .OwpPageCarded-leftSidebar': {\n      width: props.leftSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-rightSidebar': {\n      width: props.rightSidebarWidth,\n\n      [theme.breakpoints.up('lg')]: {\n        \n        \n      },\n    },\n\n    '& .OwpPageCarded-sidebarHeader': {\n      height: headerHeight,\n      minHeight: headerHeight,\n      backgroundColor: theme.palette.primary.dark,\n      color: theme.palette.primary.contrastText,\n    },\n\n    '& .OwpPageCarded-sidebarHeaderInnerSidebar': {\n      backgroundColor: 'transparent',\n      color: 'inherit',\n      height: 'auto',\n      minHeight: 'auto',\n    },\n\n    '& .OwpPageCarded-sidebarContent': {\n      display: 'flex',\n      flexDirection: 'column',\n      minHeight: '100%',\n    },\n\n    '& .OwpPageCarded-backdrop': {\n      position: 'absolute',\n    },\n  };\n});\n\n/**\n * The OwpPageCarded component is a carded page layout with left and right sidebars.\n */\nconst PageCarded = forwardRef<\n  { toggleLeftSidebar: (T: boolean) => void; toggleRightSidebar: (T: boolean) => void },\n  OwpPageCardedProps\n>((props, ref) => {\n  const {\n    scroll = 'content',\n    className,\n    header,\n    content,\n    leftSidebarContent,\n    rightSidebarContent,\n    leftSidebarOpen = false,\n    rightSidebarOpen = false,\n    rightSidebarWidth = 240,\n    leftSidebarWidth = 240,\n    leftSidebarVariant = 'permanent',\n    rightSidebarVariant = 'permanent',\n    rightSidebarOnClose,\n    leftSidebarOnClose,\n    fillContentHeight = true,\n  } = props;\n\n  const leftSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n  const rightSidebarRef = useRef<{ toggleSidebar: (T: boolean) => void }>(null);\n  const rootRef = useRef(null);\n\n  useImperativeHandle(ref, () => ({\n    rootRef,\n    toggleLeftSidebar: (val: boolean) => {\n      leftSidebarRef.current.toggleSidebar(val);\n    },\n    toggleRightSidebar: (val: boolean) => {\n      rightSidebarRef.current.toggleSidebar(val);\n    },\n  }));\n\n  return (\n    <>\n      <GlobalStyles\n        styles={() => ({\n          ...(scroll !== 'page' && {\n            '#owp-toolbar': {\n              position: 'static',\n            },\n            '#owp-footer': {\n              position: 'static',\n            },\n          }),\n          ...(scroll === 'page' && {\n            '#owp-toolbar': {\n              position: 'sticky',\n              top: 0,\n            },\n            '#owp-footer': {\n              position: 'sticky',\n              bottom: 0,\n            },\n          }),\n        })}\n      />\n      <Root\n        className={clsx('OwpPageCarded-root', `OwpPageCarded-scroll-${scroll}`, className)}\n        ref={rootRef}\n        scroll={scroll}\n        leftSidebarWidth={leftSidebarWidth}\n        rightSidebarWidth={rightSidebarWidth}\n        fillContentHeight={fillContentHeight}\n      >\n        {header && <OwpPageCardedHeader header={header} />}\n        <div\n          className={clsx(\n            'OwpPageCarded-card relative z-10 flex flex-auto flex-col overflow-hidden shadow-1 mt-16',\n            fillContentHeight ? 'h-auto rounded-lg mb-16' : 'h-full rounded-t-lg',\n          )}\n        >\n          <div className=\"OwpPageCarded-wrapper\">\n            {leftSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"left\"\n                variant={leftSidebarVariant}\n                ref={leftSidebarRef}\n                open={leftSidebarOpen}\n                onClose={leftSidebarOnClose}\n              >\n                {leftSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n            <OwpScrollbars className=\"OwpPageCarded-contentWrapper\" enable={scroll === 'content'}>\n              {content && (\n                <div className={clsx('OwpPageCarded-content', 'mx-12 my-12')}>{content}</div>\n              )}\n            </OwpScrollbars>\n            {rightSidebarContent && (\n              <OwpPageCardedSidebar\n                position=\"right\"\n                variant={rightSidebarVariant || 'permanent'}\n                ref={rightSidebarRef}\n                open={rightSidebarOpen}\n                onClose={rightSidebarOnClose}\n              >\n                {rightSidebarContent}\n              </OwpPageCardedSidebar>\n            )}\n          </div>\n        </div>\n      </Root>\n    </>\n  );\n});\n\n/**\n * OwpPageCarded 컴포넌트\n */\nconst OwpPageCarded = memo(styled(PageCarded)``);\n\nexport { OwpPageCarded };\n"],"names":["headerHeight","toolbarHeight","Root","styled","theme","props","fillContentHeight","PageCarded","forwardRef","ref","scroll","className","header","content","leftSidebarContent","rightSidebarContent","leftSidebarOpen","rightSidebarOpen","rightSidebarWidth","leftSidebarWidth","leftSidebarVariant","rightSidebarVariant","rightSidebarOnClose","leftSidebarOnClose","leftSidebarRef","useRef","rightSidebarRef","rootRef","useImperativeHandle","__name","val","jsxs","Fragment","jsx","GlobalStyles","clsx","OwpPageCardedHeader","OwpPageCardedSidebar","OwpScrollbars","OwpPageCarded","memo"],"mappings":"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"}

package/dist/components/OwpPageCarded/OwpPageCardedHeader.js

@@ -0,0 +1,13 @@
+var n = Object.defineProperty;
+var a = (e, r) => n(e, "name", { value: r, configurable: !0 });
+import { jsx as o } 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 { clsx as c } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+function l(e) {
+  const { className: r, header: d = null } = e;
+  return /* @__PURE__ */ o("div", { className: c("OwpPageCarded-header", "container", r), children: d });
+}
+a(l, "OwpPageCardedHeader");
+export {
+  l as OwpPageCardedHeader
+};
+//# sourceMappingURL=OwpPageCardedHeader.js.map

package/dist/components/OwpPageCarded/OwpPageCardedHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpPageCardedHeader.js","sources":["../../../src/components/OwpPageCarded/OwpPageCardedHeader.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { ReactNode } from 'react';\n\ninterface OwpPageCardedHeaderProps {\n  className?: string;\n  header?: ReactNode;\n}\n\n/**\n * OwpPageCardedHeader 컴포넌트\n * @param props 컴포넌트 props\n */\nfunction OwpPageCardedHeader(props: OwpPageCardedHeaderProps) {\n  const { className, header = null } = props;\n\n  return <div className={clsx('OwpPageCarded-header', 'container', className)}>{header}</div>;\n}\n\nexport { OwpPageCardedHeader };\n"],"names":["OwpPageCardedHeader","props","className","header","jsx","clsx","__name"],"mappings":";;;;AAYA,SAASA,EAAoBC,GAAiC;AAC5D,QAAM,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAA,IAASF;AAErC,SAAO,gBAAAG,EAAC,SAAI,WAAWC,EAAK,wBAAwB,aAAaH,CAAS,GAAI,UAAAC,EAAA,CAAO;AACvF;AAJSG,EAAAN,GAAA;"}