react-toolkits 0.4.4 → 0.5.0

package/lib/index-46YNBewp.chunk.js

@@ -0,0 +1,170 @@
+import { u as S, j as e, b as $ } from "./index-gdaNSPz6.chunk.js";
+import { Collapse as D, Checkbox as k, Row as G, Col as _, Skeleton as T, Typography as A, Divider as w, Card as K, Space as M, Select as E, Button as N, Empty as O } from "antd";
+import { d as R, e as B } from "./index-2yXDMFsB.chunk.js";
+import { useState as P, useCallback as F, useEffect as b } from "react";
+const q = (x) => {
+  const { permissions: l, readonly: t, expand: d, value: r, onChange: a } = x, [m, p] = P([]), [g, u] = P({}), [c, f] = P(r ?? []), C = S(), h = F((s) => {
+    p(s);
+  }, []), L = (s, i) => {
+    let n = [];
+    return s ? n = [...new Set(c.concat(i))] : (n = c.slice(), i.forEach((o) => {
+      const j = n.findIndex((y) => y === o);
+      j > -1 && n.splice(j, 1);
+    })), n;
+  }, v = (s, i) => {
+    const n = L(s.target.checked, i);
+    f(n), a == null || a(n);
+  };
+  return b(() => {
+    f(r ?? []);
+  }, [r]), b(() => {
+    d && p((l ?? []).map(({ category: s }) => s));
+  }, [d, l]), b(() => {
+    const s = (l ?? []).reduce(
+      (i, n) => (i[n.category] = n.permissions.every((o) => c == null ? void 0 : c.includes(o.value)), i),
+      {}
+    );
+    u(s);
+  }, [c, l]), /* @__PURE__ */ e.jsx(
+    D,
+    {
+      style: { width: "100%" },
+      collapsible: "header",
+      activeKey: m,
+      items: (l ?? []).map((s) => ({
+        key: s.category,
+        label: s.category,
+        extra: !t && /* @__PURE__ */ e.jsx(
+          k,
+          {
+            checked: g[s.category],
+            onChange: (i) => {
+              v(
+                i,
+                s.permissions.map((n) => n.value)
+              );
+            },
+            children: C("global.selectAll")
+          }
+        ),
+        children: /* @__PURE__ */ e.jsx(k.Group, { style: { width: "100%" }, value: c, disabled: t, children: /* @__PURE__ */ e.jsx(G, { gutter: [10, 10], style: { width: "100%" }, children: s.permissions.map((i) => /* @__PURE__ */ e.jsx(_, { span: 6, children: /* @__PURE__ */ e.jsx(
+          k,
+          {
+            value: i.value,
+            onChange: (n) => {
+              v(n, [i.value]);
+            },
+            children: i.label
+          }
+        ) }, i.value)) }) })
+      })),
+      onChange: h
+    }
+  );
+}, V = q, { Text: z } = A, H = (x) => {
+  const { expand: l = !0, value: t, readonly: d, onChange: r } = x, { data: a, isLoading: m, error: p } = R(), g = S();
+  return p ? /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsx(z, { type: "danger", children: g("PermissionList.failedDescription") }) }) : /* @__PURE__ */ e.jsx(T, { active: !0, loading: m, children: /* @__PURE__ */ e.jsx(
+    V,
+    {
+      value: t,
+      permissions: a,
+      readonly: d,
+      expand: l,
+      onChange: r
+    }
+  ) });
+}, J = H, { Text: I } = A, { Option: Q } = E, U = (x) => {
+  const { expand: l = !0, value: t, readonly: d, onChange: r } = x, { data: { permission: a, game: m } = {}, isLoading: p, error: g } = B(), [u, c] = P([]), f = a == null ? void 0 : a.filter((s) => s.is_common), C = a == null ? void 0 : a.filter((s) => !s.is_common), h = S();
+  if (b(() => {
+    const s = [];
+    Object.keys(t ?? {}).forEach((i) => {
+      i !== "global" && s.push({ gameId: i, permissions: (t == null ? void 0 : t[i]) ?? [] });
+    }), c(s);
+  }, [t]), g)
+    return /* @__PURE__ */ e.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ e.jsx(I, { type: "danger", children: h("PermissionList.failedDescription") }) });
+  const L = () => {
+    c((s) => [...s, { gameId: "", permissions: [] }]);
+  }, v = (s) => {
+    c((i) => i.filter((n, o) => o !== s));
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col w-full", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "mb-12", children: /* @__PURE__ */ e.jsx(w, { dashed: !0, children: h("PermissionList.baseSectionTitle") }) }),
+    /* @__PURE__ */ e.jsx(T, { active: !0, loading: p, children: /* @__PURE__ */ e.jsx(
+      V,
+      {
+        value: t == null ? void 0 : t.global,
+        readonly: d,
+        permissions: f,
+        expand: l,
+        onChange: (s) => {
+          r == null || r({
+            ...t,
+            global: s
+          });
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx("div", { className: "my-12", children: /* @__PURE__ */ e.jsx(w, { dashed: !0, children: h("PermissionList.gameSectionTitle") }) }),
+    u.map((s, i) => {
+      var n;
+      return /* @__PURE__ */ e.jsx(
+        K,
+        {
+          title: /* @__PURE__ */ e.jsxs(M, { children: [
+            /* @__PURE__ */ e.jsx(I, { children: h("global.game") }),
+            d ? /* @__PURE__ */ e.jsx(I, { children: (n = m == null ? void 0 : m.find((o) => o.id === s.gameId)) == null ? void 0 : n.name }) : /* @__PURE__ */ e.jsx(
+              E,
+              {
+                disabled: d,
+                value: u[i].gameId || void 0,
+                style: { width: "160px" },
+                placeholder: h("PermissionList.gameSelectPlaceholder"),
+                onChange: (o) => {
+                  c((j) => {
+                    const y = j.slice();
+                    return y[i].gameId = o, y;
+                  });
+                },
+                children: m == null ? void 0 : m.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o.id, disabled: u.some(({ gameId: j }) => j === o.id), children: o.name }, o.id))
+              }
+            )
+          ] }),
+          className: "mb-6",
+          extra: !d && /* @__PURE__ */ e.jsx(
+            N,
+            {
+              type: "link",
+              onClick: () => {
+                v(i);
+              },
+              children: h("PermissionList.removeText")
+            }
+          ),
+          children: u[i].gameId ? /* @__PURE__ */ e.jsx(T, { active: !0, loading: p, children: /* @__PURE__ */ e.jsx(
+            V,
+            {
+              value: t == null ? void 0 : t[u[i].gameId],
+              readonly: d,
+              expand: l,
+              permissions: C,
+              onChange: (o) => {
+                r == null || r({
+                  ...t,
+                  [u[i].gameId]: o
+                });
+              }
+            }
+          ) }) : /* @__PURE__ */ e.jsx(O, { description: h("PermissionList.gameSectionDescription") })
+        },
+        i
+      );
+    }),
+    !d && /* @__PURE__ */ e.jsx(N, { block: !0, type: "dashed", onClick: L, children: h("PermissionList.addText") })
+  ] });
+}, W = U, X = (x) => {
+  const { value: l } = x, { usePermissionApiV2: t } = $();
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: t ? /* @__PURE__ */ e.jsx(W, { ...x, value: l }) : /* @__PURE__ */ e.jsx(J, { ...x, value: l }) });
+}, ie = X;
+export {
+  ie as P
+};