@jigowatts/jigowatts-ui 1.1.7 → 1.1.9

package/dist/components/DataTable/index.es.js

@@ -1,104 +1,99 @@
-import { j as e } from "../../jsx-runtime-CbmOdJhC.js";
-import { Table as S, TableHead as T, TableRow as j, TableBody as v, TableCell as z } from "@mui/material";
-import r from "classnames";
-import { G as p, P } from "../../index-IKsAEDzd.js";
-import { PageSizeSelector as y } from "../PageSizeSelector/index.es.js";
-import '../../assets/index28.css';function R(l) {
-  return p({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M11.178 19.569a.998.998 0 0 0 1.644 0l9-13A.999.999 0 0 0 21 5H3a1.002 1.002 0 0 0-.822 1.569l9 13z" } }] })(l);
-}
-function A(l) {
-  return p({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M3 19h18a1.002 1.002 0 0 0 .823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 0 0 3 19z" } }] })(l);
-}
-const D = "_contentContainer_lcghg_2", M = "_scrollableTableContainer_lcghg_10", V = "_table_lcghg_20", G = "_header_lcghg_26", H = "_th_lcghg_34", E = "_headerCell_lcghg_46", F = "_sortIcons_lcghg_53", U = "_sortIcon_lcghg_53", $ = "_selected_lcghg_69", q = "_row_lcghg_73", J = "_clickable_lcghg_81", K = "_td_lcghg_85", O = "_nonBorder_lcghg_91", s = {
-  contentContainer: D,
-  scrollableTableContainer: M,
-  table: V,
-  header: G,
-  th: H,
-  headerCell: E,
-  sortIcons: F,
-  sortIcon: U,
-  selected: $,
-  row: q,
-  clickable: J,
-  td: K,
-  nonBorder: O
-}, L = (l) => {
+import { jsx as o, Fragment as T, jsxs as a } from "react/jsx-runtime";
+import { Table as I, TableHead as B, TableRow as p, TableBody as P, TableCell as x } from "@mui/material";
+import l from "classnames";
+import { BiSolidUpArrow as y, BiSolidDownArrow as R } from "react-icons/bi";
+import { PageSizeSelector as D } from "../PageSizeSelector/index.es.js";
+import { Pagination as V } from "../Pagination/index.es.js";
+import '../../assets/index13.css';const j = "_contentContainer_qzv61_2", A = "_scrollableTableContainer_qzv61_10", F = "_table_qzv61_20", H = "_header_qzv61_26", M = "_th_qzv61_34", U = "_headerCell_qzv61_45", $ = "_sortIcons_qzv61_52", E = "_sortIcon_qzv61_52", G = "_selected_qzv61_68", J = "_row_qzv61_72", K = "_clickable_qzv61_80", O = "_td_qzv61_84", Q = "_nonBorder_qzv61_90", e = {
+  contentContainer: j,
+  scrollableTableContainer: A,
+  table: F,
+  header: H,
+  th: M,
+  headerCell: U,
+  sortIcons: $,
+  sortIcon: E,
+  selected: G,
+  row: J,
+  clickable: K,
+  td: O,
+  nonBorder: Q
+}, oe = (z) => {
   const {
-    columns: g,
-    dataList: o,
-    totalCount: _,
-    currentPage: u,
+    columns: h,
+    dataList: n,
+    totalCount: C,
+    currentPage: f,
     pageSize: c,
-    pageSizeSelectorValues: f,
-    keyColumn: w,
+    pageSizeSelectorValues: u,
+    keyColumn: N,
     sortColumn: i,
     sortDirection: d,
-    isLoading: N,
-    onClickRow: h,
-    onChangeSort: a,
-    onChangePage: C,
-    onChangePageSize: m,
-    showBorder: k
-  } = l;
-  if (N)
-    return /* @__PURE__ */ e.jsx("span", { children: "読み込み中" });
-  if (!o)
-    return /* @__PURE__ */ e.jsx("span", { children: "データの取得ができませんでした。" });
-  if ((o == null ? void 0 : o.length) === 0)
-    return /* @__PURE__ */ e.jsx("span", { children: "データがありません。" });
-  const B = Math.ceil(_ / c), x = u - 1, b = x * c + 1, I = b - 1 + ((o == null ? void 0 : o.length) ?? 0);
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s.contentContainer, children: [
-    m && /* @__PURE__ */ e.jsx(
-      y,
+    isLoading: q,
+    onClickRow: _,
+    onChangeSort: s,
+    onChangePage: m,
+    onChangePageSize: b,
+    showBorder: w
+  } = z;
+  if (q)
+    return /* @__PURE__ */ o("span", { children: "読み込み中" });
+  if (!n)
+    return /* @__PURE__ */ o("span", { children: "データの取得ができませんでした。" });
+  if ((n == null ? void 0 : n.length) === 0)
+    return /* @__PURE__ */ o("span", { children: "データがありません。" });
+  const k = Math.ceil(C / c), v = f - 1, g = v * c + 1, S = g - 1 + ((n == null ? void 0 : n.length) ?? 0);
+  return /* @__PURE__ */ o(T, { children: /* @__PURE__ */ a("div", { className: e.contentContainer, children: [
+    b && /* @__PURE__ */ o(
+      D,
       {
-        startRecordNum: b,
-        endRecordNum: I,
-        values: f,
+        startRecordNum: g,
+        endRecordNum: S,
+        values: u,
         defaultValue: c,
-        totalCount: _,
-        onChangePageSize: m
+        totalCount: C,
+        onChangePageSize: b
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o(
       "div",
       {
-        className: r(s.scrollableTableContainer, {
-          [s.nonBorder]: k === !1
+        className: l(e.scrollableTableContainer, {
+          [e.nonBorder]: w === !1
         }),
-        children: /* @__PURE__ */ e.jsxs(S, { className: s.table, children: [
-          /* @__PURE__ */ e.jsx(T, { children: /* @__PURE__ */ e.jsx(j, { className: s.header, children: g.map((t) => /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ a(I, { className: e.table, children: [
+          /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(p, { className: e.header, children: h.map((r) => /* @__PURE__ */ o(
             "th",
             {
-              className: r(s.th, {
-                [s.clickable]: t.sortColumn && a
+              className: l(e.th, {
+                [e.clickable]: r.sortColumn && s
               }),
-              children: /* @__PURE__ */ e.jsxs(
+              children: /* @__PURE__ */ a(
                 "div",
                 {
-                  className: s.headerCell,
+                  className: e.headerCell,
                   onClick: () => {
-                    t.sortColumn && a && (t.sortColumn === i ? a(
-                      t.sortColumn,
+                    r.sortColumn && s && (r.sortColumn === i ? s(
+                      r.sortColumn,
                       d === "asc" ? "desc" : "asc"
-                    ) : a(t.sortColumn, "asc"));
+                    ) : s(r.sortColumn, "asc"));
                   },
                   children: [
-                    t.title,
-                    t.sortColumn && /* @__PURE__ */ e.jsxs("div", { className: s.sortIcons, children: [
-                      /* @__PURE__ */ e.jsx(
-                        A,
+                    r.title,
+                    r.sortColumn && /* @__PURE__ */ a("div", { className: e.sortIcons, children: [
+                      /* @__PURE__ */ o(
+                        y,
                         {
-                          className: r(s.sortIcon, {
-                            [s.selected]: t.sortColumn === i && d === "asc"
+                          className: l(e.sortIcon, {
+                            [e.selected]: r.sortColumn === i && d === "asc"
                           })
                         }
                       ),
-                      /* @__PURE__ */ e.jsx(
+                      /* @__PURE__ */ o(
                         R,
                         {
-                          className: r(s.sortIcon, {
-                            [s.selected]: t.sortColumn === i && d === "desc"
+                          className: l(e.sortIcon, {
+                            [e.selected]: r.sortColumn === i && d === "desc"
                           })
                         }
                       )
@@ -107,48 +102,48 @@ const D = "_contentContainer_lcghg_2", M = "_scrollableTableContainer_lcghg_10",
                 }
               )
             },
-            t.key
+            r.key
           )) }) }),
-          /* @__PURE__ */ e.jsx(v, { children: o.map((t) => /* @__PURE__ */ e.jsx(
-            j,
+          /* @__PURE__ */ o(P, { children: n.map((r) => /* @__PURE__ */ o(
+            p,
             {
-              className: r(s.row, {
-                [s.clickable]: h
+              className: l(e.row, {
+                [e.clickable]: _
               }),
               onClick: () => {
-                h && h(t);
+                _ && _(r);
               },
-              children: g.map((n) => /* @__PURE__ */ e.jsx(
-                z,
+              children: h.map((t) => /* @__PURE__ */ o(
+                x,
                 {
-                  className: s.td,
-                  align: n.align,
+                  className: e.td,
+                  align: t.align,
                   sx: {
-                    width: n.width ? `${n.width}px` : void 0
+                    width: t.width ? `${t.width}px` : void 0
                     // widthが存在する場合のみ適用
                   },
-                  children: n.render(t)
+                  children: t.render(r)
                 },
-                n.key
+                t.key
               ))
             },
-            t[w]
+            r[N]
           )) })
         ] })
       }
     ),
-    C && /* @__PURE__ */ e.jsx(
-      P,
+    m && /* @__PURE__ */ o(
+      V,
       {
-        pageCount: B,
-        activePage: x,
-        onChangePage: C
+        pageCount: k,
+        activePage: v,
+        onChangePage: m
       }
     )
   ] }) });
 };
 export {
-  L as DataTable,
-  L as default
+  oe as DataTable,
+  oe as default
 };
 //# sourceMappingURL=index.es.js.map