@blocklet/labels 1.5.12 → 1.5.14

package/dist/index.es.js

@@ -1,24 +1,23 @@
-import { createContext as V, useRef as D, useState as S, useCallback as O, useEffect as E, useMemo as z, useContext as q } from "react";
-import j from "@mui/icons-material/ExpandMore";
+import { createContext as V, useRef as j, useState as I, useCallback as T, useEffect as D, useMemo as z, useContext as q } from "react";
+import F from "@mui/icons-material/ExpandMore";
 import p from "@mui/material/Box";
-import { styled as F } from "@mui/material/styles";
+import { styled as H } from "@mui/material/styles";
 import { Tree as U } from "react-arborist";
 import { Icon as X } from "@iconify/react";
-import { jsx as e, jsxs as C, Fragment as B } from "react/jsx-runtime";
-import _ from "lodash/omit";
-import ee, { components as H } from "react-select";
-import te from "@mui/material/Typography";
-import T from "@mui/material/Button";
+import { jsx as n, jsxs as C, Fragment as P } from "react/jsx-runtime";
+import ee from "lodash/omit";
+import te, { components as J } from "react-select";
+import ne from "@mui/material/Typography";
+import O from "@mui/material/Button";
 import N from "@mui/material/IconButton";
-import ne from "@mui/icons-material/DeleteOutlineOutlined";
-import re from "@mui/icons-material/EditOutlined";
-import oe from "@mui/icons-material/Add";
-import le from "react-use/lib/useSetState";
+import re from "@mui/icons-material/DeleteOutlineOutlined";
+import oe from "@mui/icons-material/EditOutlined";
+import le from "@mui/icons-material/Add";
 import M from "@mui/material/TextField";
 import ie from "@mui/base/ClickAwayListener";
 import { GithubPicker as se } from "react-color";
-import J from "@arcblock/ux/lib/Dialog";
-import { TextField as R, InputAdornment as ae, IconButton as ce, Box as P } from "@mui/material";
+import _ from "@arcblock/ux/lib/Dialog";
+import { TextField as R, InputAdornment as ae, IconButton as ce, Box as B } from "@mui/material";
 import de from "@mui/icons-material/Translate";
 import ue from "@mui/material/Popover";
 import { useLocaleContext as $ } from "@arcblock/ux/lib/Locale/context";
@@ -27,110 +26,110 @@ import pe from "@mui/icons-material/Edit";
 import me from "@mui/icons-material/LabelOutlined";
 import fe from "@mui/material/ClickAwayListener";
 import ge from "@mui/material/Chip";
-const xe = (t) => /* @__PURE__ */ e("svg", {
+const xe = (e) => /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em",
-  ...t,
-  children: /* @__PURE__ */ e("path", {
+  ...e,
+  children: /* @__PURE__ */ n("path", {
     fill: "currentColor",
     d: "M5 19q-.825 0-1.413-.587Q3 17.825 3 17V7q0-.825.587-1.412Q4.175 5 5 5h10q.5 0 .938.225q.437.225.712.625l3.525 5q.375.525.375 1.15q0 .625-.375 1.15l-3.525 5q-.275.4-.712.625Q15.5 19 15 19Z"
   })
-}), ye = (t) => /* @__PURE__ */ e("svg", {
+}), ye = (e) => /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
   width: "1.2em",
   height: "1.2em",
-  ...t,
-  children: /* @__PURE__ */ e("path", {
+  ...e,
+  children: /* @__PURE__ */ n("path", {
     fill: "currentColor",
     d: "m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4Z"
   })
 }), K = V({});
 function Ce({
-  selectable: t = !1,
-  selected: n = [],
-  onSelect: c,
-  renderItem: l,
-  children: o
+  selectable: e = !1,
+  selected: t = [],
+  onSelect: s,
+  renderItem: o,
+  children: l
 }) {
-  const r = (h) => n.indexOf(h) !== -1, i = (h) => {
-    Array.from(new Set(n).add(h)), c == null || c(h);
-  }, d = z(
+  const r = (h) => t.indexOf(h) !== -1, i = (h) => {
+    Array.from(new Set(t).add(h)), s == null || s(h);
+  }, a = z(
     () => ({
-      selectable: t,
-      selected: n,
+      selectable: e,
+      selected: t,
       isSelected: r,
       select: i,
-      renderItem: l
+      renderItem: o
     }),
-    [n]
+    [t]
   );
-  return /* @__PURE__ */ e(K.Provider, {
-    value: d,
-    children: o
+  return /* @__PURE__ */ n(K.Provider, {
+    value: a,
+    children: l
   });
 }
-const ve = (t) => {
-  var n;
-  return t.isLeaf || !((n = t.data.children) != null && n.length);
+const ve = (e) => {
+  var t;
+  return e.isLeaf || !((t = e.data.children) != null && t.length);
 };
 function be({
-  node: t
+  node: e
 }) {
-  return ve(t) ? /* @__PURE__ */ e("span", {}) : t.isOpen ? /* @__PURE__ */ e(j, {
+  return ve(e) ? /* @__PURE__ */ n("span", {}) : e.isOpen ? /* @__PURE__ */ n(F, {
     style: {
       fontSize: 20
     }
-  }) : /* @__PURE__ */ e(j, {
+  }) : /* @__PURE__ */ n(F, {
     style: {
       fontSize: 20,
       transform: "rotate(-90deg)"
     }
   });
 }
-function Ie({
-  node: t,
-  style: n,
-  dragHandle: c
+function Se({
+  node: e,
+  style: t,
+  dragHandle: s
 }) {
   const {
-    selectable: l,
-    select: o,
+    selectable: o,
+    select: l,
     isSelected: r,
     renderItem: i
   } = q(K), {
-    data: d
-  } = t, h = d.icon ? /* @__PURE__ */ e(X, {
-    icon: d.icon,
+    data: a
+  } = e, h = a.icon ? /* @__PURE__ */ n(X, {
+    icon: a.icon,
     style: {
       fontSize: 18
     }
-  }) : /* @__PURE__ */ e(xe, {
+  }) : /* @__PURE__ */ n(xe, {
     style: {
       fontSize: 18,
-      color: d.color || "#ddd"
+      color: a.color || "#ddd"
     }
-  }), g = (s) => {
-    s.stopPropagation(), t.isInternal && t.toggle();
-  }, f = (s) => {
-    s.stopPropagation(), l && o(t.id);
-  }, x = /* @__PURE__ */ C(B, {
+  }), g = (c) => {
+    c.stopPropagation(), e.isInternal && e.toggle();
+  }, f = (c) => {
+    c.stopPropagation(), o && l(e.id);
+  }, x = /* @__PURE__ */ C(P, {
     children: [/* @__PURE__ */ C(p, {
       sx: {
         display: "flex",
         alignItems: "center",
         flex: 1
       },
-      children: [/* @__PURE__ */ e(p, {
+      children: [/* @__PURE__ */ n(p, {
         sx: {
           display: "flex",
           cursor: "pointer"
         },
         onClick: g,
-        children: /* @__PURE__ */ e(be, {
-          node: t
+        children: /* @__PURE__ */ n(be, {
+          node: e
         })
-      }), /* @__PURE__ */ e(p, {
+      }), /* @__PURE__ */ n(p, {
         sx: {
           display: "flex",
           alignItems: "center",
@@ -138,29 +137,29 @@ function Ie({
           height: 22
         },
         children: h
-      }), /* @__PURE__ */ e(p, {
+      }), /* @__PURE__ */ n(p, {
         component: "span",
         sx: {
           color: "grey.700"
         },
-        children: t.data.name
+        children: e.data.name
       })]
-    }), l && r(t.id) && /* @__PURE__ */ e(ye, {})]
+    }), o && r(e.id) && /* @__PURE__ */ n(ye, {})]
   });
   return /* @__PURE__ */ C(p, {
     className: "label-tree-item",
-    style: n,
+    style: t,
     sx: {
       display: "flex",
       alignItems: "center",
       justifyContent: "space-between"
     },
-    ref: c,
+    ref: s,
     onClick: f,
-    children: [!i && x, !!i && i(x, t.data)]
+    children: [!i && x, !!i && i(x, e.data)]
   });
 }
-const we = F(p)`
+const we = H(p)`
   > div,
   > div > div,
   > div > div > div {
@@ -175,107 +174,107 @@ const we = F(p)`
   }
 `;
 function W({
-  data: t,
-  selectable: n,
-  selected: c = [],
-  onSelect: l,
-  rowHeight: o = 28,
+  data: e,
+  selectable: t,
+  selected: s = [],
+  onSelect: o,
+  rowHeight: l = 28,
   renderItem: r,
   sx: i,
-  ...d
+  ...a
 }) {
-  const h = D(), g = [...Array.isArray(i) ? i : [i]], [f, x] = S(0), s = O(() => {
-    var b, a;
-    x((((a = (b = h.current) == null ? void 0 : b.visibleNodes) == null ? void 0 : a.length) || 0) * o);
-  }, [o]);
-  return E(() => {
-    s();
-  }, [t, s]), /* @__PURE__ */ e(Ce, {
-    selectable: n,
-    selected: c,
-    onSelect: l,
+  const h = j(), g = [...Array.isArray(i) ? i : [i]], [f, x] = I(0), c = T(() => {
+    var b, d;
+    x((((d = (b = h.current) == null ? void 0 : b.visibleNodes) == null ? void 0 : d.length) || 0) * l);
+  }, [l]);
+  return D(() => {
+    c();
+  }, [e, c]), /* @__PURE__ */ n(Ce, {
+    selectable: t,
+    selected: s,
+    onSelect: o,
     renderItem: r,
-    children: /* @__PURE__ */ e(we, {
-      ...d,
+    children: /* @__PURE__ */ n(we, {
+      ...a,
       sx: g,
-      children: /* @__PURE__ */ e(U, {
-        data: t,
-        rowHeight: o,
+      children: /* @__PURE__ */ n(U, {
+        data: e,
+        rowHeight: l,
         height: f,
         indent: 32,
         ref: h,
         onToggle: () => {
-          setTimeout(s);
+          setTimeout(c);
         },
-        children: Ie
+        children: Se
       })
     })
   });
 }
-const L = (t) => t.reduce((n, c) => {
-  var l;
-  return n.push(c), (l = c.children) != null && l.length && n.push(...L(c.children)), n;
-}, []), Q = (t) => t.map((n) => {
-  var c;
-  return (c = n.children) != null && c.length && (n.children = Q(n.children)), n;
-}), Se = (t, n = null) => {
+const L = (e) => e.reduce((t, s) => {
+  var o;
+  return t.push(s), (o = s.children) != null && o.length && t.push(...L(s.children)), t;
+}, []), Q = (e) => e.map((t) => {
+  var s;
+  return (s = t.children) != null && s.length && (t.children = Q(t.children)), t;
+}), Ie = (e, t = null) => {
   try {
-    return JSON.parse(t);
+    return JSON.parse(e);
   } catch {
-    return n;
+    return t;
   }
-}, ze = (t) => {
-  const n = t.reduce((o, r) => (o[r.id] = o[r.id] || {}, r.parentId && (o[r.id].parent = r.parentId, o[r.parentId] = o[r.parentId] || {}, o[r.parentId].children = o[r.parentId].children || [], o[r.parentId].children.push(r.id)), o), {}), c = t.map(({ parentId: o, translation: r, ...i }) => ({
+}, ze = (e) => {
+  const t = e.reduce((l, r) => (l[r.id] = l[r.id] || {}, r.parentId && (l[r.id].parent = r.parentId, l[r.parentId] = l[r.parentId] || {}, l[r.parentId].children = l[r.parentId].children || [], l[r.parentId].children.push(r.id)), l), {}), s = e.map(({ parentId: l, translation: r, ...i }) => ({
     ...i,
-    translation: Se(r),
+    translation: Ie(r),
     children: []
-  })), l = c.reduce((o, r) => ({ ...o, [r.id]: r }), {});
-  return c.forEach((o) => {
-    const r = n[o.id];
-    r.parent && l[r.parent] && (o.parent = l[r.parent]), r.children && (o.children = r.children.map((i) => l[i]));
-  }), c.filter((o) => !o.parent);
-}, ke = (t) => {
+  })), o = s.reduce((l, r) => ({ ...l, [r.id]: r }), {});
+  return s.forEach((l) => {
+    const r = t[l.id];
+    r.parent && o[r.parent] && (l.parent = o[r.parent]), r.children && (l.children = r.children.map((i) => o[i]));
+  }), s.filter((l) => !l.parent);
+}, ke = (e) => {
   const {
-    options: n,
-    getValue: c,
-    selectProps: l,
-    selectOption: o
-  } = t, r = c(), i = (d) => {
-    const h = n.find((g) => g.data.id === d);
-    h && o(h);
+    options: t,
+    getValue: s,
+    selectProps: o,
+    selectOption: l
+  } = e, r = s(), i = (a) => {
+    const h = t.find((g) => g.data.id === a);
+    h && l(h);
   };
-  return /* @__PURE__ */ C(B, {
-    children: [/* @__PURE__ */ e(H.MenuList, {
-      ..._(t, ["addon"]),
-      children: /* @__PURE__ */ e(p, {
+  return /* @__PURE__ */ C(P, {
+    children: [/* @__PURE__ */ n(J.MenuList, {
+      ...ee(e, ["addon"]),
+      children: /* @__PURE__ */ n(p, {
         sx: {
           px: 2,
           py: 1
         },
-        children: /* @__PURE__ */ e(W, {
-          data: l.data,
+        children: /* @__PURE__ */ n(W, {
+          data: o.data,
           selectable: !0,
           onSelect: i,
-          selected: r.map((d) => d.data.id)
+          selected: r.map((a) => a.data.id)
         })
       })
-    }), t.addon]
+    }), e.addon]
   });
 }, Te = ({
-  children: t,
-  ...n
+  children: e,
+  ...t
 }) => {
-  const [c, l] = t, o = Array.isArray(c) ? c.length : 0;
-  return /* @__PURE__ */ C(H.ValueContainer, {
-    ...n,
-    children: [/* @__PURE__ */ e(p, {
+  const [s, o] = e, l = Array.isArray(s) ? s.length : 0;
+  return /* @__PURE__ */ C(J.ValueContainer, {
+    ...t,
+    children: [/* @__PURE__ */ n(p, {
       component: "span",
       sx: {
         fontSize: 13,
         fontWeight: "bold"
       },
-      children: o ? "Labels" : "Filter by labels"
-    }), !!o && /* @__PURE__ */ e(p, {
+      children: l ? "Labels" : "Filter by labels"
+    }), !!l && /* @__PURE__ */ n(p, {
       sx: {
         display: "inline-flex",
         justifyContent: "center",
@@ -287,64 +286,64 @@ const L = (t) => t.reduce((n, c) => {
         fontSize: 12,
         bgcolor: "grey.200"
       },
-      children: o
-    }), l]
+      children: l
+    }), o]
   });
-}, Ae = {
-  control: (t) => ({
-    ...t,
+}, Oe = {
+  control: (e) => ({
+    ...e,
     minHeight: 31
   }),
-  valueContainer: (t) => ({
-    ...t,
+  valueContainer: (e) => ({
+    ...e,
     display: "flex"
   }),
-  dropdownIndicator: (t) => ({
-    ...t,
+  dropdownIndicator: (e) => ({
+    ...e,
     padding: "0 4px"
   }),
-  clearIndicator: (t) => ({
-    ...t,
+  clearIndicator: (e) => ({
+    ...e,
     padding: "4px"
   })
 };
-function Oe({
-  data: t,
-  value: n = [],
-  editable: c = !1,
-  addon: l,
-  onChange: o,
+function Ae({
+  data: e,
+  value: t = [],
+  editable: s = !1,
+  addon: o,
+  onChange: l,
   compact: r,
   ...i
 }) {
-  const d = D(null), h = z(() => L(t).map((a) => ({
-    data: a,
-    label: a.name,
-    value: a.id
-  })), [t]), g = h.reduce((a, w) => ({
-    ...a,
+  const a = j(null), h = z(() => L(e).map((d) => ({
+    data: d,
+    label: d.name,
+    value: d.id
+  })), [e]), g = h.reduce((d, w) => ({
+    ...d,
     [w.data.id]: w
-  }), {}), f = Array.isArray(n) ? n : [n], x = f.map((a) => g[a]), s = D({
-    prev: f.map((a) => g[a].data)
-  }), m = (a, w) => {
-    s.current.current = a.map((k) => k.data), ["clear", "remove-value"].includes(w.action) && d.current && setTimeout(() => {
+  }), {}), f = Array.isArray(t) ? t : [t], x = f.map((d) => g[d]), c = j({
+    prev: f.map((d) => g[d].data)
+  }), m = (d, w) => {
+    c.current.current = d.map((k) => k.data), ["clear", "remove-value"].includes(w.action) && a.current && setTimeout(() => {
       var k;
-      return (k = d == null ? void 0 : d.current) == null ? void 0 : k.blur();
+      return (k = a == null ? void 0 : a.current) == null ? void 0 : k.blur();
     }, 1);
   }, b = () => {
-    s.current.current && JSON.stringify(s.current.prev.map((w) => w.id)) !== JSON.stringify(s.current.current.map((w) => w.id)) && (o(s.current.current), s.current.prev = s.current.current);
+    c.current.current && JSON.stringify(c.current.prev.map((w) => w.id)) !== JSON.stringify(c.current.current.map((w) => w.id)) && (l(c.current.current), c.current.prev = c.current.current);
   };
-  return /* @__PURE__ */ e(p, {
+  return /* @__PURE__ */ n(p, {
     ...i,
-    children: /* @__PURE__ */ e(ee, {
-      ref: d,
+    children: /* @__PURE__ */ n(te, {
+      ref: a,
       defaultValue: x,
       options: h,
       onChange: m,
       components: {
-        MenuList: (a) => /* @__PURE__ */ e(ke, {
-          ...a,
-          addon: l
+        MenuList: (d) => /* @__PURE__ */ n(ke, {
+          ...d,
+          addon: o
         }),
         ...r && {
           ValueContainer: Te
@@ -352,24 +351,24 @@ function Oe({
       },
       placeholder: "Select labels",
       styles: {
-        ...r && Ae,
-        menu: (a) => ({
-          ...a,
-          ...c && {
+        ...r && Oe,
+        menu: (d) => ({
+          ...d,
+          ...s && {
             paddingBottom: "36px"
           },
           zIndex: 99
         }),
-        menuList: (a) => ({
-          ...a,
+        menuList: (d) => ({
+          ...d,
           overflowY: "auto",
           maxHeight: "264px"
         })
       },
-      theme: (a) => ({
-        ...a,
+      theme: (d) => ({
+        ...d,
         colors: {
-          ...a.colors,
+          ...d.colors,
           primary25: "#ddd",
           primary50: "#ddd",
           primary: "#ddd"
@@ -379,35 +378,77 @@ function Oe({
       isMulti: !0,
       closeMenuOnSelect: !1,
       onMenuClose: b,
-      data: t
+      data: e
     })
   });
 }
-function Be({
-  I18NProps: t,
-  ...n
+var E = function() {
+  return E = Object.assign || function(t) {
+    for (var s, o = 1, l = arguments.length; o < l; o++) {
+      s = arguments[o];
+      for (var r in s)
+        Object.prototype.hasOwnProperty.call(s, r) && (t[r] = s[r]);
+    }
+    return t;
+  }, E.apply(this, arguments);
+};
+function Pe(e, t) {
+  var s = typeof Symbol == "function" && e[Symbol.iterator];
+  if (!s)
+    return e;
+  var o = s.call(e), l, r = [], i;
+  try {
+    for (; (t === void 0 || t-- > 0) && !(l = o.next()).done; )
+      r.push(l.value);
+  } catch (a) {
+    i = { error: a };
+  } finally {
+    try {
+      l && !l.done && (s = o.return) && s.call(o);
+    } finally {
+      if (i)
+        throw i.error;
+    }
+  }
+  return r;
+}
+var Be = function(e) {
+  return typeof e == "function";
+}, Ne = function(e) {
+  var t = Pe(I(e), 2), s = t[0], o = t[1], l = T(function(r) {
+    o(function(i) {
+      var a = Be(r) ? r(i) : r;
+      return a ? E(E({}, i), a) : i;
+    });
+  }, []);
+  return [s, l];
+};
+const Ee = Ne;
+function Le({
+  I18NProps: e,
+  ...t
 }) {
   const {
-    languages: c
+    languages: s
   } = $(), {
-    translation: l,
-    onChange: o
-  } = t, [r, i] = S(null), d = (f) => {
+    translation: o,
+    onChange: l
+  } = e, [r, i] = I(null), a = (f) => {
     const x = f.currentTarget.closest(".MuiInputBase-root");
     x && i(x);
   }, h = () => {
     i(null);
-  }, g = c.filter((f) => f.code !== "en");
-  return /* @__PURE__ */ e(R, {
-    ...n,
+  }, g = s.filter((f) => f.code !== "en");
+  return /* @__PURE__ */ n(R, {
+    ...t,
     InputProps: {
       endAdornment: /* @__PURE__ */ C(ae, {
         position: "end",
-        children: [/* @__PURE__ */ e(ce, {
+        children: [/* @__PURE__ */ n(ce, {
           edge: "end",
-          onClick: d,
-          children: /* @__PURE__ */ e(de, {})
-        }), /* @__PURE__ */ e(ue, {
+          onClick: a,
+          children: /* @__PURE__ */ n(de, {})
+        }), /* @__PURE__ */ n(ue, {
           open: !!r,
           anchorEl: r,
           onClose: h,
@@ -431,14 +472,14 @@ function Be({
           sx: {
             mt: 2
           },
-          children: /* @__PURE__ */ e(P, {
+          children: /* @__PURE__ */ n(B, {
             sx: {
               p: 2
             },
             children: g.map(({
               code: f,
               name: x
-            }) => /* @__PURE__ */ C(P, {
+            }) => /* @__PURE__ */ C(B, {
               sx: {
                 display: "flex",
                 alignItems: "center",
@@ -447,24 +488,24 @@ function Be({
                   mt: 1
                 }
               },
-              children: [/* @__PURE__ */ e(P, {
+              children: [/* @__PURE__ */ n(B, {
                 sx: {
                   flex: "0 0 120px"
                 },
                 children: x
-              }), /* @__PURE__ */ e(P, {
+              }), /* @__PURE__ */ n(B, {
                 sx: {
                   flex: 1
                 },
-                children: /* @__PURE__ */ e(R, {
-                  value: l[f] || "",
+                children: /* @__PURE__ */ n(R, {
+                  value: o[f] || "",
                   size: "small",
                   sx: {
                     width: 1
                   },
-                  onChange: (s) => o({
-                    ...l,
-                    [f]: s.target.value
+                  onChange: (c) => l({
+                    ...o,
+                    [f]: c.target.value
                   })
                 })
               })]
@@ -475,98 +516,98 @@ function Be({
     }
   });
 }
-function Pe({
-  open: t,
-  initialLabel: n,
-  onSubmit: c,
-  onClose: l,
-  ...o
+function Me({
+  open: e,
+  initialLabel: t,
+  onSubmit: s,
+  onClose: o,
+  ...l
 }) {
-  const r = !(n != null && n.id), [i, d] = le({
-    name: (n == null ? void 0 : n.name) || "",
-    color: (n == null ? void 0 : n.color) || "#ddd",
-    slug: (n == null ? void 0 : n.id) || "",
-    translation: (n == null ? void 0 : n.translation) || {}
-  }), h = (a) => /^#([0-9A-F]{3}){1,2}$/i.test(a), g = z(() => r ? i.name && i.color && i.slug && h(i.color) : i.name && i.color && h(i.color), [i, r]), [f, x] = S(!1), s = () => {
-    c({
-      ...n,
+  const r = !(t != null && t.id), [i, a] = Ee({
+    name: (t == null ? void 0 : t.name) || "",
+    color: (t == null ? void 0 : t.color) || "#ddd",
+    slug: (t == null ? void 0 : t.id) || "",
+    translation: (t == null ? void 0 : t.translation) || {}
+  }), h = (d) => /^#([0-9A-F]{3}){1,2}$/i.test(d), g = z(() => r ? i.name && i.color && i.slug && h(i.color) : i.name && i.color && h(i.color), [i, r]), [f, x] = I(!1), c = () => {
+    s({
+      ...t,
       name: i.name,
       color: i.color,
       id: i.slug,
       translation: i.translation
     });
-  }, m = (a) => {
-    d({
-      color: a.hex
+  }, m = (d) => {
+    a({
+      color: d.hex
     }), setTimeout(() => x(!1));
-  }, b = (a) => {
-    d({
-      color: a.target.value
+  }, b = (d) => {
+    a({
+      color: d.target.value
     });
   };
-  return /* @__PURE__ */ e(J, {
-    open: t,
+  return /* @__PURE__ */ n(_, {
+    open: e,
     showCloseButton: !0,
     maxWidth: "lg",
     title: r ? "Create label" : "Edit label",
-    actions: /* @__PURE__ */ C(B, {
-      children: [/* @__PURE__ */ e(T, {
+    actions: /* @__PURE__ */ C(P, {
+      children: [/* @__PURE__ */ n(O, {
         color: "inherit",
         variant: "contained",
         size: "small",
-        onClick: l,
+        onClick: o,
         children: "Cancel"
-      }), /* @__PURE__ */ e(T, {
+      }), /* @__PURE__ */ n(O, {
         color: "primary",
         variant: "contained",
         size: "small",
-        onClick: s,
+        onClick: c,
         disabled: !g,
         children: r ? "Create" : "Save Changes"
       })]
     }),
-    onClose: l,
-    ...o,
+    onClose: o,
+    ...l,
     children: /* @__PURE__ */ C(p, {
       width: 600,
       minHeight: 280,
-      children: [/* @__PURE__ */ e(Be, {
+      children: [/* @__PURE__ */ n(Le, {
         label: "Name",
         value: i.name,
         placeholder: "New label",
         size: "small",
         fullWidth: !0,
-        onChange: (a) => d({
-          name: a.target.value
+        onChange: (d) => a({
+          name: d.target.value
         }),
         I18NProps: {
           translation: i.translation,
-          onChange: (a) => d({
-            translation: a
+          onChange: (d) => a({
+            translation: d
           })
         }
-      }), /* @__PURE__ */ e(M, {
+      }), /* @__PURE__ */ n(M, {
         label: "Slug",
         value: i.slug,
         size: "small",
         fullWidth: !0,
         disabled: !r,
-        onChange: (a) => d({
-          slug: a.target.value
+        onChange: (d) => a({
+          slug: d.target.value
         }),
         sx: {
           mt: 2
         }
-      }), (n == null ? void 0 : n.parent) && /* @__PURE__ */ e(M, {
+      }), (t == null ? void 0 : t.parent) && /* @__PURE__ */ n(M, {
         label: "Parent",
-        value: n.parent.name,
+        value: t.parent.name,
         size: "small",
         fullWidth: !0,
         disabled: !0,
         sx: {
           mt: 2
         }
-      }), /* @__PURE__ */ e(ie, {
+      }), /* @__PURE__ */ n(ie, {
         onClickAway: () => x(!1),
         children: /* @__PURE__ */ C(p, {
           sx: {
@@ -579,7 +620,7 @@ function Pe({
               alignItems: "center",
               gap: 1
             },
-            children: [/* @__PURE__ */ e(p, {
+            children: [/* @__PURE__ */ n(p, {
               sx: {
                 width: 30,
                 height: 30,
@@ -587,7 +628,7 @@ function Pe({
                 borderRadius: 1
               },
               onClick: () => x(!0)
-            }), /* @__PURE__ */ e(M, {
+            }), /* @__PURE__ */ n(M, {
               label: "",
               value: i.color,
               size: "small",
@@ -602,13 +643,13 @@ function Pe({
                 }
               }
             })]
-          }), f && /* @__PURE__ */ e(p, {
+          }), f && /* @__PURE__ */ n(p, {
             sx: {
               position: "absolute",
               top: 48,
               zIndex: 1
             },
-            children: /* @__PURE__ */ e(se, {
+            children: /* @__PURE__ */ n(se, {
               color: i.color,
               onChangeComplete: m
             })
@@ -618,51 +659,51 @@ function Pe({
     })
   });
 }
-function Ne({
-  open: t,
-  label: n,
-  onSubmit: c,
-  onClose: l,
-  ...o
+function je({
+  open: e,
+  label: t,
+  onSubmit: s,
+  onClose: o,
+  ...l
 }) {
-  return /* @__PURE__ */ e(J, {
-    open: t,
+  return /* @__PURE__ */ n(_, {
+    open: e,
     showCloseButton: !0,
     maxWidth: "md",
     title: "Delete",
-    actions: /* @__PURE__ */ C(B, {
-      children: [/* @__PURE__ */ e(T, {
+    actions: /* @__PURE__ */ C(P, {
+      children: [/* @__PURE__ */ n(O, {
         color: "inherit",
         variant: "contained",
         size: "small",
-        onClick: l,
+        onClick: o,
         children: "Cancel"
-      }), /* @__PURE__ */ e(T, {
+      }), /* @__PURE__ */ n(O, {
         color: "primary",
         variant: "contained",
         size: "small",
-        onClick: c,
+        onClick: s,
         children: "Delete"
       })]
     }),
-    onClose: l,
-    ...o,
+    onClose: o,
+    ...l,
     children: /* @__PURE__ */ C(p, {
       width: 600,
       minHeight: 280,
-      children: [/* @__PURE__ */ e(he, {
+      children: [/* @__PURE__ */ n(he, {
         severity: "info",
         sx: {
           mb: 2
         },
         children: "Are you sure you want to delete these labels ?"
-      }), /* @__PURE__ */ e(W, {
-        data: [n]
+      }), /* @__PURE__ */ n(W, {
+        data: [t]
       })]
     })
   });
 }
-const Le = F(W)`
+const De = H(W)`
   .label-tree-item {
     &:before {
       content: '';
@@ -683,9 +724,9 @@ const Le = F(W)`
     padding: 0 16px;
   }
 `;
-function Me({
-  locale: t,
-  value: n
+function We({
+  locale: e,
+  value: t
 }) {
   return /* @__PURE__ */ C(p, {
     sx: {
@@ -698,95 +739,95 @@ function Me({
       bgcolor: "grey.300",
       borderRadius: 2
     },
-    children: [/* @__PURE__ */ e(p, {
+    children: [/* @__PURE__ */ n(p, {
       sx: {
         pr: 0.5,
         borderRight: 1,
         borderColor: "grey.400"
       },
-      children: t
-    }), /* @__PURE__ */ e(p, {
+      children: e
+    }), /* @__PURE__ */ n(p, {
       sx: {
         pl: 0.5
       },
-      children: n
+      children: t
     })]
   });
 }
-function dt({
-  data: t,
-  api: n,
-  ...c
+function pt({
+  data: e,
+  api: t,
+  ...s
 }) {
-  const [l, o] = S(null), [r, i] = S(null), [d, h] = S(Q(t)), g = z(() => L(d), [d]), f = z(() => {
-    const u = (y, I) => y.map((v) => (I && (v.parent = I), v.children && (v.children = u(v.children, v)), v));
-    return u(d);
-  }, [d]), x = (u) => {
-    var y, I;
-    u.parent ? (u.parent.children = (I = (y = u.parent) == null ? void 0 : y.children) == null ? void 0 : I.map((v) => v.id === u.id ? {
+  const [o, l] = I(null), [r, i] = I(null), [a, h] = I(Q(e)), g = z(() => L(a), [a]), f = z(() => {
+    const u = (y, S) => y.map((v) => (S && (v.parent = S), v.children && (v.children = u(v.children, v)), v));
+    return u(a);
+  }, [a]), x = (u) => {
+    var y, S;
+    u.parent ? (u.parent.children = (S = (y = u.parent) == null ? void 0 : y.children) == null ? void 0 : S.map((v) => v.id === u.id ? {
       ...u
-    } : v), x(u.parent)) : h(d.map((v) => v.id === u.id ? {
+    } : v), x(u.parent)) : h(a.map((v) => v.id === u.id ? {
       ...u
     } : v));
-  }, s = (u) => {
-    u.parent ? (u.parent.children = u.parent.children || [], u.parent.children.push(u), h([...d])) : h([...d, u]);
+  }, c = (u) => {
+    u.parent ? (u.parent.children = u.parent.children || [], u.parent.children.push(u), h([...a])) : h([...a, u]);
   }, m = (u) => {
     var y;
-    u.parent ? u.parent.children = (y = u.parent.children) == null ? void 0 : y.filter((I) => I.id !== u.id) : h(d.filter((I) => I.id !== u.id));
+    u.parent ? u.parent.children = (y = u.parent.children) == null ? void 0 : y.filter((S) => S.id !== u.id) : h(a.filter((S) => S.id !== u.id));
   }, b = (u) => {
-    if (l)
+    if (o)
       return;
-    o({
+    l({
       id: "",
       name: "New label",
       parent: u,
       color: "#dddddd"
     });
-  }, a = (u) => {
-    l || o(u);
+  }, d = (u) => {
+    o || l(u);
   }, w = async (u) => {
-    if (!l)
+    if (!o)
       return;
     const {
       parent: y,
-      children: I,
+      children: S,
       translation: v,
       ...A
     } = u;
-    l.id ? (await n.updateLabel({
+    o.id ? (await t.updateLabel({
       ...A,
       translation: JSON.stringify(v),
       parentId: y == null ? void 0 : y.id
-    }), x(u)) : (await n.createLabel({
+    }), x(u)) : (await t.createLabel({
       ...A,
       translation: JSON.stringify(v),
       parentId: y == null ? void 0 : y.id
-    }), s(u)), o(null);
+    }), c(u)), l(null);
   }, k = async () => {
-    !r || (await n.deleteLabel(r.id), m(r), i(null));
-  }, G = (u, y) => /* @__PURE__ */ C(B, {
+    !r || (await t.deleteLabel(r.id), m(r), i(null));
+  }, G = (u, y) => /* @__PURE__ */ C(P, {
     children: [/* @__PURE__ */ C(p, {
       sx: {
         display: "flex",
         alignItems: "center",
         flexWrap: "wrap"
       },
-      children: [/* @__PURE__ */ e(p, {
+      children: [/* @__PURE__ */ n(p, {
         children: u
-      }), y.translation && /* @__PURE__ */ e(p, {
+      }), y.translation && /* @__PURE__ */ n(p, {
         sx: {
           display: "flex",
           alignItems: "center",
           gap: 0.5,
           ml: 2
         },
-        children: Object.keys(y.translation).map((I) => {
+        children: Object.keys(y.translation).map((S) => {
           var A;
-          const v = (A = y.translation) == null ? void 0 : A[I];
-          return v ? /* @__PURE__ */ e(Me, {
-            locale: I,
+          const v = (A = y.translation) == null ? void 0 : A[S];
+          return v ? /* @__PURE__ */ n(We, {
+            locale: S,
             value: v
-          }, I) : null;
+          }, S) : null;
         })
       })]
     }), /* @__PURE__ */ C(p, {
@@ -795,38 +836,38 @@ function dt({
         gap: 1,
         flex: "0 0 auto"
       },
-      children: [/* @__PURE__ */ e(N, {
+      children: [/* @__PURE__ */ n(N, {
         color: "inherit",
         size: "small",
         sx: {
           color: "grey.500"
         },
         onClick: () => b(y),
-        children: /* @__PURE__ */ e(oe, {
+        children: /* @__PURE__ */ n(le, {
           sx: {
             fontSize: 20
           }
         })
-      }), /* @__PURE__ */ e(N, {
+      }), /* @__PURE__ */ n(N, {
         color: "inherit",
         size: "small",
         sx: {
           color: "grey.500"
         },
-        onClick: () => a(y),
-        children: /* @__PURE__ */ e(re, {
+        onClick: () => d(y),
+        children: /* @__PURE__ */ n(oe, {
           sx: {
             fontSize: 18
           }
         })
-      }), /* @__PURE__ */ e(N, {
+      }), /* @__PURE__ */ n(N, {
         color: "inherit",
         size: "small",
         sx: {
           color: "grey.500"
         },
         onClick: () => i(y),
-        children: /* @__PURE__ */ e(ne, {
+        children: /* @__PURE__ */ n(re, {
           sx: {
             fontSize: 20
           }
@@ -835,18 +876,18 @@ function dt({
     })]
   });
   return /* @__PURE__ */ C(p, {
-    ...c,
+    ...s,
     children: [/* @__PURE__ */ C(p, {
       sx: {
         display: "flex",
         alignItems: "center",
         justifyContent: "space-between"
       },
-      children: [/* @__PURE__ */ e(te, {
+      children: [/* @__PURE__ */ n(ne, {
         component: "h2",
         variant: "h6",
         children: "Manage labels"
-      }), /* @__PURE__ */ e(T, {
+      }), /* @__PURE__ */ n(O, {
         color: "primary",
         variant: "contained",
         size: "small",
@@ -872,23 +913,23 @@ function dt({
           bgcolor: "grey.200"
         },
         children: [g.length, " labels"]
-      }), /* @__PURE__ */ e(p, {
+      }), /* @__PURE__ */ n(p, {
         sx: {
           pt: 0.5
         },
-        children: /* @__PURE__ */ e(Le, {
+        children: /* @__PURE__ */ n(De, {
           data: f,
           selected: [],
           renderItem: G,
           rowHeight: 64
         })
       })]
-    }), /* @__PURE__ */ e(Pe, {
-      open: !!l,
-      onClose: () => o(null),
-      initialLabel: l,
+    }), /* @__PURE__ */ n(Me, {
+      open: !!o,
+      onClose: () => l(null),
+      initialLabel: o,
       onSubmit: w
-    }, l == null ? void 0 : l.id), /* @__PURE__ */ e(Ne, {
+    }, o == null ? void 0 : o.id), /* @__PURE__ */ n(je, {
       open: !!r,
       onClose: () => i(null),
       label: r,
@@ -896,151 +937,151 @@ function dt({
     }, r == null ? void 0 : r.id)]
   });
 }
-const Y = V({}), Z = () => q(Y), ut = () => {
+const Y = V({}), Z = () => q(Y), mt = () => {
   const {
-    updateLabels: t
+    updateLabels: e
   } = Z();
-  E(() => () => {
-    t();
+  D(() => () => {
+    e();
   }, []);
 };
-function ht({
-  fetchLabels: t,
-  children: n
+function ft({
+  fetchLabels: e,
+  children: t
 }) {
   const {
-    locale: c
-  } = $(), [l, o] = S({
+    locale: s
+  } = $(), [o, l] = I({
     loading: !0,
     labels: [],
     updateCounter: 1
   });
-  E(() => {
+  D(() => {
     (async () => {
       try {
-        o((b) => ({
+        l((b) => ({
           ...b,
           loading: !0
         }));
-        const m = await t();
-        o((b) => ({
+        const m = await e();
+        l((b) => ({
           ...b,
           loading: !1,
           labels: ze(m)
         }));
       } catch (m) {
-        console.error(m), o((b) => ({
+        console.error(m), l((b) => ({
           ...b,
           loading: !1,
           labels: []
         }));
       }
     })();
-  }, [l.updateCounter]);
+  }, [o.updateCounter]);
   const r = z(() => {
     var m;
-    return (m = l.labels) != null && m.length ? L(l.labels).reduce((b, a) => ({
+    return (m = o.labels) != null && m.length ? L(o.labels).reduce((b, d) => ({
       ...b,
-      [a.id]: a
+      [d.id]: d
     }), {}) : {};
-  }, [l.labels]), i = O((s) => {
+  }, [o.labels]), i = T((c) => {
     var m;
     return {
-      ...s,
-      name: ((m = s.translation) == null ? void 0 : m[c]) || s.name
+      ...c,
+      name: ((m = c.translation) == null ? void 0 : m[s]) || c.name
     };
-  }, [c]), d = O((s) => s.filter(Boolean).map((m) => r[m]).map(i), [r, i]), h = O((s) => (s == null ? void 0 : s.split(",")) || [], []), g = O((s = []) => {
-    if (!!(s != null && s.length))
-      return s.join(",");
-  }, []), f = z(() => l.labels.map(i), [l.labels, i]), x = z(() => ({
-    loading: l.loading,
-    labels: l.labels || [],
-    updateLabels: () => o((s) => ({
-      ...s,
-      updateCounter: ++l.updateCounter
+  }, [s]), a = T((c) => c.filter(Boolean).map((m) => r[m]).map(i), [r, i]), h = T((c) => (c == null ? void 0 : c.split(",")) || [], []), g = T((c = []) => {
+    if (!!(c != null && c.length))
+      return c.join(",");
+  }, []), f = z(() => o.labels.map(i), [o.labels, i]), x = z(() => ({
+    loading: o.loading,
+    labels: o.labels || [],
+    updateLabels: () => l((c) => ({
+      ...c,
+      updateCounter: ++o.updateCounter
     })),
-    getLabelsById: d,
+    getLabelsById: a,
     parseLabelIds: h,
     stringifyLabelIds: g,
     localizedLabels: f
-  }), [l, d, h, g, f]);
-  return /* @__PURE__ */ e(Y.Provider, {
+  }), [o, a, h, g, f]);
+  return /* @__PURE__ */ n(Y.Provider, {
     value: x,
-    children: n
+    children: t
   });
 }
-function pt({
-  labels: t,
-  editable: n,
-  onChange: c,
-  sx: l
+function gt({
+  labels: e,
+  editable: t,
+  onChange: s,
+  sx: o
 }) {
-  const o = !(t != null && t.length), {
+  const l = !(e != null && e.length), {
     labels: r,
     loading: i,
-    getLabelsById: d
-  } = Z(), [h, g] = S(!1);
-  if (i || !n && o)
+    getLabelsById: a
+  } = Z(), [h, g] = I(!1);
+  if (i || !t && l)
     return null;
   const f = (m) => {
-    c == null || c(m), setTimeout(() => {
+    s == null || s(m), setTimeout(() => {
       g(!1);
     }, 300);
   };
   if (h)
-    return /* @__PURE__ */ e(fe, {
+    return /* @__PURE__ */ n(fe, {
       onClickAway: () => h && g(!1),
-      children: /* @__PURE__ */ e("div", {
-        children: /* @__PURE__ */ e(Oe, {
+      children: /* @__PURE__ */ n("div", {
+        children: /* @__PURE__ */ n(Ae, {
           data: r,
-          value: t || [],
+          value: e || [],
           onChange: f
         })
       })
     });
-  const x = d(t || []), s = [{
+  const x = a(e || []), c = [{
     display: "flex",
     gap: 1,
     alignItems: "center",
     flexWrap: "wrap"
-  }, ...Array.isArray(l) ? l : [l]];
+  }, ...Array.isArray(o) ? o : [o]];
   return /* @__PURE__ */ C(p, {
-    sx: s,
-    children: [x.map((m) => m ? /* @__PURE__ */ e(ge, {
+    sx: c,
+    children: [x.map((m) => m ? /* @__PURE__ */ n(ge, {
       label: m.name,
       variant: "filled",
       size: "small",
       sx: {
         borderRadius: 1
       }
-    }, m.id) : null), n && !o && /* @__PURE__ */ e(N, {
+    }, m.id) : null), t && !l && /* @__PURE__ */ n(N, {
       color: "inherit",
       size: "small",
       onClick: () => g(!0),
       sx: {
         color: "grey.400"
       },
-      children: /* @__PURE__ */ e(pe, {
+      children: /* @__PURE__ */ n(pe, {
         sx: {
           fontSize: 20
         }
       })
-    }), n && o && /* @__PURE__ */ e(T, {
+    }), t && l && /* @__PURE__ */ n(O, {
       color: "inherit",
       variant: "outlined",
-      startIcon: /* @__PURE__ */ e(me, {}),
+      startIcon: /* @__PURE__ */ n(me, {}),
       onClick: () => g(!0),
       children: "Edit labels"
     })]
   });
 }
 export {
-  dt as LabelManager,
-  Oe as LabelPicker,
+  pt as LabelManager,
+  Ae as LabelPicker,
   W as LabelTree,
-  pt as Labels,
-  ht as LabelsProvider,
+  gt as Labels,
+  ft as LabelsProvider,
   ze as transformLabels,
   Z as useLabelsContext,
-  ut as useLabelsUpdateOnDestroy
+  mt as useLabelsUpdateOnDestroy
 };