@jigowatts/jigowatts-ui 0.0.1-12

package/dist/components/CustomLink/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/CustomLink/index.test.js

@@ -0,0 +1,40 @@
+import { jsx as r } from "react/jsx-runtime";
+import { b as d, a as i, w as l, s as a } from "../../react.esm-C8amP77L.js";
+import { j as h } from "../../index-Di2gTfPF.js";
+import { CustomLink as o } from "./index.js";
+describe("CustomLink component", () => {
+  const s = "/test", t = "Test Link";
+  it("renders the link with correct href and children", async () => {
+    await d(() => {
+      i(/* @__PURE__ */ r(o, { href: s, children: t }));
+    }), await l(() => {
+      const e = a.getByText(t);
+      expect(e).toBeInTheDocument(), expect(e.closest("a")).toHaveAttribute("href", s);
+    });
+  }), it("applies the custom styles if isStyled is true", () => {
+    i(
+      /* @__PURE__ */ r(o, { href: s, isStyled: !0, children: t })
+    );
+    const e = a.getByText(t);
+    expect(e).toHaveClass("link");
+  }), it("does not apply the custom styles if isStyled is false", () => {
+    i(/* @__PURE__ */ r(o, { href: s, children: t }));
+    const e = a.getByText(t);
+    expect(e).not.toHaveClass("link");
+  }), it("renders the link with target and rel attributes if provided", () => {
+    const e = "_blank", n = "noopener noreferrer";
+    i(
+      /* @__PURE__ */ r(o, { href: s, target: e, rel: n, children: t })
+    );
+    const c = a.getByText(t);
+    expect(c.closest("a")).toHaveAttribute("target", e), expect(c.closest("a")).toHaveAttribute("rel", n);
+  }), it("should be accessible", async () => {
+    const { container: e } = i(
+      /* @__PURE__ */ r(o, { href: s, children: t })
+    );
+    await l(async () => {
+      const n = await h.axe(e);
+      expect.extend(h.toHaveNoViolations), expect(n).toHaveNoViolations();
+    });
+  });
+});

package/dist/components/DataTable/index.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+
+export type SortDirection = "asc" | "desc";
+export type ColumnAlign = "left" | "right" | "center" | "justify" | "inherit" | undefined;
+export type Column<T> = {
+    key: string;
+    title: string;
+    sortColumn?: keyof T;
+    render: (data: T) => ReactNode;
+    align?: ColumnAlign;
+};
+type Props<Key extends keyof T, T> = {
+    columns: Column<T>[];
+    dataList?: T[];
+    totalCount: number;
+    currentPage: number;
+    pageSize: number;
+    keyColumn: Key;
+    sortColumn?: keyof T;
+    sortDirection?: SortDirection;
+    isLoading: boolean;
+    onClickRow?: (data: T) => void;
+    onChangeSort?: (sortColumn: keyof T, sortDirection: SortDirection) => void;
+    onChangePage: (page: number) => void;
+    onChangePageSize?: (pageSize: number) => void;
+};
+export declare const DataTable: <Key extends keyof T, T extends Record<Key, string | number>>(props: Props<Key, T>) => import("react/jsx-runtime").JSX.Element;
+export default DataTable;

package/dist/components/DataTable/index.js

@@ -0,0 +1,137 @@
+import { jsx as e, Fragment as P, jsxs as s } from "react/jsx-runtime";
+import { Table as S, TableHead as x, TableRow as k, TableBody as y, TableCell as z } from "@mui/material";
+import { c } from "../../index-DWRHnq8_.js";
+import { G as p, P as B } from "../../index-C_i0-R5C.js";
+import { PageSizeSelector as A } from "../PageSizeSelector/index.js";
+import '../../assets/index20.css';function R(l) {
+  return p({ tag: "svg", 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 D(l) {
+  return p({ tag: "svg", 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 M = "_contentContainer_gkhb7_2", j = "_scrollableTableContainer_gkhb7_10", G = "_table_gkhb7_20", H = "_header_gkhb7_26", F = "_th_gkhb7_34", U = "_headerCell_gkhb7_46", V = "_sortIcons_gkhb7_53", q = "_sortIcon_gkhb7_53", E = "_selected_gkhb7_65", J = "_row_gkhb7_69", K = "_clickable_gkhb7_77", O = "_td_gkhb7_81", t = {
+  contentContainer: M,
+  scrollableTableContainer: j,
+  table: G,
+  header: H,
+  th: F,
+  headerCell: U,
+  sortIcons: V,
+  sortIcon: q,
+  selected: E,
+  row: J,
+  clickable: K,
+  td: O
+}, $ = (l) => {
+  const {
+    columns: _,
+    dataList: n,
+    totalCount: b,
+    currentPage: u,
+    pageSize: i,
+    keyColumn: f,
+    sortColumn: a,
+    sortDirection: h,
+    isLoading: N,
+    onClickRow: d,
+    onChangeSort: r,
+    onChangePage: w,
+    onChangePageSize: I
+  } = l;
+  if (N)
+    return /* @__PURE__ */ e("span", { children: "読み込み中" });
+  if (!n)
+    return /* @__PURE__ */ e("span", { children: "データの取得ができませんでした。" });
+  if ((n == null ? void 0 : n.length) === 0)
+    return /* @__PURE__ */ e("span", { children: "データがありません。" });
+  const T = Math.ceil(b / i), C = u - 1, m = C * i + 1, v = m - 1 + ((n == null ? void 0 : n.length) ?? 0);
+  return /* @__PURE__ */ e(P, { children: /* @__PURE__ */ s("div", { className: t.contentContainer, children: [
+    /* @__PURE__ */ e(
+      A,
+      {
+        startRecordNum: m,
+        endRecordNum: v,
+        totalCount: b,
+        defaultValue: i,
+        onChangePageSize: I
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: t.scrollableTableContainer, children: /* @__PURE__ */ s(S, { className: t.table, children: [
+      /* @__PURE__ */ e(x, { children: /* @__PURE__ */ e(k, { className: t.header, children: _.map((o) => /* @__PURE__ */ e(
+        "th",
+        {
+          className: c(t.th, {
+            [t.clickable]: o.sortColumn && r
+          }),
+          children: /* @__PURE__ */ s(
+            "div",
+            {
+              className: t.headerCell,
+              onClick: () => {
+                o.sortColumn && r && (o.sortColumn === a ? r(
+                  o.sortColumn,
+                  h === "asc" ? "desc" : "asc"
+                ) : (console.log(a), console.log("else"), r(o.sortColumn, "asc")));
+              },
+              children: [
+                o.title,
+                o.sortColumn && /* @__PURE__ */ s("div", { className: t.sortIcons, children: [
+                  /* @__PURE__ */ e(
+                    D,
+                    {
+                      className: c(t.sortIcon, {
+                        [t.selected]: o.sortColumn === a && h === "asc"
+                      })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    R,
+                    {
+                      className: c(t.sortIcon, {
+                        [t.selected]: o.sortColumn === a && h === "desc"
+                      })
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        },
+        o.key
+      )) }) }),
+      /* @__PURE__ */ e(y, { children: n.map((o) => /* @__PURE__ */ e(
+        k,
+        {
+          className: c(t.row, {
+            [t.clickable]: d
+          }),
+          onClick: () => {
+            d && d(o);
+          },
+          children: _.map((g) => /* @__PURE__ */ e(
+            z,
+            {
+              className: t.td,
+              align: g.align,
+              children: g.render(o)
+            },
+            g.key
+          ))
+        },
+        o[f]
+      )) })
+    ] }) }),
+    /* @__PURE__ */ e(
+      B,
+      {
+        pageCount: T,
+        activePage: C,
+        onChangePage: w
+      }
+    )
+  ] }) });
+};
+export {
+  $ as DataTable,
+  $ as default
+};

package/dist/components/DataTable/index.test.d.ts

@@ -0,0 +1 @@
+