@owp/core 2.1.6 → 2.2.0

package/dist/components/OwpSuspense/OwpSuspense.js

@@ -0,0 +1,104 @@
+var R = Object.defineProperty;
+var s = (i, e) => R(i, "name", { value: e, configurable: !0 });
+import { jsx 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 { OwpPageSkeleton as h } from "../OwpPageSkeleton/OwpPageSkeleton.js";
+import { useOwpAppContext as O } from "../../contexts/OwpAppProvider.js";
+import { clsx as C } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { useRef as N, useState as y, useEffect as p, Suspense as E } from "react";
+import { useLocation as L } from "react-router-dom";
+import { OwpLoading as D } from "../OwpLoading/OwpLoading.js";
+function q(i) {
+  const { children: e, loadingProps: n } = i, { pathname: r } = L(), { slots: t, slotProps: c } = O(), u = t == null ? void 0 : t.routeLoading, { getSkeletonSpec: a, releaseOnClick: k = !1, ...x } = (c == null ? void 0 : c.routeLoading) ?? {}, o = a == null ? void 0 : a(r), f = N(!1), [b, m] = y(null), w = k === !0;
+  p(() => {
+    f.current = !0;
+  }, []);
+  const d = f.current && !!o;
+  return /* @__PURE__ */ l(
+    E,
+    {
+      fallback: /* @__PURE__ */ l(
+        F,
+        {
+          pathname: r,
+          loadingProps: n,
+          routeLoadingSlotProps: x,
+          RouteLoadingSlot: u,
+          skeletonSpec: o,
+          shouldUseSkeleton: d,
+          shouldHoldOnResolve: !u && d && w,
+          onFallbackRendered: /* @__PURE__ */ s(() => {
+            m(r);
+          }, "onFallbackRendered")
+        }
+      ),
+      children: /* @__PURE__ */ l(
+        H,
+        {
+          skeletonSpec: o,
+          isVisible: b === r,
+          onRelease: /* @__PURE__ */ s(() => {
+            m(null);
+          }, "onRelease"),
+          children: e
+        }
+      )
+    }
+  );
+}
+s(q, "OwpSuspense");
+function F({
+  pathname: i,
+  loadingProps: e,
+  routeLoadingSlotProps: n,
+  RouteLoadingSlot: r,
+  skeletonSpec: t,
+  shouldUseSkeleton: c,
+  shouldHoldOnResolve: u,
+  onFallbackRendered: a
+}) {
+  return p(() => {
+    u && a();
+  }, [a, u]), r ? /* @__PURE__ */ l(
+    r,
+    {
+      ...n,
+      ...e,
+      pathname: i,
+      isFirstRouteLoading: !0
+    }
+  ) : c && t ? /* @__PURE__ */ l(h, { spec: t }) : /* @__PURE__ */ l(
+    D,
+    {
+      ...n,
+      ...e,
+      className: C(n == null ? void 0 : n.className, e == null ? void 0 : e.className)
+    }
+  );
+}
+s(F, "RouteLoadingFallback");
+function H({
+  skeletonSpec: i,
+  isVisible: e,
+  onRelease: n,
+  children: r
+}) {
+  return !e || !i ? r : /* @__PURE__ */ l(
+    "div",
+    {
+      "aria-label": "Release route loading skeleton",
+      className: "flex min-h-0 w-full flex-1 cursor-pointer flex-col overflow-hidden",
+      onClick: n,
+      onKeyDown: /* @__PURE__ */ s((t) => {
+        t.key !== "Enter" && t.key !== " " || (t.preventDefault(), n());
+      }, "onKeyDown"),
+      role: "button",
+      tabIndex: 0,
+      children: /* @__PURE__ */ l(h, { spec: i })
+    }
+  );
+}
+s(H, "RouteLoadingHold");
+export {
+  q as OwpSuspense
+};
+//# sourceMappingURL=OwpSuspense.js.map

package/dist/components/OwpSuspense/OwpSuspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpSuspense.js","sources":["../../../src/components/OwpSuspense/OwpSuspense.tsx"],"sourcesContent":["import { OwpPageSkeleton } from '@/components/OwpPageSkeleton/OwpPageSkeleton';\nimport { OwpLoading } from '@/components/OwpLoading';\nimport type { OwpLoadingProps } from '@/components/OwpLoading/OwpLoading';\nimport { useOwpAppContext } from '@/contexts/OwpAppProvider';\nimport clsx from 'clsx';\nimport type {\n  OwpPageSkeletonSpec,\n  OwpRouteLoadingConfig,\n  OwpRouteLoadingSlotProps,\n} from '@/contexts/OwpAppProvider';\nimport {\n  ComponentType,\n  ReactNode,\n  Suspense,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { useLocation } from 'react-router-dom';\n\ntype OwpSuspenseProps = {\n  loadingProps?: OwpLoadingProps;\n  children: ReactNode;\n};\n\n/**\n * The OwpSuspense component is a wrapper around the React Suspense component.\n * It is used to display a loading spinner while the wrapped components are being loaded.\n * The component is memoized to prevent unnecessary re-renders.\n * React Suspense defaults\n * For to Avoid Repetition\n */\nfunction OwpSuspense(props: OwpSuspenseProps) {\n  const { children, loadingProps } = props;\n  const { pathname } = useLocation();\n  const { slots, slotProps } = useOwpAppContext();\n  const RouteLoadingSlot = slots?.routeLoading;\n  const { getSkeletonSpec, releaseOnClick = false, ...routeLoadingProps } =\n    slotProps?.routeLoading ?? {};\n  const skeletonSpec = getSkeletonSpec?.(pathname);\n  const hasCompletedInitialMountRef = useRef(false);\n  const [holdPathname, setHoldPathname] = useState<string | null>(null);\n  const isReleaseOnClickEnabled = releaseOnClick === true;\n\n  useEffect(() => {\n    hasCompletedInitialMountRef.current = true;\n  }, []);\n\n  const shouldUseSkeleton = hasCompletedInitialMountRef.current && !!skeletonSpec;\n\n  return (\n    <Suspense\n      fallback={\n        <RouteLoadingFallback\n          pathname={pathname}\n          loadingProps={loadingProps}\n          routeLoadingSlotProps={routeLoadingProps}\n          RouteLoadingSlot={RouteLoadingSlot}\n          skeletonSpec={skeletonSpec}\n          shouldUseSkeleton={shouldUseSkeleton}\n          shouldHoldOnResolve={!RouteLoadingSlot && shouldUseSkeleton && isReleaseOnClickEnabled}\n          onFallbackRendered={() => {\n            setHoldPathname(pathname);\n          }}\n        />\n      }\n    >\n      <RouteLoadingHold\n        skeletonSpec={skeletonSpec}\n        isVisible={holdPathname === pathname}\n        onRelease={() => {\n          setHoldPathname(null);\n        }}\n      >\n        {children}\n      </RouteLoadingHold>\n    </Suspense>\n  );\n}\n\nexport { OwpSuspense };\n\ntype RouteLoadingFallbackProps = {\n  pathname: string;\n  loadingProps?: OwpLoadingProps;\n  routeLoadingSlotProps?: Omit<\n    Partial<OwpRouteLoadingSlotProps>,\n    'pathname' | 'isFirstRouteLoading'\n  > &\n    OwpRouteLoadingConfig;\n  RouteLoadingSlot?: ComponentType<OwpRouteLoadingSlotProps>;\n  skeletonSpec?: OwpPageSkeletonSpec;\n  shouldUseSkeleton: boolean;\n  shouldHoldOnResolve: boolean;\n  onFallbackRendered: () => void;\n};\n\nfunction RouteLoadingFallback({\n  pathname,\n  loadingProps,\n  routeLoadingSlotProps,\n  RouteLoadingSlot,\n  skeletonSpec,\n  shouldUseSkeleton,\n  shouldHoldOnResolve,\n  onFallbackRendered,\n}: RouteLoadingFallbackProps) {\n  useEffect(() => {\n    if (shouldHoldOnResolve) {\n      onFallbackRendered();\n    }\n  }, [onFallbackRendered, shouldHoldOnResolve]);\n\n  if (RouteLoadingSlot) {\n    return (\n      <RouteLoadingSlot\n        {...routeLoadingSlotProps}\n        {...loadingProps}\n        pathname={pathname}\n        isFirstRouteLoading={true}\n      />\n    );\n  }\n\n  if (shouldUseSkeleton && skeletonSpec) {\n    return <OwpPageSkeleton spec={skeletonSpec} />;\n  }\n\n  return (\n    <OwpLoading\n      {...routeLoadingSlotProps}\n      {...loadingProps}\n      className={clsx(routeLoadingSlotProps?.className, loadingProps?.className)}\n    />\n  );\n}\n\ntype RouteLoadingHoldProps = {\n  skeletonSpec?: OwpPageSkeletonSpec;\n  isVisible: boolean;\n  onRelease: () => void;\n  children: ReactNode;\n};\n\nfunction RouteLoadingHold({\n  skeletonSpec,\n  isVisible,\n  onRelease,\n  children,\n}: RouteLoadingHoldProps) {\n  if (!isVisible || !skeletonSpec) {\n    return children;\n  }\n\n  return (\n    <div\n      aria-label=\"Release route loading skeleton\"\n      className=\"flex min-h-0 w-full flex-1 cursor-pointer flex-col overflow-hidden\"\n      onClick={onRelease}\n      onKeyDown={(event) => {\n        if (event.key !== 'Enter' && event.key !== ' ') {\n          return;\n        }\n\n        event.preventDefault();\n        onRelease();\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <OwpPageSkeleton spec={skeletonSpec} />\n    </div>\n  );\n}\n"],"names":["OwpSuspense","props","children","loadingProps","pathname","useLocation","slots","slotProps","useOwpAppContext","RouteLoadingSlot","getSkeletonSpec","releaseOnClick","routeLoadingProps","skeletonSpec","hasCompletedInitialMountRef","useRef","holdPathname","setHoldPathname","useState","isReleaseOnClickEnabled","useEffect","shouldUseSkeleton","jsx","Suspense","RouteLoadingFallback","__name","RouteLoadingHold","routeLoadingSlotProps","shouldHoldOnResolve","onFallbackRendered","OwpPageSkeleton","OwpLoading","clsx","isVisible","onRelease","event"],"mappings":"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"}

package/dist/components/OwpSvgIcon/OwpSvgIcon.js

@@ -0,0 +1,50 @@
+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 l from "@mui/material/Icon";
+import { styled as s } from "@mui/material/styles";
+import { Box as o } from "@mui/system";
+import { clsx as m } from "../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { forwardRef as p } from "react";
+const f = s(o)(({ theme: n, size: r = 20, color: t = "inherit" }) => ({
+  width: r,
+  height: r,
+  minWidth: r,
+  minHeight: r,
+  fontSize: r,
+  lineHeight: r,
+  color: {
+    primary: n.palette.primary.main,
+    secondary: n.palette.secondary.main,
+    info: n.palette.info.main,
+    success: n.palette.success.main,
+    warning: n.palette.warning.main,
+    action: n.palette.action.active,
+    error: n.palette.error.main,
+    disabled: n.palette.action.disabled,
+    inherit: "currentColor"
+  }[t]
+})), v = p((n, r) => {
+  const { children: t, className: e = "", color: a = "inherit" } = n;
+  if (typeof t != "string")
+    return null;
+  if (!t.includes(":"))
+    return /* @__PURE__ */ i(o, { component: l, ref: r, ...n });
+  const c = t.replace(":", ".svg#");
+  return /* @__PURE__ */ i(
+    f,
+    {
+      ...n,
+      component: "svg",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 100 100",
+      className: m("shrink-0 fill-current", e),
+      ref: r,
+      color: a,
+      children: /* @__PURE__ */ i("use", { xlinkHref: `assets/icons/${c}` })
+    }
+  );
+});
+export {
+  v as OwpSvgIcon
+};
+//# sourceMappingURL=OwpSvgIcon.js.map

package/dist/components/OwpSvgIcon/OwpSvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OwpSvgIcon.js","sources":["../../../src/components/OwpSvgIcon/OwpSvgIcon.tsx"],"sourcesContent":["import Icon from '@mui/material/Icon';\nimport { styled } from '@mui/material/styles';\nimport { Box, BoxProps } from '@mui/system';\nimport clsx from 'clsx';\nimport { forwardRef } from 'react';\n\ntype OwpSvgIconProps = BoxProps & {\n  fill?: string;\n  xmlns?: string;\n  viewBox?: string;\n  size?: number | string;\n  color?:\n    | 'inherit'\n    | 'disabled'\n    | 'primary'\n    | 'secondary'\n    | 'action'\n    | 'error'\n    | 'info'\n    | 'success'\n    | 'warning';\n};\n\n/**\n * The Root styled component is used to style the root div of the OwpSvgIcon component.\n * It uses the styled function from the MUI styles library to create a styled component.\n */\nconst Root = styled(Box)<OwpSvgIconProps>(({ theme, size = 20, color = 'inherit' }) => ({\n  width: size,\n  height: size,\n  minWidth: size,\n  minHeight: size,\n  fontSize: size,\n  lineHeight: size,\n  color: {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    info: theme.palette.info.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    action: theme.palette.action.active,\n    error: theme.palette.error.main,\n    disabled: theme.palette.action.disabled,\n    inherit: 'currentColor',\n  }[color] as string,\n}));\n\n/**\n * The OwpSvgIcon component is responsible for rendering an SVG icon with a specified size and color.\n * It uses various MUI components to render the icon.\n * The component is memoized to prevent unnecessary re-renders.\n */\nconst OwpSvgIcon = forwardRef<SVGSVGElement, OwpSvgIconProps>((props, ref) => {\n  const { children, className = '', color = 'inherit' } = props;\n\n  if (typeof children !== 'string') {\n    return null;\n  }\n\n  if (!children.includes(':')) {\n    return <Box component={Icon} ref={ref} {...props} />;\n  }\n\n  const iconPath = children.replace(':', '.svg#');\n\n  return (\n    <Root\n      {...props}\n      component=\"svg\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 100 100\"\n      className={clsx('shrink-0 fill-current', className)}\n      ref={ref}\n      color={color}\n    >\n      <use xlinkHref={`assets/icons/${iconPath}`} />\n    </Root>\n  );\n});\n\nexport { OwpSvgIcon };\n"],"names":["Root","styled","Box","theme","size","color","OwpSvgIcon","forwardRef","props","ref","children","className","Icon","iconPath","jsx","clsx"],"mappings":";;;;;;AA2BA,MAAMA,IAAOC,EAAOC,CAAG,EAAmB,CAAC,EAAE,OAAAC,GAAO,MAAAC,IAAO,IAAI,OAAAC,IAAQ,iBAAiB;AAAA,EACtF,OAAOD;AAAA,EACP,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,UAAUA;AAAA,EACV,YAAYA;AAAA,EACZ,OAAO;AAAA,IACL,SAASD,EAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAWA,EAAM,QAAQ,UAAU;AAAA,IACnC,MAAMA,EAAM,QAAQ,KAAK;AAAA,IACzB,SAASA,EAAM,QAAQ,QAAQ;AAAA,IAC/B,SAASA,EAAM,QAAQ,QAAQ;AAAA,IAC/B,QAAQA,EAAM,QAAQ,OAAO;AAAA,IAC7B,OAAOA,EAAM,QAAQ,MAAM;AAAA,IAC3B,UAAUA,EAAM,QAAQ,OAAO;AAAA,IAC/B,SAAS;AAAA,EAAA,EACTE,CAAK;AACT,EAAE,GAOIC,IAAaC,EAA2C,CAACC,GAAOC,MAAQ;AAC5E,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,IAAI,OAAAN,IAAQ,cAAcG;AAExD,MAAI,OAAOE,KAAa;AACtB,WAAO;AAGT,MAAI,CAACA,EAAS,SAAS,GAAG;AACxB,6BAAQR,GAAA,EAAI,WAAWU,GAAM,KAAAH,GAAW,GAAGD,GAAO;AAGpD,QAAMK,IAAWH,EAAS,QAAQ,KAAK,OAAO;AAE9C,SACE,gBAAAI;AAAA,IAACd;AAAA,IAAA;AAAA,MACE,GAAGQ;AAAA,MACJ,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,WAAWO,EAAK,yBAAyBJ,CAAS;AAAA,MAClD,KAAAF;AAAA,MACA,OAAAJ;AAAA,MAEA,UAAA,gBAAAS,EAAC,OAAA,EAAI,WAAW,gBAAgBD,CAAQ,GAAA,CAAI;AAAA,IAAA;AAAA,EAAA;AAGlD,CAAC;"}

package/dist/components/OwpTable/OwpDataTable.js

@@ -0,0 +1,504 @@
+var kt = Object.defineProperty;
+var n = (t, o) => kt(t, "name", { value: o, configurable: !0 });
+import { jsxs as E, 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 { TextField as At, Divider as Ft, Typography as X } from "@mui/material";
+import gt, { checkboxClasses as $t } from "@mui/material/Checkbox";
+import { grey as k } from "@mui/material/colors";
+import yt from "@mui/material/GlobalStyles";
+import Nt from "@mui/material/Paper";
+import Ht from "@mui/material/Table";
+import It from "@mui/material/TableBody";
+import O from "@mui/material/TableCell";
+import Mt from "@mui/material/TableContainer";
+import Dt from "@mui/material/TableHead";
+import pt from "@mui/material/TableRow";
+import Et from "@mui/material/TableSortLabel";
+import { useState as T, useRef as Ot, useMemo as D, useEffect as st } from "react";
+import { uniqueId as Bt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/util/uniqueId.js";
+import { isEmpty as Vt } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
+import { isEqual as Y } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { OwpNumberField as Wt } from "../OwpNumberField/OwpNumberField.js";
+import { isNumber as y } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isNumber.js";
+import { isArray as ht } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isArray.js";
+import { isBoolean as at } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isBoolean.js";
+const dt = {
+  bgcolor: "#586980",
+  borderTopLeftRadius: "inherit",
+  borderTopRightRadius: "inherit"
+}, ut = {
+  borderRight: `1px solid ${k.A200}`
+}, J = {
+  borderRight: `1px solid ${k[400]}`
+}, qt = {
+  "&.MuiTableSortLabel-root": {
+    color: k.A100
+  },
+  "&.MuiTableSortLabel-root:hover": {
+    color: k.A100
+  },
+  "&.Mui-active": {
+    color: k.A100
+  },
+  "& .MuiTableSortLabel-icon": {
+    color: `${k.A100} !important`
+  }
+}, g = {
+  borderRadius: 0
+}, zt = {
+  "& > th, & > td": {
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0
+  }
+}, Pt = {
+  fontFamily: "RobotoLight, sans-serif",
+  fontSize: "14px",
+  fontWeight: "normal",
+  lineHeight: "16px"
+}, xt = {
+  ...Pt,
+  boxSizing: "border-box",
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  verticalAlign: "middle",
+  whiteSpace: "nowrap"
+}, ct = {
+  ...xt,
+  bgcolor: "#586980",
+  borderBottom: "1px solid #6F7F94",
+  borderRight: "1px solid #6F7F94",
+  color: "white",
+  height: 33,
+  minHeight: 33,
+  p: "7px 2px 6px 10px"
+}, jt = {
+  "&.MuiTableSortLabel-root": {
+    color: "inherit",
+    display: "flex",
+    fontFamily: "inherit",
+    fontSize: "inherit",
+    fontWeight: "inherit",
+    justifyContent: "center",
+    lineHeight: "inherit",
+    overflow: "hidden",
+    position: "relative",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    width: "100%"
+  },
+  "&.MuiTableSortLabel-root:hover": {
+    color: "inherit"
+  },
+  "&.Mui-active": {
+    color: "inherit"
+  },
+  "& .MuiTableSortLabel-icon": {
+    color: "currentColor !important",
+    margin: 0,
+    position: "absolute",
+    right: 0
+  }
+}, Q = {
+  ...xt,
+  borderBottom: "1px solid #CDD8E4",
+  borderRight: "1px solid #CDD8E4",
+  color: "#111112",
+  p: "7px 10px 6px"
+}, Ct = {
+  "@font-face": {
+    fontFamily: "RobotoLight",
+    fontStyle: "normal",
+    fontWeight: "normal",
+    src: "url('/assets/vendors/Grid/Styles/Roboto-Light.ttf') format('truetype')"
+  }
+}, u = /* @__PURE__ */ n((...t) => t.reduce((o, i) => i ? [...o, ...ht(i) ? i : [i]] : o, []), "mergeSx"), Kt = /* @__PURE__ */ n((t) => {
+  if (!(!y(t) || t < 1))
+    return t;
+}, "getFixedRowCount"), _t = /* @__PURE__ */ n((t) => Array.from({ length: t }, () => ({})), "createEmptyRows"), G = /* @__PURE__ */ n((t, o) => {
+  switch (t) {
+    case "center":
+    case "right":
+    case "left":
+    case "inherit":
+    case "justify":
+      return t;
+    default:
+      return o;
+  }
+}, "getTableCellAlign"), B = /* @__PURE__ */ n((t, o) => {
+  if (o)
+    return t == null ? void 0 : t[o];
+}, "getRowValue"), mt = /* @__PURE__ */ n((t) => {
+  if (typeof t == "string" || y(t))
+    return t;
+}, "getComparableValue");
+function lt(t, o, i) {
+  const d = mt(B(t, i)), c = mt(B(o, i));
+  return c == null && d == null ? 0 : c == null ? -1 : d == null ? 1 : c < d ? -1 : c > d ? 1 : 0;
+}
+n(lt, "descendingComparator");
+function Tt(t, o) {
+  return t === "desc" ? (i, d) => lt(i, d, o) : (i, d) => -lt(i, d, o);
+}
+n(Tt, "getComparator");
+const Z = /* @__PURE__ */ n((t, o) => {
+  if (o)
+    return B(t, o);
+}, "getRowRangeValue"), Yt = /* @__PURE__ */ n((t, o) => {
+  var d, c, h, v;
+  if (!(o.inputLabel ?? o.rangeKey))
+    return "";
+  const i = Z(t, o.rangeKey);
+  return `${(d = o.rangeLabel) != null && d.start ? `${(c = o.rangeLabel) == null ? void 0 : c.start}: ` : ""}${i == null ? void 0 : i.start} ~ ${(h = o.rangeLabel) != null && h.end ? `${(v = o.rangeLabel) == null ? void 0 : v.end}: ` : ""}${i == null ? void 0 : i.end}`;
+}, "getRangeLabel"), Jt = /* @__PURE__ */ n((t, o) => {
+  const i = B(t, "index");
+  return y(i) ? i : o;
+}, "getRowTabIndex"), ft = /* @__PURE__ */ n((t) => ({
+  "& input": {
+    textAlign: t ?? "center"
+  },
+  height: 34
+}), "getEditableCellSx");
+function Qt(t) {
+  const {
+    sx: o,
+    headCells: i,
+    onSelectAllClick: d,
+    order: c,
+    orderBy: h,
+    numSelected: v,
+    rowCount: A,
+    onRequestSort: V,
+    canCheckbox: C,
+    canUseOrderBy: m = !0,
+    canTableRadiusZero: s,
+    canUseTreeGridStyle: p
+  } = t, N = /* @__PURE__ */ n((e) => (w) => {
+    V(w, e);
+  }, "createSortHandler");
+  return /* @__PURE__ */ a(Dt, { sx: u(s && g), children: /* @__PURE__ */ E(
+    pt,
+    {
+      sx: u(p && { height: 33 }, s && g),
+      children: [
+        C && /* @__PURE__ */ a(
+          O,
+          {
+            padding: "checkbox",
+            className: "text-white",
+            sx: u(
+              {
+                ...dt,
+                ...ut
+              },
+              p && ct,
+              s && g,
+              o
+            ),
+            children: /* @__PURE__ */ a(
+              gt,
+              {
+                color: "default",
+                sx: u(
+                  {
+                    [`&, &.${$t.checked}`]: {
+                      color: k[50]
+                    }
+                  },
+                  p && { p: 0 }
+                ),
+                indeterminate: v > 0 && v < A,
+                checked: A > 0 && v === A,
+                onChange: d
+              }
+            )
+          }
+        ),
+        i.map((e, w) => /* @__PURE__ */ a(
+          O,
+          {
+            className: p ? void 0 : "pl-20",
+            align: G(e.align, "center"),
+            padding: e.enablePadding ? "normal" : "none",
+            sortDirection: h === e.id ? c : !1,
+            sx: u(
+              {
+                ...dt,
+                ...i.length - 1 !== w && ut
+              },
+              p && ct,
+              s && g,
+              o,
+              p && (e == null ? void 0 : e.sx)
+            ),
+            children: m ? /* @__PURE__ */ a(
+              Et,
+              {
+                sx: p ? jt : qt,
+                active: h === e.id,
+                direction: h === e.id ? c : "asc",
+                onClick: N(e.id),
+                children: p ? e.label : /* @__PURE__ */ a(X, { className: "text-white text-lg font-medium", sx: e == null ? void 0 : e.sx, children: e.label })
+              }
+            ) : p ? e.label : /* @__PURE__ */ a(X, { className: "text-white text-lg font-medium", sx: e == null ? void 0 : e.sx, children: e.label })
+          },
+          e.id
+        ))
+      ]
+    }
+  ) });
+}
+n(Qt, "DataTableHead");
+function vo({
+  className: t,
+  sx: o,
+  headSx: i,
+  headCells: d,
+  rows: c,
+  selected: h,
+  canCheckbox: v,
+  canTotalCountRow: A,
+  canSelectingSingle: V,
+  canUseOrderBy: C = !0,
+  canTableRadiusZero: m = !1,
+  canUseTreeGridStyle: s = !1,
+  fixedRowCount: p,
+  onSelect: N,
+  onBlur: e
+}) {
+  const [w, bt] = T("asc"), [W, vt] = T(""), [q, H] = T([]), Rt = Ot(Bt("owp-data-table")), x = D(() => Kt(p), [p]), I = D(() => {
+    const l = ht(c) ? c : [];
+    return x ? l.slice(0, x) : l;
+  }, [c, x]), z = D(() => d ?? [], [d]), U = at(v) ? v : !0, tt = at(A) ? A : !0;
+  st(() => {
+    Vt(h) || H(h);
+  }, [h]), st(() => {
+    N == null || N(q);
+  }, [q]);
+  const wt = /* @__PURE__ */ n((l, f) => {
+    bt(W === f && w === "asc" ? "desc" : "asc"), vt(f);
+  }, "handleRequestSort"), Lt = /* @__PURE__ */ n((l) => {
+    if (l.target.checked) {
+      H(I);
+      return;
+    }
+    H([]);
+  }, "handleSelectAllClick"), St = /* @__PURE__ */ n((l, f) => {
+    if (V) {
+      H([f]);
+      return;
+    }
+    H((b) => !!b.find((L) => Y(L, f)) ? b == null ? void 0 : b.filter((L) => !Y(L, f)) : [...b, f]);
+  }, "handleClick"), F = D(
+    () => [...I].sort(Tt(w, W)),
+    [w, W, I]
+  ), ot = D(() => !x || F.length >= x ? F : [...F, ..._t(x - F.length)], [x, F]);
+  return /* @__PURE__ */ E(
+    Nt,
+    {
+      className: t,
+      sx: u({ width: "100%" }, m && g),
+      children: [
+        s && /* @__PURE__ */ a(yt, { styles: Ct }),
+        /* @__PURE__ */ a(
+          Mt,
+          {
+            sx: u(
+              { height: x ? "auto" : 500, borderRadius: 2 },
+              x && { overflowY: "hidden" },
+              m && g,
+              o
+            ),
+            children: /* @__PURE__ */ E(
+              Ht,
+              {
+                stickyHeader: !s,
+                sx: u({ minWidth: 200 }, m && g),
+                "aria-labelledby": "owp-data-table",
+                children: [
+                  /* @__PURE__ */ a(
+                    Qt,
+                    {
+                      sx: i,
+                      headCells: z,
+                      numSelected: q.length,
+                      order: w,
+                      orderBy: W,
+                      onSelectAllClick: Lt,
+                      canCheckbox: !V && U,
+                      canUseOrderBy: C,
+                      canTableRadiusZero: m,
+                      canUseTreeGridStyle: s,
+                      onRequestSort: wt,
+                      rowCount: I.length
+                    }
+                  ),
+                  /* @__PURE__ */ a(It, { sx: u(m && g), children: ot.map((l, f) => {
+                    const b = q.some((r) => Y(r, l)), rt = ot.length - 1 === f, L = x ? f >= F.length : !1, K = `${Rt.current}-${f}`;
+                    return /* @__PURE__ */ E(
+                      pt,
+                      {
+                        hover: !0,
+                        role: s ? void 0 : "checkbox",
+                        "aria-checked": s ? void 0 : b,
+                        tabIndex: -1,
+                        selected: b,
+                        sx: u(
+                          { cursor: L ? "default" : "pointer" },
+                          s && { height: 30 },
+                          m && g,
+                          m && rt && zt
+                        ),
+                        children: [
+                          U && /* @__PURE__ */ a(
+                            O,
+                            {
+                              padding: "checkbox",
+                              onClick: /* @__PURE__ */ n((r) => {
+                                L || St(r, l);
+                              }, "onClick"),
+                              sx: u(
+                                J,
+                                s && Q,
+                                m && g
+                              ),
+                              children: /* @__PURE__ */ a(
+                                gt,
+                                {
+                                  color: "default",
+                                  checked: b,
+                                  disabled: L,
+                                  sx: u(s && { p: 0 })
+                                }
+                              )
+                            }
+                          ),
+                          z.map((r, _) => {
+                            const et = `${K}-row-${f}-cell-${_}`, it = Yt(l, r), P = Jt(l, f), j = B(l, String(r == null ? void 0 : r.id));
+                            return _ === 0 ? /* @__PURE__ */ a(
+                              O,
+                              {
+                                className: s ? void 0 : "px-4",
+                                component: s ? "td" : "th",
+                                id: K,
+                                scope: s ? void 0 : "row",
+                                padding: "none",
+                                role: s ? "cell" : void 0,
+                                align: G(r.valueAlign, "left"),
+                                sx: u(
+                                  z.length > 1 && J,
+                                  s && Q,
+                                  m && g
+                                ),
+                                children: j
+                              },
+                              et
+                            ) : /* @__PURE__ */ a(
+                              O,
+                              {
+                                className: s ? void 0 : "px-4",
+                                role: s ? "cell" : void 0,
+                                align: G(r.valueAlign, "left"),
+                                sx: u(
+                                  z.length - 1 !== _ && J,
+                                  s && Q,
+                                  m && g
+                                ),
+                                children: r != null && r.canTextField ? (r == null ? void 0 : r.textFieldType) === "number" ? /* @__PURE__ */ a(
+                                  Wt,
+                                  {
+                                    variant: "standard",
+                                    decimalScale: 2,
+                                    label: it,
+                                    fullWidth: !0,
+                                    size: "small",
+                                    sx: ft(r == null ? void 0 : r.valueAlign),
+                                    slotProps: {
+                                      input: {
+                                        tabIndex: P
+                                      },
+                                      inputLabel: {
+                                        shrink: !0
+                                      }
+                                    },
+                                    isAllowed: /* @__PURE__ */ n((R) => {
+                                      var M;
+                                      const { floatValue: $ } = R, S = (M = Z(l, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.end;
+                                      return y($) && y(S) ? $ <= S : !0;
+                                    }, "isAllowed"),
+                                    value: j,
+                                    onBlur: /* @__PURE__ */ n((R) => {
+                                      var M, nt;
+                                      const $ = (M = Z(l, r == null ? void 0 : r.rangeKey)) == null ? void 0 : M.start, S = (nt = R.target.value) == null ? void 0 : nt.replace(/,/g, "");
+                                      e == null || e(
+                                        {
+                                          ...R,
+                                          target: {
+                                            ...R.target,
+                                            value: y($) && S !== "" ? Number($ > Number(S) ? $ : S) : S
+                                          }
+                                        },
+                                        P
+                                      );
+                                    }, "onBlur")
+                                  }
+                                ) : /* @__PURE__ */ a(
+                                  At,
+                                  {
+                                    variant: "standard",
+                                    label: it,
+                                    fullWidth: !0,
+                                    size: "small",
+                                    sx: ft(r == null ? void 0 : r.valueAlign),
+                                    slotProps: {
+                                      input: {
+                                        tabIndex: P
+                                      },
+                                      inputLabel: {
+                                        shrink: !0
+                                      }
+                                    },
+                                    type: (r == null ? void 0 : r.textFieldType) ?? "text",
+                                    defaultValue: j,
+                                    onBlur: /* @__PURE__ */ n((R) => e == null ? void 0 : e(
+                                      { ...R, target: { ...R.target, value: R.target.value } },
+                                      P
+                                    ), "onBlur")
+                                  }
+                                ) : j
+                              },
+                              et
+                            );
+                          })
+                        ]
+                      },
+                      `${K}-row-${f}`
+                    );
+                  }) })
+                ]
+              }
+            )
+          }
+        ),
+        tt && /* @__PURE__ */ a(Ft, { sx: u(m && g) }),
+        tt && /* @__PURE__ */ E(
+          X,
+          {
+            className: "h-[30px] w-full pr-12 my-8",
+            align: "right",
+            sx: u(m && g),
+            children: [
+              "전체: ",
+              I.length.toLocaleString(),
+              " 건"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+n(vo, "OwpDataTable");
+export {
+  vo as OwpDataTable
+};
+//# sourceMappingURL=OwpDataTable.js.map