@blocklet/labels 1.5.32 → 1.5.33

package/dist/index.es.js

@@ -1,28 +1,28 @@
-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 { createContext as q, useRef as D, useState as z, useCallback as A, useEffect as W, useMemo as k, useContext as $ } from "react";
+import R from "@mui/icons-material/ExpandMore";
 import p from "@mui/material/Box";
 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 n, jsxs as C, Fragment as P } from "react/jsx-runtime";
+import { jsx as n, jsxs as v, 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 T from "@mui/material/Button";
 import N from "@mui/material/IconButton";
 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 j from "@mui/material/TextField";
 import ie from "@mui/base/ClickAwayListener";
 import { GithubPicker as se } from "react-color";
 import _ from "@arcblock/ux/lib/Dialog";
-import { TextField as R, InputAdornment as ae, IconButton as ce, Box as B } from "@mui/material";
+import { TextField as V, 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";
-import he from "@mui/material/Alert";
-import pe from "@mui/icons-material/Edit";
+import { useLocaleContext as K } from "@arcblock/ux/lib/Locale/context";
+import pe from "@mui/material/Alert";
+import he from "@mui/icons-material/Edit";
 import me from "@mui/icons-material/LabelOutlined";
 import fe from "@mui/material/ClickAwayListener";
 import ge from "@mui/material/Chip";
@@ -44,29 +44,29 @@ const xe = (e) => /* @__PURE__ */ n("svg", {
     fill: "currentColor",
     d: "m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4Z"
   })
-}), K = V({});
+}), Q = q({});
 function Ce({
   selectable: e = !1,
   selected: t = [],
   onSelect: s,
-  renderItem: o,
-  children: l
+  renderItem: l,
+  children: o
 }) {
-  const r = (h) => t.indexOf(h) !== -1, i = (h) => {
-    Array.from(new Set(t).add(h)), s == null || s(h);
-  }, a = z(
+  const r = (u) => t.indexOf(u) !== -1, i = (u) => {
+    Array.from(new Set(t).add(u)), s == null || s(u);
+  }, a = k(
     () => ({
       selectable: e,
       selected: t,
       isSelected: r,
       select: i,
-      renderItem: o
+      renderItem: l
     }),
     [t]
   );
-  return /* @__PURE__ */ n(K.Provider, {
+  return /* @__PURE__ */ n(Q.Provider, {
     value: a,
-    children: l
+    children: o
   });
 }
 const ve = (e) => {
@@ -76,11 +76,11 @@ const ve = (e) => {
 function be({
   node: e
 }) {
-  return ve(e) ? /* @__PURE__ */ n("span", {}) : e.isOpen ? /* @__PURE__ */ n(F, {
+  return ve(e) ? /* @__PURE__ */ n("span", {}) : e.isOpen ? /* @__PURE__ */ n(R, {
     style: {
       fontSize: 20
     }
-  }) : /* @__PURE__ */ n(F, {
+  }) : /* @__PURE__ */ n(R, {
     style: {
       fontSize: 20,
       transform: "rotate(-90deg)"
@@ -93,13 +93,13 @@ function Se({
   dragHandle: s
 }) {
   const {
-    selectable: o,
-    select: l,
+    selectable: l,
+    select: o,
     isSelected: r,
     renderItem: i
-  } = q(K), {
+  } = $(Q), {
     data: a
-  } = e, h = a.icon ? /* @__PURE__ */ n(X, {
+  } = e, u = a.icon ? /* @__PURE__ */ n(X, {
     icon: a.icon,
     style: {
       fontSize: 18
@@ -109,12 +109,12 @@ function Se({
       fontSize: 18,
       color: a.color || "#ddd"
     }
-  }), g = (c) => {
-    c.stopPropagation(), e.isInternal && e.toggle();
-  }, f = (c) => {
-    c.stopPropagation(), o && l(e.id);
-  }, x = /* @__PURE__ */ C(P, {
-    children: [/* @__PURE__ */ C(p, {
+  }), m = (d) => {
+    d.stopPropagation(), e.isInternal && e.toggle();
+  }, g = (d) => {
+    d.stopPropagation(), l && o(e.id);
+  }, x = /* @__PURE__ */ v(P, {
+    children: [/* @__PURE__ */ v(p, {
       sx: {
         display: "flex",
         alignItems: "center",
@@ -125,7 +125,7 @@ function Se({
           display: "flex",
           cursor: "pointer"
         },
-        onClick: g,
+        onClick: m,
         children: /* @__PURE__ */ n(be, {
           node: e
         })
@@ -136,7 +136,7 @@ function Se({
           width: 22,
           height: 22
         },
-        children: h
+        children: u
       }), /* @__PURE__ */ n(p, {
         component: "span",
         sx: {
@@ -144,9 +144,9 @@ function Se({
         },
         children: e.data.name
       })]
-    }), o && r(e.id) && /* @__PURE__ */ n(ye, {})]
+    }), l && r(e.id) && /* @__PURE__ */ n(ye, {})]
   });
-  return /* @__PURE__ */ C(p, {
+  return /* @__PURE__ */ v(p, {
     className: "label-tree-item",
     style: t,
     sx: {
@@ -155,7 +155,7 @@ function Se({
       justifyContent: "space-between"
     },
     ref: s,
-    onClick: f,
+    onClick: g,
     children: [!i && x, !!i && i(x, e.data)]
   });
 }
@@ -173,38 +173,38 @@ const we = H(p)`
     width: 100%;
   }
 `;
-function W({
+function F({
   data: e,
   selectable: t,
   selected: s = [],
-  onSelect: o,
-  rowHeight: l = 28,
+  onSelect: l,
+  rowHeight: o = 28,
   renderItem: r,
   sx: i,
   ...a
 }) {
-  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, {
+  const u = D(), m = [...Array.isArray(i) ? i : [i]], [g, x] = z(0), d = A(() => {
+    var y, b;
+    x((((b = (y = u.current) == null ? void 0 : y.visibleNodes) == null ? void 0 : b.length) || 0) * o);
+  }, [o]);
+  return W(() => {
+    d();
+  }, [e, d]), /* @__PURE__ */ n(Ce, {
     selectable: t,
     selected: s,
-    onSelect: o,
+    onSelect: l,
     renderItem: r,
     children: /* @__PURE__ */ n(we, {
       ...a,
-      sx: g,
+      sx: m,
       children: /* @__PURE__ */ n(U, {
         data: e,
-        rowHeight: l,
-        height: f,
+        rowHeight: o,
+        height: g,
         indent: 32,
-        ref: h,
+        ref: u,
         onToggle: () => {
-          setTimeout(c);
+          setTimeout(d);
         },
         children: Se
       })
@@ -212,11 +212,11 @@ function W({
   });
 }
 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 l;
+  return t.push(s), (l = s.children) != null && l.length && t.push(...L(s.children)), t;
+}, []), Y = (e) => e.map((t) => {
   var s;
-  return (s = t.children) != null && s.length && (t.children = Q(t.children)), t;
+  return (s = t.children) != null && s.length && (t.children = Y(t.children)), t;
 }), Ie = (e, t = null) => {
   try {
     return JSON.parse(e);
@@ -224,26 +224,26 @@ const L = (e) => e.reduce((t, s) => {
     return t;
   }
 }, 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 }) => ({
+  const t = e.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), {}), s = e.map(({ parentId: o, translation: r, ...i }) => ({
     ...i,
     translation: Ie(r),
     children: []
-  })), 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);
+  })), l = s.reduce((o, r) => ({ ...o, [r.id]: r }), {});
+  return s.forEach((o) => {
+    const r = t[o.id];
+    r.parent && l[r.parent] && (o.parent = l[r.parent]), r.children && (o.children = r.children.map((i) => l[i]));
+  }), s.filter((o) => !o.parent);
 }, ke = (e) => {
   const {
     options: t,
     getValue: s,
-    selectProps: o,
-    selectOption: l
+    selectProps: l,
+    selectOption: o
   } = e, r = s(), i = (a) => {
-    const h = t.find((g) => g.data.id === a);
-    h && l(h);
+    const u = t.find((m) => m.data.id === a);
+    u && o(u);
   };
-  return /* @__PURE__ */ C(P, {
+  return /* @__PURE__ */ v(P, {
     children: [/* @__PURE__ */ n(J.MenuList, {
       ...ee(e, ["addon"]),
       children: /* @__PURE__ */ n(p, {
@@ -251,8 +251,8 @@ const L = (e) => e.reduce((t, s) => {
           px: 2,
           py: 1
         },
-        children: /* @__PURE__ */ n(W, {
-          data: o.data,
+        children: /* @__PURE__ */ n(F, {
+          data: l.data,
           selectable: !0,
           onSelect: i,
           selected: r.map((a) => a.data.id)
@@ -260,12 +260,12 @@ const L = (e) => e.reduce((t, s) => {
       })
     }), e.addon]
   });
-}, Te = ({
+}, Ae = ({
   children: e,
   ...t
 }) => {
-  const [s, o] = e, l = Array.isArray(s) ? s.length : 0;
-  return /* @__PURE__ */ C(J.ValueContainer, {
+  const [s, l] = e, o = Array.isArray(s) ? s.length : 0;
+  return /* @__PURE__ */ v(J.ValueContainer, {
     ...t,
     children: [/* @__PURE__ */ n(p, {
       component: "span",
@@ -273,8 +273,8 @@ const L = (e) => e.reduce((t, s) => {
         fontSize: 13,
         fontWeight: "bold"
       },
-      children: l ? "Labels" : "Filter by labels"
-    }), !!l && /* @__PURE__ */ n(p, {
+      children: o ? "Labels" : "Filter by labels"
+    }), !!o && /* @__PURE__ */ n(p, {
       sx: {
         display: "inline-flex",
         justifyContent: "center",
@@ -286,10 +286,10 @@ const L = (e) => e.reduce((t, s) => {
         fontSize: 12,
         bgcolor: "grey.200"
       },
-      children: l
-    }), o]
+      children: o
+    }), l]
   });
-}, Oe = {
+}, Te = {
   control: (e) => ({
     ...e,
     minHeight: 31
@@ -307,85 +307,88 @@ const L = (e) => e.reduce((t, s) => {
     padding: "4px"
   })
 };
-function Ae({
+function Oe({
   data: e,
   value: t = [],
   editable: s = !1,
-  addon: o,
-  onChange: l,
+  addon: l,
+  onChange: o,
   compact: r,
-  ...i
+  isMulti: i = !0,
+  maxHeight: a = 264,
+  ...u
 }) {
-  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(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 = a == null ? void 0 : a.current) == null ? void 0 : k.blur();
+  const m = D(null), g = k(() => L(e).map((h) => ({
+    data: h,
+    label: h.name,
+    value: h.id
+  })), [e]), x = g.reduce((h, I) => ({
+    ...h,
+    [I.data.id]: I
+  }), {}), d = Array.isArray(t) ? t : [t], f = d.map((h) => x[h]), y = D({
+    prev: d.map((h) => x[h].data)
+  }), b = (h, I) => {
+    !i || !Array.isArray(h) ? o(h ? [h.data] : []) : y.current.current = h.map((c) => c.data), ["clear", "remove-value"].includes(I.action) && m.current && setTimeout(() => {
+      var c;
+      return (c = m == null ? void 0 : m.current) == null ? void 0 : c.blur();
     }, 1);
-  }, b = () => {
-    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);
+  }, M = () => {
+    y.current.current && JSON.stringify(y.current.prev.map((I) => I.id)) !== JSON.stringify(y.current.current.map((I) => I.id)) && (o(y.current.current), y.current.prev = y.current.current);
   };
   return /* @__PURE__ */ n(p, {
-    ...i,
+    ...u,
     children: /* @__PURE__ */ n(te, {
-      ref: a,
-      defaultValue: x,
-      options: h,
-      onChange: m,
+      ref: m,
+      defaultValue: f,
+      options: g,
+      onChange: b,
       components: {
-        MenuList: (d) => /* @__PURE__ */ n(ke, {
-          ...d,
-          addon: o
+        MenuList: (h) => /* @__PURE__ */ n(ke, {
+          ...h,
+          addon: l
         }),
         ...r && {
-          ValueContainer: Te
+          ValueContainer: Ae
         }
       },
       placeholder: "Select labels",
       styles: {
-        ...r && Oe,
-        menu: (d) => ({
-          ...d,
+        ...r && Te,
+        menu: (h) => ({
+          ...h,
           ...s && {
             paddingBottom: "36px"
           },
           zIndex: 99
         }),
-        menuList: (d) => ({
-          ...d,
+        menuList: (h) => ({
+          ...h,
           overflowY: "auto",
-          maxHeight: "264px"
+          maxHeight: `${a}px`
         })
       },
-      theme: (d) => ({
-        ...d,
+      theme: (h) => ({
+        ...h,
         colors: {
-          ...d.colors,
+          ...h.colors,
           primary25: "#ddd",
           primary50: "#ddd",
           primary: "#ddd"
         }
       }),
       isSearchable: !1,
-      isMulti: !0,
-      closeMenuOnSelect: !1,
-      onMenuClose: b,
+      isMulti: i,
+      closeMenuOnSelect: !i,
+      onMenuClose: M,
+      isClearable: !0,
       data: e
     })
   });
 }
 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 s, l = 1, o = arguments.length; l < o; l++) {
+      s = arguments[l];
       for (var r in s)
         Object.prototype.hasOwnProperty.call(s, r) && (t[r] = s[r]);
     }
@@ -396,15 +399,15 @@ function Pe(e, t) {
   var s = typeof Symbol == "function" && e[Symbol.iterator];
   if (!s)
     return e;
-  var o = s.call(e), l, r = [], i;
+  var l = s.call(e), o, r = [], i;
   try {
-    for (; (t === void 0 || t-- > 0) && !(l = o.next()).done; )
-      r.push(l.value);
+    for (; (t === void 0 || t-- > 0) && !(o = l.next()).done; )
+      r.push(o.value);
   } catch (a) {
     i = { error: a };
   } finally {
     try {
-      l && !l.done && (s = o.return) && s.call(o);
+      o && !o.done && (s = l.return) && s.call(l);
     } finally {
       if (i)
         throw i.error;
@@ -415,13 +418,13 @@ function Pe(e, t) {
 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 t = Pe(z(e), 2), s = t[0], l = t[1], o = A(function(r) {
+    l(function(i) {
       var a = Be(r) ? r(i) : r;
       return a ? E(E({}, i), a) : i;
     });
   }, []);
-  return [s, l];
+  return [s, o];
 };
 const Ee = Ne;
 function Le({
@@ -430,19 +433,19 @@ function Le({
 }) {
   const {
     languages: s
-  } = $(), {
-    translation: o,
-    onChange: l
-  } = e, [r, i] = I(null), a = (f) => {
-    const x = f.currentTarget.closest(".MuiInputBase-root");
+  } = K(), {
+    translation: l,
+    onChange: o
+  } = e, [r, i] = z(null), a = (g) => {
+    const x = g.currentTarget.closest(".MuiInputBase-root");
     x && i(x);
-  }, h = () => {
+  }, u = () => {
     i(null);
-  }, g = s.filter((f) => f.code !== "en");
-  return /* @__PURE__ */ n(R, {
+  }, m = s.filter((g) => g.code !== "en");
+  return /* @__PURE__ */ n(V, {
     ...t,
     InputProps: {
-      endAdornment: /* @__PURE__ */ C(ae, {
+      endAdornment: /* @__PURE__ */ v(ae, {
         position: "end",
         children: [/* @__PURE__ */ n(ce, {
           edge: "end",
@@ -451,7 +454,7 @@ function Le({
         }), /* @__PURE__ */ n(ue, {
           open: !!r,
           anchorEl: r,
-          onClose: h,
+          onClose: u,
           transformOrigin: {
             vertical: "top",
             horizontal: "right"
@@ -476,10 +479,10 @@ function Le({
             sx: {
               p: 2
             },
-            children: g.map(({
-              code: f,
+            children: m.map(({
+              code: g,
               name: x
-            }) => /* @__PURE__ */ C(B, {
+            }) => /* @__PURE__ */ v(B, {
               sx: {
                 display: "flex",
                 alignItems: "center",
@@ -497,19 +500,19 @@ function Le({
                 sx: {
                   flex: 1
                 },
-                children: /* @__PURE__ */ n(R, {
-                  value: o[f] || "",
+                children: /* @__PURE__ */ n(V, {
+                  value: l[g] || "",
                   size: "small",
                   sx: {
                     width: 1
                   },
-                  onChange: (c) => l({
-                    ...o,
-                    [f]: c.target.value
+                  onChange: (d) => o({
+                    ...l,
+                    [g]: d.target.value
                   })
                 })
               })]
-            }, f))
+            }, g))
           })
         })]
       })
@@ -520,15 +523,15 @@ function Me({
   open: e,
   initialLabel: t,
   onSubmit: s,
-  onClose: o,
-  ...l
+  onClose: l,
+  ...o
 }) {
   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 = () => {
+  }), u = (b) => /^#([0-9A-F]{3}){1,2}$/i.test(b), m = k(() => r ? i.name && i.color && i.slug && u(i.color) : i.name && i.color && u(i.color), [i, r]), [g, x] = z(!1), d = () => {
     s({
       ...t,
       name: i.name,
@@ -536,13 +539,13 @@ function Me({
       id: i.slug,
       translation: i.translation
     });
-  }, m = (d) => {
+  }, f = (b) => {
     a({
-      color: d.hex
+      color: b.hex
     }), setTimeout(() => x(!1));
-  }, b = (d) => {
+  }, y = (b) => {
     a({
-      color: d.target.value
+      color: b.target.value
     });
   };
   return /* @__PURE__ */ n(_, {
@@ -550,25 +553,25 @@ function Me({
     showCloseButton: !0,
     maxWidth: "lg",
     title: r ? "Create label" : "Edit label",
-    actions: /* @__PURE__ */ C(P, {
-      children: [/* @__PURE__ */ n(O, {
+    actions: /* @__PURE__ */ v(P, {
+      children: [/* @__PURE__ */ n(T, {
         color: "inherit",
         variant: "contained",
         size: "small",
-        onClick: o,
+        onClick: l,
         children: "Cancel"
-      }), /* @__PURE__ */ n(O, {
+      }), /* @__PURE__ */ n(T, {
         color: "primary",
         variant: "contained",
         size: "small",
-        onClick: c,
-        disabled: !g,
+        onClick: d,
+        disabled: !m,
         children: r ? "Create" : "Save Changes"
       })]
     }),
-    onClose: o,
-    ...l,
-    children: /* @__PURE__ */ C(p, {
+    onClose: l,
+    ...o,
+    children: /* @__PURE__ */ v(p, {
       width: 600,
       minHeight: 280,
       children: [/* @__PURE__ */ n(Le, {
@@ -577,28 +580,28 @@ function Me({
         placeholder: "New label",
         size: "small",
         fullWidth: !0,
-        onChange: (d) => a({
-          name: d.target.value
+        onChange: (b) => a({
+          name: b.target.value
         }),
         I18NProps: {
           translation: i.translation,
-          onChange: (d) => a({
-            translation: d
+          onChange: (b) => a({
+            translation: b
           })
         }
-      }), /* @__PURE__ */ n(M, {
+      }), /* @__PURE__ */ n(j, {
         label: "Slug",
         value: i.slug,
         size: "small",
         fullWidth: !0,
         disabled: !r,
-        onChange: (d) => a({
-          slug: d.target.value
+        onChange: (b) => a({
+          slug: b.target.value
         }),
         sx: {
           mt: 2
         }
-      }), (t == null ? void 0 : t.parent) && /* @__PURE__ */ n(M, {
+      }), (t == null ? void 0 : t.parent) && /* @__PURE__ */ n(j, {
         label: "Parent",
         value: t.parent.name,
         size: "small",
@@ -609,12 +612,12 @@ function Me({
         }
       }), /* @__PURE__ */ n(ie, {
         onClickAway: () => x(!1),
-        children: /* @__PURE__ */ C(p, {
+        children: /* @__PURE__ */ v(p, {
           sx: {
             position: "relative",
             mt: 2
           },
-          children: [/* @__PURE__ */ C(p, {
+          children: [/* @__PURE__ */ v(p, {
             sx: {
               display: "flex",
               alignItems: "center",
@@ -628,11 +631,11 @@ function Me({
                 borderRadius: 1
               },
               onClick: () => x(!0)
-            }), /* @__PURE__ */ n(M, {
+            }), /* @__PURE__ */ n(j, {
               label: "",
               value: i.color,
               size: "small",
-              onChange: b,
+              onChange: y,
               inputProps: {
                 maxLength: 7
               },
@@ -643,7 +646,7 @@ function Me({
                 }
               }
             })]
-          }), f && /* @__PURE__ */ n(p, {
+          }), g && /* @__PURE__ */ n(p, {
             sx: {
               position: "absolute",
               top: 48,
@@ -651,7 +654,7 @@ function Me({
             },
             children: /* @__PURE__ */ n(se, {
               color: i.color,
-              onChangeComplete: m
+              onChangeComplete: f
             })
           })]
         })
@@ -663,22 +666,22 @@ function je({
   open: e,
   label: t,
   onSubmit: s,
-  onClose: o,
-  ...l
+  onClose: l,
+  ...o
 }) {
   return /* @__PURE__ */ n(_, {
     open: e,
     showCloseButton: !0,
     maxWidth: "md",
     title: "Delete",
-    actions: /* @__PURE__ */ C(P, {
-      children: [/* @__PURE__ */ n(O, {
+    actions: /* @__PURE__ */ v(P, {
+      children: [/* @__PURE__ */ n(T, {
         color: "inherit",
         variant: "contained",
         size: "small",
-        onClick: o,
+        onClick: l,
         children: "Cancel"
-      }), /* @__PURE__ */ n(O, {
+      }), /* @__PURE__ */ n(T, {
         color: "primary",
         variant: "contained",
         size: "small",
@@ -686,24 +689,24 @@ function je({
         children: "Delete"
       })]
     }),
-    onClose: o,
-    ...l,
-    children: /* @__PURE__ */ C(p, {
+    onClose: l,
+    ...o,
+    children: /* @__PURE__ */ v(p, {
       width: 600,
       minHeight: 280,
-      children: [/* @__PURE__ */ n(he, {
+      children: [/* @__PURE__ */ n(pe, {
         severity: "info",
         sx: {
           mb: 2
         },
         children: "Are you sure you want to delete these labels ?"
-      }), /* @__PURE__ */ n(W, {
+      }), /* @__PURE__ */ n(F, {
         data: [t]
       })]
     })
   });
 }
-const De = H(W)`
+const De = H(F)`
   .label-tree-item {
     &:before {
       content: '';
@@ -728,7 +731,7 @@ function We({
   locale: e,
   value: t
 }) {
-  return /* @__PURE__ */ C(p, {
+  return /* @__PURE__ */ v(p, {
     sx: {
       display: "flex",
       alignItems: "center",
@@ -754,83 +757,83 @@ function We({
     })]
   });
 }
-function pt({
+function ht({
   data: e,
   api: t,
   ...s
 }) {
-  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(a.map((v) => v.id === u.id ? {
-      ...u
-    } : v));
-  }, 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((S) => S.id !== u.id) : h(a.filter((S) => S.id !== u.id));
-  }, b = (u) => {
-    if (o)
+  const [l, o] = z(null), [r, i] = z(null), [a, u] = z(Y(e)), m = k(() => L(a), [a]), g = k(() => {
+    const c = (C, w) => C.map((S) => (w && (S.parent = w), S.children && (S.children = c(S.children, S)), S));
+    return c(a);
+  }, [a]), x = (c) => {
+    var C, w;
+    c.parent ? (c.parent.children = (w = (C = c.parent) == null ? void 0 : C.children) == null ? void 0 : w.map((S) => S.id === c.id ? {
+      ...c
+    } : S), x(c.parent)) : u(a.map((S) => S.id === c.id ? {
+      ...c
+    } : S));
+  }, d = (c) => {
+    c.parent ? (c.parent.children = c.parent.children || [], c.parent.children.push(c), u([...a])) : u([...a, c]);
+  }, f = (c) => {
+    var C;
+    c.parent ? c.parent.children = (C = c.parent.children) == null ? void 0 : C.filter((w) => w.id !== c.id) : u(a.filter((w) => w.id !== c.id));
+  }, y = (c) => {
+    if (l)
       return;
-    l({
+    o({
       id: "",
       name: "New label",
-      parent: u,
+      parent: c,
       color: "#dddddd"
     });
-  }, d = (u) => {
-    o || l(u);
-  }, w = async (u) => {
-    if (!o)
+  }, b = (c) => {
+    l || o(c);
+  }, M = async (c) => {
+    if (!l)
       return;
     const {
-      parent: y,
-      children: S,
-      translation: v,
-      ...A
-    } = u;
-    o.id ? (await t.updateLabel({
-      ...A,
-      translation: JSON.stringify(v),
-      parentId: y == null ? void 0 : y.id
-    }), x(u)) : (await t.createLabel({
-      ...A,
-      translation: JSON.stringify(v),
-      parentId: y == null ? void 0 : y.id
-    }), c(u)), l(null);
-  }, k = async () => {
-    !r || (await t.deleteLabel(r.id), m(r), i(null));
-  }, G = (u, y) => /* @__PURE__ */ C(P, {
-    children: [/* @__PURE__ */ C(p, {
+      parent: C,
+      children: w,
+      translation: S,
+      ...O
+    } = c;
+    l.id ? (await t.updateLabel({
+      ...O,
+      translation: JSON.stringify(S),
+      parentId: C == null ? void 0 : C.id
+    }), x(c)) : (await t.createLabel({
+      ...O,
+      translation: JSON.stringify(S),
+      parentId: C == null ? void 0 : C.id
+    }), d(c)), o(null);
+  }, h = async () => {
+    !r || (await t.deleteLabel(r.id), f(r), i(null));
+  }, I = (c, C) => /* @__PURE__ */ v(P, {
+    children: [/* @__PURE__ */ v(p, {
       sx: {
         display: "flex",
         alignItems: "center",
         flexWrap: "wrap"
       },
       children: [/* @__PURE__ */ n(p, {
-        children: u
-      }), y.translation && /* @__PURE__ */ n(p, {
+        children: c
+      }), C.translation && /* @__PURE__ */ n(p, {
         sx: {
           display: "flex",
           alignItems: "center",
           gap: 0.5,
           ml: 2
         },
-        children: Object.keys(y.translation).map((S) => {
-          var A;
-          const v = (A = y.translation) == null ? void 0 : A[S];
-          return v ? /* @__PURE__ */ n(We, {
-            locale: S,
-            value: v
-          }, S) : null;
+        children: Object.keys(C.translation).map((w) => {
+          var O;
+          const S = (O = C.translation) == null ? void 0 : O[w];
+          return S ? /* @__PURE__ */ n(We, {
+            locale: w,
+            value: S
+          }, w) : null;
         })
       })]
-    }), /* @__PURE__ */ C(p, {
+    }), /* @__PURE__ */ v(p, {
       sx: {
         display: "flex",
         gap: 1,
@@ -842,7 +845,7 @@ function pt({
         sx: {
           color: "grey.500"
         },
-        onClick: () => b(y),
+        onClick: () => y(C),
         children: /* @__PURE__ */ n(le, {
           sx: {
             fontSize: 20
@@ -854,7 +857,7 @@ function pt({
         sx: {
           color: "grey.500"
         },
-        onClick: () => d(y),
+        onClick: () => b(C),
         children: /* @__PURE__ */ n(oe, {
           sx: {
             fontSize: 18
@@ -866,7 +869,7 @@ function pt({
         sx: {
           color: "grey.500"
         },
-        onClick: () => i(y),
+        onClick: () => i(C),
         children: /* @__PURE__ */ n(re, {
           sx: {
             fontSize: 20
@@ -875,9 +878,9 @@ function pt({
       })]
     })]
   });
-  return /* @__PURE__ */ C(p, {
+  return /* @__PURE__ */ v(p, {
     ...s,
-    children: [/* @__PURE__ */ C(p, {
+    children: [/* @__PURE__ */ v(p, {
       sx: {
         display: "flex",
         alignItems: "center",
@@ -887,17 +890,17 @@ function pt({
         component: "h2",
         variant: "h6",
         children: "Manage labels"
-      }), /* @__PURE__ */ n(O, {
+      }), /* @__PURE__ */ n(T, {
         color: "primary",
         variant: "contained",
         size: "small",
         sx: {
           textTransform: "none"
         },
-        onClick: () => b(),
+        onClick: () => y(),
         children: "New label"
       })]
-    }), /* @__PURE__ */ C(p, {
+    }), /* @__PURE__ */ v(p, {
       sx: {
         mt: 2,
         border: 1,
@@ -905,43 +908,43 @@ function pt({
         borderRadius: 1,
         overflow: "hidden"
       },
-      children: [/* @__PURE__ */ C(p, {
+      children: [/* @__PURE__ */ v(p, {
         sx: {
           p: 2,
           fontSize: 14,
           fontWeight: "bold",
           bgcolor: "grey.200"
         },
-        children: [g.length, " labels"]
+        children: [m.length, " labels"]
       }), /* @__PURE__ */ n(p, {
         sx: {
           pt: 0.5
         },
         children: /* @__PURE__ */ n(De, {
-          data: f,
+          data: g,
           selected: [],
-          renderItem: G,
+          renderItem: I,
           rowHeight: 64
         })
       })]
     }), /* @__PURE__ */ n(Me, {
-      open: !!o,
-      onClose: () => l(null),
-      initialLabel: o,
-      onSubmit: w
-    }, o == null ? void 0 : o.id), /* @__PURE__ */ n(je, {
+      open: !!l,
+      onClose: () => o(null),
+      initialLabel: l,
+      onSubmit: M
+    }, l == null ? void 0 : l.id), /* @__PURE__ */ n(je, {
       open: !!r,
       onClose: () => i(null),
       label: r,
-      onSubmit: k
+      onSubmit: h
     }, r == null ? void 0 : r.id)]
   });
 }
-const Y = V({}), Z = () => q(Y), mt = () => {
+const Z = q({}), G = () => $(Z), mt = () => {
   const {
     updateLabels: e
-  } = Z();
-  D(() => () => {
+  } = G();
+  W(() => () => {
     e();
   }, []);
 };
@@ -951,61 +954,61 @@ function ft({
 }) {
   const {
     locale: s
-  } = $(), [o, l] = I({
+  } = K(), [l, o] = z({
     loading: !0,
     labels: [],
     updateCounter: 1
   });
-  D(() => {
+  W(() => {
     (async () => {
       try {
-        l((b) => ({
-          ...b,
+        o((y) => ({
+          ...y,
           loading: !0
         }));
-        const m = await e();
-        l((b) => ({
-          ...b,
+        const f = await e();
+        o((y) => ({
+          ...y,
           loading: !1,
-          labels: ze(m)
+          labels: ze(f)
         }));
-      } catch (m) {
-        console.error(m), l((b) => ({
-          ...b,
+      } catch (f) {
+        console.error(f), o((y) => ({
+          ...y,
           loading: !1,
           labels: []
         }));
       }
     })();
-  }, [o.updateCounter]);
-  const r = z(() => {
-    var m;
-    return (m = o.labels) != null && m.length ? L(o.labels).reduce((b, d) => ({
-      ...b,
-      [d.id]: d
+  }, [l.updateCounter]);
+  const r = k(() => {
+    var f;
+    return (f = l.labels) != null && f.length ? L(l.labels).reduce((y, b) => ({
+      ...y,
+      [b.id]: b
     }), {}) : {};
-  }, [o.labels]), i = T((c) => {
-    var m;
+  }, [l.labels]), i = A((d) => {
+    var f;
     return {
-      ...c,
-      name: ((m = c.translation) == null ? void 0 : m[s]) || c.name
+      ...d,
+      name: ((f = d.translation) == null ? void 0 : f[s]) || d.name
     };
-  }, [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
+  }, [s]), a = A((d) => d.filter(Boolean).map((f) => r[f]).map(i), [r, i]), u = A((d) => (d == null ? void 0 : d.split(",")) || [], []), m = A((d = []) => {
+    if (!!(d != null && d.length))
+      return d.join(",");
+  }, []), g = k(() => l.labels.map(i), [l.labels, i]), x = k(() => ({
+    loading: l.loading,
+    labels: l.labels || [],
+    updateLabels: () => o((d) => ({
+      ...d,
+      updateCounter: ++l.updateCounter
     })),
     getLabelsById: a,
-    parseLabelIds: h,
-    stringifyLabelIds: g,
-    localizedLabels: f
-  }), [o, a, h, g, f]);
-  return /* @__PURE__ */ n(Y.Provider, {
+    parseLabelIds: u,
+    stringifyLabelIds: m,
+    localizedLabels: g
+  }), [l, a, u, m, g]);
+  return /* @__PURE__ */ n(Z.Provider, {
     value: x,
     children: t
   });
@@ -1014,74 +1017,74 @@ function gt({
   labels: e,
   editable: t,
   onChange: s,
-  sx: o
+  sx: l
 }) {
-  const l = !(e != null && e.length), {
+  const o = !(e != null && e.length), {
     labels: r,
     loading: i,
     getLabelsById: a
-  } = Z(), [h, g] = I(!1);
-  if (i || !t && l)
+  } = G(), [u, m] = z(!1);
+  if (i || !t && o)
     return null;
-  const f = (m) => {
-    s == null || s(m), setTimeout(() => {
-      g(!1);
+  const g = (f) => {
+    s == null || s(f), setTimeout(() => {
+      m(!1);
     }, 300);
   };
-  if (h)
+  if (u)
     return /* @__PURE__ */ n(fe, {
-      onClickAway: () => h && g(!1),
+      onClickAway: () => u && m(!1),
       children: /* @__PURE__ */ n("div", {
-        children: /* @__PURE__ */ n(Ae, {
+        children: /* @__PURE__ */ n(Oe, {
           data: r,
           value: e || [],
-          onChange: f
+          onChange: g
         })
       })
     });
-  const x = a(e || []), c = [{
+  const x = a(e || []), d = [{
     display: "flex",
     gap: 1,
     alignItems: "center",
     flexWrap: "wrap"
-  }, ...Array.isArray(o) ? o : [o]];
-  return /* @__PURE__ */ C(p, {
-    sx: c,
-    children: [x.map((m) => m ? /* @__PURE__ */ n(ge, {
-      label: m.name,
+  }, ...Array.isArray(l) ? l : [l]];
+  return /* @__PURE__ */ v(p, {
+    sx: d,
+    children: [x.map((f) => f ? /* @__PURE__ */ n(ge, {
+      label: f.name,
       variant: "filled",
       size: "small",
       sx: {
         borderRadius: 1
       }
-    }, m.id) : null), t && !l && /* @__PURE__ */ n(N, {
+    }, f.id) : null), t && !o && /* @__PURE__ */ n(N, {
       color: "inherit",
       size: "small",
-      onClick: () => g(!0),
+      onClick: () => m(!0),
       sx: {
         color: "grey.400"
       },
-      children: /* @__PURE__ */ n(pe, {
+      children: /* @__PURE__ */ n(he, {
         sx: {
           fontSize: 20
         }
       })
-    }), t && l && /* @__PURE__ */ n(O, {
+    }), t && o && /* @__PURE__ */ n(T, {
       color: "inherit",
       variant: "outlined",
       startIcon: /* @__PURE__ */ n(me, {}),
-      onClick: () => g(!0),
+      onClick: () => m(!0),
       children: "Edit labels"
     })]
   });
 }
 export {
-  pt as LabelManager,
-  Ae as LabelPicker,
-  W as LabelTree,
+  ht as LabelManager,
+  Oe as LabelPicker,
+  F as LabelTree,
   gt as Labels,
   ft as LabelsProvider,
   ze as transformLabels,
-  Z as useLabelsContext,
+  G as useLabelsContext,
   mt as useLabelsUpdateOnDestroy
 };