@jigowatts/jigowatts-ui 1.1.7 → 1.1.8

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 v, jsxs as c } from "react/jsx-runtime";
+import { Table as P, TableHead as x, TableRow as f, TableBody as y, TableCell as z } from "@mui/material";
+import t from "classnames";
+import { BiSolidUpArrow as R, BiSolidDownArrow as D } from "react-icons/bi";
+import { PageSizeSelector as V } from "../PageSizeSelector/index.es.js";
+import { Pagination as j } from "../Pagination/index.es.js";
+import '../../assets/index13.css';const A = "_contentContainer_lcghg_2", F = "_scrollableTableContainer_lcghg_10", H = "_table_lcghg_20", M = "_header_lcghg_26", U = "_th_lcghg_34", $ = "_headerCell_lcghg_46", q = "_sortIcons_lcghg_53", E = "_sortIcon_lcghg_53", G = "_selected_lcghg_69", J = "_row_lcghg_73", K = "_clickable_lcghg_81", O = "_td_lcghg_85", Q = "_nonBorder_lcghg_91", e = {
+  contentContainer: A,
+  scrollableTableContainer: F,
+  table: H,
+  header: M,
+  th: U,
+  headerCell: $,
+  sortIcons: q,
+  sortIcon: E,
+  selected: G,
+  row: J,
+  clickable: K,
+  td: O,
+  nonBorder: Q
+}, oe = (u) => {
   const {
     columns: g,
-    dataList: o,
+    dataList: r,
     totalCount: _,
-    currentPage: u,
-    pageSize: c,
-    pageSizeSelectorValues: f,
-    keyColumn: w,
+    currentPage: N,
+    pageSize: a,
+    pageSizeSelectorValues: w,
+    keyColumn: k,
     sortColumn: i,
     sortDirection: d,
-    isLoading: N,
+    isLoading: S,
     onClickRow: h,
-    onChangeSort: a,
+    onChangeSort: s,
     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,
+    showBorder: T
+  } = u;
+  if (S)
+    return /* @__PURE__ */ o("span", { children: "読み込み中" });
+  if (!r)
+    return /* @__PURE__ */ o("span", { children: "データの取得ができませんでした。" });
+  if ((r == null ? void 0 : r.length) === 0)
+    return /* @__PURE__ */ o("span", { children: "データがありません。" });
+  const I = Math.ceil(_ / a), b = N - 1, p = b * a + 1, B = p - 1 + ((r == null ? void 0 : r.length) ?? 0);
+  return /* @__PURE__ */ o(v, { children: /* @__PURE__ */ c("div", { className: e.contentContainer, children: [
+    m && /* @__PURE__ */ o(
+      V,
       {
-        startRecordNum: b,
-        endRecordNum: I,
-        values: f,
-        defaultValue: c,
+        startRecordNum: p,
+        endRecordNum: B,
+        values: w,
+        defaultValue: a,
         totalCount: _,
         onChangePageSize: m
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o(
       "div",
       {
-        className: r(s.scrollableTableContainer, {
-          [s.nonBorder]: k === !1
+        className: t(e.scrollableTableContainer, {
+          [e.nonBorder]: T === !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__ */ c(P, { className: e.table, children: [
+          /* @__PURE__ */ o(x, { children: /* @__PURE__ */ o(f, { className: e.header, children: g.map((l) => /* @__PURE__ */ o(
             "th",
             {
-              className: r(s.th, {
-                [s.clickable]: t.sortColumn && a
+              className: t(e.th, {
+                [e.clickable]: l.sortColumn && s
               }),
-              children: /* @__PURE__ */ e.jsxs(
+              children: /* @__PURE__ */ c(
                 "div",
                 {
-                  className: s.headerCell,
+                  className: e.headerCell,
                   onClick: () => {
-                    t.sortColumn && a && (t.sortColumn === i ? a(
-                      t.sortColumn,
+                    l.sortColumn && s && (l.sortColumn === i ? s(
+                      l.sortColumn,
                       d === "asc" ? "desc" : "asc"
-                    ) : a(t.sortColumn, "asc"));
+                    ) : s(l.sortColumn, "asc"));
                   },
                   children: [
-                    t.title,
-                    t.sortColumn && /* @__PURE__ */ e.jsxs("div", { className: s.sortIcons, children: [
-                      /* @__PURE__ */ e.jsx(
-                        A,
+                    l.title,
+                    l.sortColumn && /* @__PURE__ */ c("div", { className: e.sortIcons, children: [
+                      /* @__PURE__ */ o(
+                        R,
                         {
-                          className: r(s.sortIcon, {
-                            [s.selected]: t.sortColumn === i && d === "asc"
+                          className: t(e.sortIcon, {
+                            [e.selected]: l.sortColumn === i && d === "asc"
                           })
                         }
                       ),
-                      /* @__PURE__ */ e.jsx(
-                        R,
+                      /* @__PURE__ */ o(
+                        D,
                         {
-                          className: r(s.sortIcon, {
-                            [s.selected]: t.sortColumn === i && d === "desc"
+                          className: t(e.sortIcon, {
+                            [e.selected]: l.sortColumn === i && d === "desc"
                           })
                         }
                       )
@@ -107,48 +102,48 @@ const D = "_contentContainer_lcghg_2", M = "_scrollableTableContainer_lcghg_10",
                 }
               )
             },
-            t.key
+            l.key
           )) }) }),
-          /* @__PURE__ */ e.jsx(v, { children: o.map((t) => /* @__PURE__ */ e.jsx(
-            j,
+          /* @__PURE__ */ o(y, { children: r.map((l) => /* @__PURE__ */ o(
+            f,
             {
-              className: r(s.row, {
-                [s.clickable]: h
+              className: t(e.row, {
+                [e.clickable]: h
               }),
               onClick: () => {
-                h && h(t);
+                h && h(l);
               },
-              children: g.map((n) => /* @__PURE__ */ e.jsx(
+              children: g.map((n) => /* @__PURE__ */ o(
                 z,
                 {
-                  className: s.td,
+                  className: e.td,
                   align: n.align,
                   sx: {
                     width: n.width ? `${n.width}px` : void 0
                     // widthが存在する場合のみ適用
                   },
-                  children: n.render(t)
+                  children: n.render(l)
                 },
                 n.key
               ))
             },
-            t[w]
+            l[k]
           )) })
         ] })
       }
     ),
-    C && /* @__PURE__ */ e.jsx(
-      P,
+    C && /* @__PURE__ */ o(
+      j,
       {
-        pageCount: B,
-        activePage: x,
+        pageCount: I,
+        activePage: b,
         onChangePage: C
       }
     )
   ] }) });
 };
 export {
-  L as DataTable,
-  L as default
+  oe as DataTable,
+  oe as default
 };
 //# sourceMappingURL=index.es.js.map