@blocklet/labels 1.5.130 → 1.5.132

package/dist/components/label/context.d.ts

@@ -14,5 +14,5 @@ interface LabelsContextValue {
 }
 export declare const useLabelsContext: () => LabelsContextValue;
 export declare const useLabelsUpdateOnDestroy: () => void;
-export declare function LabelsProvider({ fetchLabels, children }: LabelsProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function LabelsProvider({ fetchLabels, children }: LabelsProviderProps): JSX.Element;
 export {};

package/dist/components/label/label-delete-dialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Label } from './types';
 interface LabelDeleteDialogProps {
     open: boolean;
@@ -5,5 +6,5 @@ interface LabelDeleteDialogProps {
     label: Label;
     onSubmit: () => void;
 }
-export default function LabelDeleteDialog({ open, label, onSubmit, onClose, ...rest }: LabelDeleteDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function LabelDeleteDialog({ open, label, onSubmit, onClose, ...rest }: LabelDeleteDialogProps): JSX.Element;
 export {};

package/dist/components/label/label-form-dialog.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Label } from './types';
 interface LabelFormDialogProps {
     open: boolean;
@@ -5,5 +6,5 @@ interface LabelFormDialogProps {
     initialLabel: Label | null;
     onSubmit: (payload: Label) => void;
 }
-export default function LabelFormDialog({ open, initialLabel, onSubmit, onClose, ...rest }: LabelFormDialogProps): import("react/jsx-runtime").JSX.Element;
+export default function LabelFormDialog({ open, initialLabel, onSubmit, onClose, ...rest }: LabelFormDialogProps): JSX.Element;
 export {};

package/dist/components/label/label-manager.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Label, LabelDto } from './types';
 interface API {
     createLabel: (label: LabelDto) => Promise<void>;
@@ -8,5 +9,5 @@ interface LabelManagerProps {
     data: Label[];
     api: API;
 }
-export default function LabelManager({ data, api, ...rest }: LabelManagerProps): import("react/jsx-runtime").JSX.Element;
+export default function LabelManager({ data, api, ...rest }: LabelManagerProps): JSX.Element;
 export {};

package/dist/components/label/label-picker.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GroupBase } from 'react-select';
 import { Label } from './types';
 interface LabelPickerProps {
@@ -15,5 +16,5 @@ declare module 'react-select/dist/declarations/src/Select' {
         data: Label[];
     }
 }
-export default function LabelPicker({ data, value, editable, addon, onChange, compact, isMulti, maxHeight, ...rest }: LabelPickerProps): import("react/jsx-runtime").JSX.Element;
+export default function LabelPicker({ data, value, editable, addon, onChange, compact, isMulti, maxHeight, ...rest }: LabelPickerProps): JSX.Element;
 export {};

package/dist/components/label/label-tree.d.ts

@@ -13,5 +13,5 @@ export interface LabelTreeProps extends SharedProps {
     sx?: SxProps;
     rowHeight?: number;
 }
-export default function LabelTree({ data, selectable, selected, onSelect, rowHeight, renderItem, sx, ...rest }: LabelTreeProps): import("react/jsx-runtime").JSX.Element;
+export default function LabelTree({ data, selectable, selected, onSelect, rowHeight, renderItem, sx, ...rest }: LabelTreeProps): JSX.Element;
 export {};

package/dist/components/label/labels.d.ts

@@ -8,5 +8,5 @@ interface LabelsProps {
     sx?: SxProps;
     renderLabel?: (label: Label) => JSX.Element;
 }
-export default function Labels({ labels, editable, onChange, sx, renderLabel }: LabelsProps): import("react/jsx-runtime").JSX.Element | null;
+export default function Labels({ labels, editable, onChange, sx, renderLabel }: LabelsProps): JSX.Element | null;
 export {};

package/dist/components/label/translation-input.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { TextFieldProps } from '@mui/material';
 import type { Translation } from './types';
 interface Props {
@@ -6,5 +7,5 @@ interface Props {
         onChange: (translation: Translation) => void;
     };
 }
-export default function TranslationInput({ I18NProps, ...rest }: TextFieldProps & Props): import("react/jsx-runtime").JSX.Element;
+export default function TranslationInput({ I18NProps, ...rest }: TextFieldProps & Props): JSX.Element;
 export {};

package/dist/components/label/types.d.ts

@@ -1,4 +1,4 @@
-export type Translation = {
+export declare type Translation = {
     [locale: string]: string;
 };
 export interface Label {

package/dist/index.es.js

@@ -1,24 +1,24 @@
-import { createContext as H, useRef as M, useState as z, useCallback as k, useEffect as W, useMemo as T, useContext as J } from "react";
+import { createContext as q, useRef as D, useState as z, useCallback as k, useEffect as W, useMemo as T, useContext as H } from "react";
 import { ExpandMore as R, Translate as X, Add as ee, EditOutlined as te, DeleteOutlineOutlined as ne, Edit as re, LabelOutlined as oe } from "@mui/icons-material";
 import p from "@mui/material/Box";
-import { styled as _ } from "@mui/material/styles";
+import { styled as J } from "@mui/material/styles";
 import { Tree as le } from "react-arborist";
 import { Icon as ie } from "@iconify/react";
 import { jsx as n, jsxs as C, Fragment as P } from "react/jsx-runtime";
 import ae from "lodash/omit";
-import se, { components as $ } from "react-select";
+import se, { components as _ } from "react-select";
 import ce from "@mui/material/Typography";
 import A from "@mui/material/Button";
 import E from "@mui/material/IconButton";
-import D from "@mui/material/TextField";
-import q from "@mui/material/ClickAwayListener";
+import j from "@mui/material/TextField";
+import $ from "@mui/material/ClickAwayListener";
 import { GithubPicker as de } from "react-color";
 import K from "@arcblock/ux/lib/Dialog";
 import { TextField as V, InputAdornment as ue, IconButton as he, Box as B } from "@mui/material";
 import pe from "@mui/material/Popover";
-import { useLocaleContext as Y } from "@arcblock/ux/lib/Locale/context";
-import me from "@mui/material/Alert";
-import fe from "@mui/material/Chip";
+import { useLocaleContext as Q } from "@arcblock/ux/lib/Locale/context";
+import fe from "@mui/material/Alert";
+import me from "@mui/material/Chip";
 const ge = (e) => /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -26,7 +26,7 @@ const ge = (e) => /* @__PURE__ */ n("svg", {
   ...e,
   children: /* @__PURE__ */ n("path", {
     fill: "currentColor",
-    d: "m20.175 13.15l-3.525 5q-.275.4-.712.625T15 19H5q-.825 0-1.413-.588T3 17V7q0-.825.588-1.413T5 5h10q.5 0 .938.225t.712.625l3.525 5q.375.525.375 1.15t-.375 1.15Z"
+    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"
   })
 }), xe = (e) => /* @__PURE__ */ n("svg", {
   viewBox: "0 0 24 24",
@@ -35,9 +35,9 @@ const ge = (e) => /* @__PURE__ */ n("svg", {
   ...e,
   children: /* @__PURE__ */ n("path", {
     fill: "currentColor",
-    d: "m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4l-8 8Z"
+    d: "m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4Z"
   })
-}), Z = H({});
+}), Y = q({});
 function ye({
   selectable: e = !1,
   selected: t = [],
@@ -57,7 +57,7 @@ function ye({
     }),
     [t]
   );
-  return /* @__PURE__ */ n(Z.Provider, {
+  return /* @__PURE__ */ n(Y.Provider, {
     value: s,
     children: l
   });
@@ -90,7 +90,7 @@ function be({
     select: l,
     isSelected: r,
     renderItem: i
-  } = J(Z), {
+  } = H(Y), {
     data: s
   } = e, h = s.icon ? /* @__PURE__ */ n(ie, {
     icon: s.icon,
@@ -104,7 +104,7 @@ function be({
     }
   }), g = (d) => {
     d.stopPropagation(), e.isInternal && e.toggle();
-  }, m = (d) => {
+  }, f = (d) => {
     d.stopPropagation(), o && l(e.id);
   }, x = /* @__PURE__ */ C(P, {
     children: [/* @__PURE__ */ C(p, {
@@ -148,11 +148,11 @@ function be({
       justifyContent: "space-between"
     },
     ref: a,
-    onClick: m,
+    onClick: f,
     children: [!i && x, !!i && i(x, e.data)]
   });
 }
-const Se = _(p)`
+const Se = J(p)`
   > div,
   > div > div,
   > div > div > div {
@@ -176,7 +176,7 @@ function F({
   sx: i,
   ...s
 }) {
-  const h = M(), g = [...Array.isArray(i) ? i : [i]], [m, x] = z(0), d = k(() => {
+  const h = D(), g = [...Array.isArray(i) ? i : [i]], [f, x] = z(0), d = k(() => {
     var u, v;
     x((((v = (u = h.current) == null ? void 0 : u.visibleNodes) == null ? void 0 : v.length) || 0) * l);
   }, [l]);
@@ -193,7 +193,7 @@ function F({
       children: /* @__PURE__ */ n(le, {
         data: e,
         rowHeight: l,
-        height: m,
+        height: f,
         indent: 32,
         ref: h,
         onToggle: () => {
@@ -207,9 +207,9 @@ function F({
 const O = (e) => e.reduce((t, a) => {
   var o;
   return t.push(a), (o = a.children) != null && o.length && t.push(...O(a.children)), t;
-}, []), G = (e) => e.map((t) => {
+}, []), Z = (e) => e.map((t) => {
   var a;
-  return (a = t.children) != null && a.length && (t.children = G(t.children)), t;
+  return (a = t.children) != null && a.length && (t.children = Z(t.children)), t;
 }), we = (e, t = null) => {
   try {
     return JSON.parse(e);
@@ -237,7 +237,7 @@ const O = (e) => e.reduce((t, a) => {
     h && l(h);
   };
   return /* @__PURE__ */ C(P, {
-    children: [/* @__PURE__ */ n($.MenuList, {
+    children: [/* @__PURE__ */ n(_.MenuList, {
       ...ae(e, ["addon"]),
       children: /* @__PURE__ */ n(p, {
         sx: {
@@ -258,7 +258,7 @@ const O = (e) => e.reduce((t, a) => {
   ...t
 }) => {
   const [a, o] = e, l = Array.isArray(a) ? a.length : 0;
-  return /* @__PURE__ */ C($.ValueContainer, {
+  return /* @__PURE__ */ C(_.ValueContainer, {
     ...t,
     children: [/* @__PURE__ */ n(p, {
       component: "span",
@@ -311,24 +311,24 @@ function Ae({
   maxHeight: s = 264,
   ...h
 }) {
-  const g = M(null), m = T(() => O(e).map((f) => ({
-    data: f,
-    label: f.name,
-    value: f.id
-  })), [e]), x = m.reduce((f, I) => ({
-    ...f,
+  const g = D(null), f = T(() => O(e).map((m) => ({
+    data: m,
+    label: m.name,
+    value: m.id
+  })), [e]), x = f.reduce((m, I) => ({
+    ...m,
     [I.data.id]: I
-  }), {}), d = Array.isArray(t) ? t : [t], b = d.map((f) => x[f]), u = M({
-    prev: d.map((f) => {
+  }), {}), d = Array.isArray(t) ? t : [t], b = d.map((m) => x[m]), u = D({
+    prev: d.map((m) => {
       var I;
-      return ((I = x[f]) == null ? void 0 : I.data) || "";
+      return ((I = x[m]) == null ? void 0 : I.data) || "";
     })
-  }), v = (f, I) => {
-    !i || !Array.isArray(f) ? l(f ? [f.data] : []) : u.current.current = f.map((c) => c.data), ["clear", "remove-value"].includes(I.action) && g.current && setTimeout(() => {
+  }), v = (m, I) => {
+    !i || !Array.isArray(m) ? l(m ? [m.data] : []) : u.current.current = m.map((c) => c.data), ["clear", "remove-value"].includes(I.action) && g.current && setTimeout(() => {
       var c;
       return (c = g == null ? void 0 : g.current) == null ? void 0 : c.blur();
     }, 1);
-  }, j = () => {
+  }, M = () => {
     u.current.current && JSON.stringify(u.current.prev.map((I) => I.id)) !== JSON.stringify(u.current.current.map((I) => I.id)) && (l(u.current.current), u.current.prev = u.current.current);
   };
   return /* @__PURE__ */ n(p, {
@@ -336,11 +336,11 @@ function Ae({
     children: /* @__PURE__ */ n(se, {
       ref: g,
       defaultValue: b,
-      options: m,
+      options: f,
       onChange: v,
       components: {
-        MenuList: (f) => /* @__PURE__ */ n(ze, {
-          ...f,
+        MenuList: (m) => /* @__PURE__ */ n(ze, {
+          ...m,
           addon: o
         }),
         ...r && {
@@ -350,23 +350,23 @@ function Ae({
       placeholder: "Select labels",
       styles: {
         ...r && ke,
-        menu: (f) => ({
-          ...f,
+        menu: (m) => ({
+          ...m,
           ...a && {
             paddingBottom: "36px"
           },
           zIndex: 99
         }),
-        menuList: (f) => ({
-          ...f,
+        menuList: (m) => ({
+          ...m,
           overflowY: "auto",
           maxHeight: `${s}px`
         })
       },
-      theme: (f) => ({
-        ...f,
+      theme: (m) => ({
+        ...m,
         colors: {
-          ...f.colors,
+          ...m.colors,
           primary25: "#ddd",
           primary50: "#ddd",
           primary: "#ddd"
@@ -375,7 +375,7 @@ function Ae({
       isSearchable: !1,
       isMulti: i,
       closeMenuOnSelect: !i,
-      onMenuClose: j,
+      onMenuClose: M,
       isClearable: !0,
       data: e
     })
@@ -429,15 +429,15 @@ function Ee({
 }) {
   const {
     languages: a
-  } = Y(), {
+  } = Q(), {
     translation: o,
     onChange: l
-  } = e, [r, i] = z(null), s = (m) => {
-    const x = m.currentTarget.closest(".MuiInputBase-root");
+  } = e, [r, i] = z(null), s = (f) => {
+    const x = f.currentTarget.closest(".MuiInputBase-root");
     x && i(x);
   }, h = () => {
     i(null);
-  }, g = a.filter((m) => m.code !== "en");
+  }, g = a.filter((f) => f.code !== "en");
   return /* @__PURE__ */ n(V, {
     ...t,
     InputProps: {
@@ -476,7 +476,7 @@ function Ee({
               p: 2
             },
             children: g.map(({
-              code: m,
+              code: f,
               name: x
             }) => /* @__PURE__ */ C(B, {
               sx: {
@@ -497,18 +497,18 @@ function Ee({
                   flex: 1
                 },
                 children: /* @__PURE__ */ n(V, {
-                  value: o[m] || "",
+                  value: o[f] || "",
                   size: "small",
                   sx: {
                     width: 1
                   },
                   onChange: (d) => l({
                     ...o,
-                    [m]: d.target.value
+                    [f]: d.target.value
                   })
                 })
               })]
-            }, m))
+            }, f))
           })
         })]
       })
@@ -527,7 +527,7 @@ function Le({
     color: (t == null ? void 0 : t.color) || "#ddd",
     slug: (t == null ? void 0 : t.id) || "",
     translation: (t == null ? void 0 : t.translation) || {}
-  }), h = (v) => /^#([0-9A-F]{3}){1,2}$/i.test(v), g = T(() => r ? i.name && i.color && i.slug && h(i.color) : i.name && i.color && h(i.color), [i, r]), [m, x] = z(!1), d = () => {
+  }), h = (v) => /^#([0-9A-F]{3}){1,2}$/i.test(v), g = T(() => r ? i.name && i.color && i.slug && h(i.color) : i.name && i.color && h(i.color), [i, r]), [f, x] = z(!1), d = () => {
     a({
       ...t,
       name: i.name,
@@ -585,7 +585,7 @@ function Le({
             translation: v
           })
         }
-      }), /* @__PURE__ */ n(D, {
+      }), /* @__PURE__ */ n(j, {
         label: "Slug",
         value: i.slug,
         size: "small",
@@ -597,7 +597,7 @@ function Le({
         sx: {
           mt: 2
         }
-      }), (t == null ? void 0 : t.parent) && /* @__PURE__ */ n(D, {
+      }), (t == null ? void 0 : t.parent) && /* @__PURE__ */ n(j, {
         label: "Parent",
         value: t.parent.name,
         size: "small",
@@ -606,7 +606,7 @@ function Le({
         sx: {
           mt: 2
         }
-      }), /* @__PURE__ */ n(q, {
+      }), /* @__PURE__ */ n($, {
         onClickAway: () => x(!1),
         children: /* @__PURE__ */ C(p, {
           sx: {
@@ -627,7 +627,7 @@ function Le({
                 borderRadius: 1
               },
               onClick: () => x(!0)
-            }), /* @__PURE__ */ n(D, {
+            }), /* @__PURE__ */ n(j, {
               label: "",
               value: i.color,
               size: "small",
@@ -642,7 +642,7 @@ function Le({
                 }
               }
             })]
-          }), m && /* @__PURE__ */ n(p, {
+          }), f && /* @__PURE__ */ n(p, {
             sx: {
               position: "absolute",
               top: 48,
@@ -658,7 +658,7 @@ function Le({
     })
   });
 }
-function je({
+function Me({
   open: e,
   label: t,
   onSubmit: a,
@@ -690,7 +690,7 @@ function je({
     children: /* @__PURE__ */ C(p, {
       width: 600,
       minHeight: 280,
-      children: [/* @__PURE__ */ n(me, {
+      children: [/* @__PURE__ */ n(fe, {
         severity: "info",
         sx: {
           mb: 2
@@ -702,7 +702,7 @@ function je({
     })
   });
 }
-const De = _(F)`
+const je = J(F)`
   .label-tree-item {
     &:before {
       content: '';
@@ -723,7 +723,7 @@ const De = _(F)`
     padding: 0 16px;
   }
 `;
-function Me({
+function De({
   locale: e,
   value: t
 }) {
@@ -759,7 +759,7 @@ function lt({
   api: t,
   ...a
 }) {
-  const [o, l] = z(null), [r, i] = z(null), [s, h] = z(G(e)), g = T(() => O(s), [s]), m = T(() => {
+  const [o, l] = z(null), [r, i] = z(null), [s, h] = z(Z(e)), g = T(() => O(s), [s]), f = T(() => {
     const c = (y, w) => y.map((S) => (w && (S.parent = w), S.children && (S.children = c(S.children, S)), S));
     return c(s);
   }, [s]), x = (c) => {
@@ -785,7 +785,7 @@ function lt({
     });
   }, v = (c) => {
     o || l(c);
-  }, j = async (c) => {
+  }, M = async (c) => {
     if (!o)
       return;
     const {
@@ -803,7 +803,7 @@ function lt({
       translation: JSON.stringify(S),
       parentId: y == null ? void 0 : y.id
     }), d(c)), l(null);
-  }, f = async () => {
+  }, m = async () => {
     !r || (await t.deleteLabel(r.id), b(r), i(null));
   }, I = (c, y) => /* @__PURE__ */ C(P, {
     children: [/* @__PURE__ */ C(p, {
@@ -826,7 +826,7 @@ function lt({
         children: Object.keys(y.translation).map((w) => {
           var N;
           const S = (N = y.translation) == null ? void 0 : N[w];
-          return S ? /* @__PURE__ */ n(Me, {
+          return S ? /* @__PURE__ */ n(De, {
             locale: w,
             value: S
           }, w) : null;
@@ -922,8 +922,8 @@ function lt({
         sx: {
           pt: 0.5
         },
-        children: /* @__PURE__ */ n(De, {
-          data: m,
+        children: /* @__PURE__ */ n(je, {
+          data: f,
           selected: [],
           renderItem: I,
           rowHeight: 64
@@ -933,19 +933,19 @@ function lt({
       open: !!o,
       onClose: () => l(null),
       initialLabel: o,
-      onSubmit: j
-    }, o == null ? void 0 : o.id), /* @__PURE__ */ n(je, {
+      onSubmit: M
+    }, o == null ? void 0 : o.id), /* @__PURE__ */ n(Me, {
       open: !!r,
       onClose: () => i(null),
       label: r,
-      onSubmit: f
+      onSubmit: m
     }, r == null ? void 0 : r.id)]
   });
 }
-const U = H({}), Q = () => J(U), it = () => {
+const G = q({}), U = () => H(G), it = () => {
   const {
     updateLabels: e
-  } = Q();
+  } = U();
   W(() => () => {
     e();
   }, []);
@@ -956,7 +956,7 @@ function at({
 }) {
   const {
     locale: a
-  } = Y(), [o, l] = z({
+  } = Q(), [o, l] = z({
     loading: !0,
     labels: [],
     updateCounter: 1
@@ -998,7 +998,7 @@ function at({
   }, [a]), s = k((d) => d.filter(Boolean).map((b) => r[b]).map(i), [r, i]), h = k((d) => (d == null ? void 0 : d.split(",")) || [], []), g = k((d = []) => {
     if (!!(d != null && d.length))
       return d.join(",");
-  }, []), m = T(() => o.labels.map(i), [o.labels, i]), x = T(() => ({
+  }, []), f = T(() => o.labels.map(i), [o.labels, i]), x = T(() => ({
     loading: o.loading,
     labels: o.labels || [],
     updateLabels: () => l((d) => ({
@@ -1008,10 +1008,10 @@ function at({
     getLabelsById: s,
     parseLabelIds: h,
     stringifyLabelIds: g,
-    localizedLabels: m,
-    flattenedLabels: O(m || [])
-  }), [o, s, h, g, m]);
-  return /* @__PURE__ */ n(U.Provider, {
+    localizedLabels: f,
+    flattenedLabels: O(f || [])
+  }), [o, s, h, g, f]);
+  return /* @__PURE__ */ n(G.Provider, {
     value: x,
     children: t
   });
@@ -1027,17 +1027,17 @@ function st({
     labels: i,
     loading: s,
     getLabelsById: h
-  } = Q(), [g, m] = z(!1);
+  } = U(), [g, f] = z(!1);
   if (s || !t && r)
     return null;
   const x = (u) => {
     a == null || a(u), setTimeout(() => {
-      m(!1);
+      f(!1);
     }, 300);
   };
   if (g)
-    return /* @__PURE__ */ n(q, {
-      onClickAway: () => g && m(!1),
+    return /* @__PURE__ */ n($, {
+      onClickAway: () => g && f(!1),
       children: /* @__PURE__ */ n("div", {
         children: /* @__PURE__ */ n(Ae, {
           data: i,
@@ -1054,7 +1054,7 @@ function st({
   }, ...Array.isArray(o) ? o : [o]];
   return /* @__PURE__ */ C(p, {
     sx: b,
-    children: [d.map((u) => u ? l ? l(u) : /* @__PURE__ */ n(fe, {
+    children: [d.map((u) => u ? l ? l(u) : /* @__PURE__ */ n(me, {
       label: u.name,
       variant: "filled",
       size: "small",
@@ -1064,7 +1064,7 @@ function st({
     }, u.id) : null), t && !r && /* @__PURE__ */ n(E, {
       color: "inherit",
       size: "small",
-      onClick: () => m(!0),
+      onClick: () => f(!0),
       sx: {
         color: "grey.400"
       },
@@ -1077,7 +1077,7 @@ function st({
       color: "inherit",
       variant: "outlined",
       startIcon: /* @__PURE__ */ n(oe, {}),
-      onClick: () => m(!0),
+      onClick: () => f(!0),
       children: "Edit labels"
     })]
   });
@@ -1089,6 +1089,6 @@ export {
   st as Labels,
   at as LabelsProvider,
   Ie as transformLabels,
-  Q as useLabelsContext,
+  U as useLabelsContext,
   it as useLabelsUpdateOnDestroy
 };

package/dist/index.umd.js

@@ -1,4 +1,4 @@
-(function(f,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@mui/icons-material"),require("@mui/material/Box"),require("@mui/material/styles"),require("react-arborist"),require("@iconify/react"),require("react/jsx-runtime"),require("lodash/omit"),require("react-select"),require("@mui/material/Typography"),require("@mui/material/Button"),require("@mui/material/IconButton"),require("@mui/material/TextField"),require("@mui/material/ClickAwayListener"),require("react-color"),require("@arcblock/ux/lib/Dialog"),require("@mui/material"),require("@mui/material/Popover"),require("@arcblock/ux/lib/Locale/context"),require("@mui/material/Alert"),require("@mui/material/Chip")):typeof define=="function"&&define.amd?define(["exports","react","@mui/icons-material","@mui/material/Box","@mui/material/styles","react-arborist","@iconify/react","react/jsx-runtime","lodash/omit","react-select","@mui/material/Typography","@mui/material/Button","@mui/material/IconButton","@mui/material/TextField","@mui/material/ClickAwayListener","react-color","@arcblock/ux/lib/Dialog","@mui/material","@mui/material/Popover","@arcblock/ux/lib/Locale/context","@mui/material/Alert","@mui/material/Chip"],c):(f=typeof globalThis<"u"?globalThis:f||self,c(f.DiscussKitComponents={},f.React,f.iconsMaterial,f.Box,f.styles,f.reactArborist,f.react$1,f.jsxRuntime,f.omit,f.Select,f.Typography,f.Button,f.IconButton,f.TextField,f.ClickAwayListener,f.reactColor,f.Dialog,f.material,f.Popover,f.context,f.Alert,f.Chip))})(this,function(f,c,z,Y,M,Z,G,e,Q,N,X,R,ee,te,re,ne,le,_,oe,j,ae,se){"use strict";const k=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},p=k(Y),ie=k(Q),de=k(N),ce=k(X),A=k(R),q=k(ee),E=k(te),W=k(re),V=k(le),ue=k(oe),fe=k(ae),he=k(se),pe=t=>e.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...t,children:e.jsx("path",{fill:"currentColor",d:"m20.175 13.15l-3.525 5q-.275.4-.712.625T15 19H5q-.825 0-1.413-.588T3 17V7q0-.825.588-1.413T5 5h10q.5 0 .938.225t.712.625l3.525 5q.375.525.375 1.15t-.375 1.15Z"})}),ge=t=>e.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...t,children:e.jsx("path",{fill:"currentColor",d:"m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4l-8 8Z"})}),H=c.createContext({});function ye({selectable:t=!1,selected:r=[],onSelect:s,renderItem:l,children:o}){const n=g=>r.indexOf(g)!==-1,a=g=>{Array.from(new Set(r).add(g)),s==null||s(g)},i=c.useMemo(()=>({selectable:t,selected:r,isSelected:n,select:a,renderItem:l}),[r]);return e.jsx(H.Provider,{value:i,children:o})}const xe=t=>{var r;return t.isLeaf||!((r=t.data.children)!=null&&r.length)};function me({node:t}){return xe(t)?e.jsx("span",{}):t.isOpen?e.jsx(z.ExpandMore,{style:{fontSize:20}}):e.jsx(z.ExpandMore,{style:{fontSize:20,transform:"rotate(-90deg)"}})}function Ce({node:t,style:r,dragHandle:s}){const{selectable:l,select:o,isSelected:n,renderItem:a}=c.useContext(H),{data:i}=t,g=i.icon?e.jsx(G.Icon,{icon:i.icon,style:{fontSize:18}}):e.jsx(pe,{style:{fontSize:18,color:i.color||"#ddd"}}),m=u=>{u.stopPropagation(),t.isInternal&&t.toggle()},y=u=>{u.stopPropagation(),l&&o(t.id)},C=e.jsxs(e.Fragment,{children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flex:1},children:[e.jsx(p.default,{sx:{display:"flex",cursor:"pointer"},onClick:m,children:e.jsx(me,{node:t})}),e.jsx(p.default,{sx:{display:"flex",alignItems:"center",width:22,height:22},children:g}),e.jsx(p.default,{component:"span",sx:{color:"grey.700"},children:t.data.name})]}),l&&n(t.id)&&e.jsx(ge,{})]});return e.jsxs(p.default,{className:"label-tree-item",style:r,sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},ref:s,onClick:y,children:[!a&&C,!!a&&a(C,t.data)]})}const ve=M.styled(p.default)`
+(function(f,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react"),require("@mui/icons-material"),require("@mui/material/Box"),require("@mui/material/styles"),require("react-arborist"),require("@iconify/react"),require("react/jsx-runtime"),require("lodash/omit"),require("react-select"),require("@mui/material/Typography"),require("@mui/material/Button"),require("@mui/material/IconButton"),require("@mui/material/TextField"),require("@mui/material/ClickAwayListener"),require("react-color"),require("@arcblock/ux/lib/Dialog"),require("@mui/material"),require("@mui/material/Popover"),require("@arcblock/ux/lib/Locale/context"),require("@mui/material/Alert"),require("@mui/material/Chip")):typeof define=="function"&&define.amd?define(["exports","react","@mui/icons-material","@mui/material/Box","@mui/material/styles","react-arborist","@iconify/react","react/jsx-runtime","lodash/omit","react-select","@mui/material/Typography","@mui/material/Button","@mui/material/IconButton","@mui/material/TextField","@mui/material/ClickAwayListener","react-color","@arcblock/ux/lib/Dialog","@mui/material","@mui/material/Popover","@arcblock/ux/lib/Locale/context","@mui/material/Alert","@mui/material/Chip"],c):(f=typeof globalThis<"u"?globalThis:f||self,c(f.DiscussKitComponents={},f.React,f.iconsMaterial,f.Box,f.styles,f.reactArborist,f.react$1,f.jsxRuntime,f.omit,f.Select,f.Typography,f.Button,f.IconButton,f.TextField,f.ClickAwayListener,f.reactColor,f.Dialog,f.material,f.Popover,f.context,f.Alert,f.Chip))})(this,function(f,c,z,U,F,Y,Z,e,G,N,X,R,ee,te,re,ne,le,_,oe,j,ae,se){"use strict";const T=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},p=T(U),ie=T(G),de=T(N),ce=T(X),A=T(R),q=T(ee),E=T(te),W=T(re),V=T(le),ue=T(oe),fe=T(ae),he=T(se),pe=t=>e.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...t,children:e.jsx("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"})}),ge=t=>e.jsx("svg",{viewBox:"0 0 24 24",width:"1.2em",height:"1.2em",...t,children:e.jsx("path",{fill:"currentColor",d:"m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4Z"})}),H=c.createContext({});function ye({selectable:t=!1,selected:r=[],onSelect:s,renderItem:l,children:o}){const n=g=>r.indexOf(g)!==-1,a=g=>{Array.from(new Set(r).add(g)),s==null||s(g)},i=c.useMemo(()=>({selectable:t,selected:r,isSelected:n,select:a,renderItem:l}),[r]);return e.jsx(H.Provider,{value:i,children:o})}const xe=t=>{var r;return t.isLeaf||!((r=t.data.children)!=null&&r.length)};function me({node:t}){return xe(t)?e.jsx("span",{}):t.isOpen?e.jsx(z.ExpandMore,{style:{fontSize:20}}):e.jsx(z.ExpandMore,{style:{fontSize:20,transform:"rotate(-90deg)"}})}function Ce({node:t,style:r,dragHandle:s}){const{selectable:l,select:o,isSelected:n,renderItem:a}=c.useContext(H),{data:i}=t,g=i.icon?e.jsx(Z.Icon,{icon:i.icon,style:{fontSize:18}}):e.jsx(pe,{style:{fontSize:18,color:i.color||"#ddd"}}),m=u=>{u.stopPropagation(),t.isInternal&&t.toggle()},y=u=>{u.stopPropagation(),l&&o(t.id)},C=e.jsxs(e.Fragment,{children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flex:1},children:[e.jsx(p.default,{sx:{display:"flex",cursor:"pointer"},onClick:m,children:e.jsx(me,{node:t})}),e.jsx(p.default,{sx:{display:"flex",alignItems:"center",width:22,height:22},children:g}),e.jsx(p.default,{component:"span",sx:{color:"grey.700"},children:t.data.name})]}),l&&n(t.id)&&e.jsx(ge,{})]});return e.jsxs(p.default,{className:"label-tree-item",style:r,sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},ref:s,onClick:y,children:[!a&&C,!!a&&a(C,t.data)]})}const ve=F.styled(p.default)`
   > div,
   > div > div,
   > div > div > div {
@@ -11,7 +11,7 @@
   .label-tree-item {
     width: 100%;
   }
-`;function O({data:t,selectable:r,selected:s=[],onSelect:l,rowHeight:o=28,renderItem:n,sx:a,...i}){const g=c.useRef(),m=[...Array.isArray(a)?a:[a]],[y,C]=c.useState(0),u=c.useCallback(()=>{var h,S;C((((S=(h=g.current)==null?void 0:h.visibleNodes)==null?void 0:S.length)||0)*o)},[o]);c.useEffect(()=>{u()},[t,u]);const b=()=>{setTimeout(u)};return e.jsx(ye,{selectable:r,selected:s,onSelect:l,renderItem:n,children:e.jsx(ve,{...i,sx:m,children:e.jsx(Z.Tree,{data:t,rowHeight:o,height:y,indent:32,ref:g,onToggle:b,children:Ce})})})}const B=t=>t.reduce((r,s)=>{var l;return r.push(s),(l=s.children)!=null&&l.length&&r.push(...B(s.children)),r},[]),J=t=>t.map(r=>{var s;return(s=r.children)!=null&&s.length&&(r.children=J(r.children)),r}),be=(t,r=null)=>{try{return JSON.parse(t)}catch{return r}},K=t=>{const r=t.reduce((o,n)=>(o[n.id]=o[n.id]||{},n.parentId&&(o[n.id].parent=n.parentId,o[n.parentId]=o[n.parentId]||{},o[n.parentId].children=o[n.parentId].children||[],o[n.parentId].children.push(n.id)),o),{}),s=t.map(({parentId:o,translation:n,...a})=>({...a,translation:be(n),children:[]})),l=s.reduce((o,n)=>({...o,[n.id]:n}),{});return s.forEach(o=>{const n=r[o.id];n.parent&&l[n.parent]&&(o.parent=l[n.parent]),n.children&&(o.children=n.children.map(a=>l[a]))}),s.filter(o=>!o.parent)},Se=t=>{const{options:r,getValue:s,selectProps:l,selectOption:o}=t,n=s(),a=i=>{const g=r.find(m=>m.data.id===i);g&&o(g)};return e.jsxs(e.Fragment,{children:[e.jsx(N.components.MenuList,{...ie.default(t,["addon"]),children:e.jsx(p.default,{sx:{px:2,py:1},children:e.jsx(O,{data:l.data,selectable:!0,onSelect:a,selected:n.map(i=>i.data.id)})})}),t.addon]})},we=({children:t,...r})=>{const[s,l]=t,o=Array.isArray(s)?s.length:0;return e.jsxs(N.components.ValueContainer,{...r,children:[e.jsx(p.default,{component:"span",sx:{fontSize:13,fontWeight:"bold"},children:o?"Labels":"Filter by labels"}),!!o&&e.jsx(p.default,{sx:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:22,height:22,ml:1,borderRadius:"100%",fontSize:12,bgcolor:"grey.200"},children:o}),l]})},Ie={control:t=>({...t,minHeight:31}),valueContainer:t=>({...t,display:"flex"}),dropdownIndicator:t=>({...t,padding:"0 4px"}),clearIndicator:t=>({...t,padding:"4px"})};function $({data:t,value:r=[],editable:s=!1,addon:l,onChange:o,compact:n,isMulti:a=!0,maxHeight:i=264,...g}){const m=c.useRef(null),y=c.useMemo(()=>B(t).map(x=>({data:x,label:x.name,value:x.id})),[t]),C=y.reduce((x,T)=>({...x,[T.data.id]:T}),{}),u=Array.isArray(r)?r:[r],b=u.map(x=>C[x]),h=c.useRef({prev:u.map(x=>{var T;return((T=C[x])==null?void 0:T.data)||""})}),S=(x,T)=>{!a||!Array.isArray(x)?o(x?[x.data]:[]):h.current.current=x.map(d=>d.data),["clear","remove-value"].includes(T.action)&&m.current&&setTimeout(()=>{var d;return(d=m==null?void 0:m.current)==null?void 0:d.blur()},1)},F=()=>{h.current.current&&JSON.stringify(h.current.prev.map(T=>T.id))!==JSON.stringify(h.current.current.map(T=>T.id))&&(o(h.current.current),h.current.prev=h.current.current)};return e.jsx(p.default,{...g,children:e.jsx(de.default,{ref:m,defaultValue:b,options:y,onChange:S,components:{MenuList:x=>e.jsx(Se,{...x,addon:l}),...n&&{ValueContainer:we}},placeholder:"Select labels",styles:{...n&&Ie,menu:x=>({...x,...s&&{paddingBottom:"36px"},zIndex:99}),menuList:x=>({...x,overflowY:"auto",maxHeight:`${i}px`})},theme:x=>({...x,colors:{...x.colors,primary25:"#ddd",primary50:"#ddd",primary:"#ddd"}}),isSearchable:!1,isMulti:a,closeMenuOnSelect:!a,onMenuClose:F,isClearable:!0,data:t})})}var P=function(){return P=Object.assign||function(r){for(var s,l=1,o=arguments.length;l<o;l++){s=arguments[l];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(r[n]=s[n])}return r},P.apply(this,arguments)};function Te(t,r){var s=typeof Symbol=="function"&&t[Symbol.iterator];if(!s)return t;var l=s.call(t),o,n=[],a;try{for(;(r===void 0||r-- >0)&&!(o=l.next()).done;)n.push(o.value)}catch(i){a={error:i}}finally{try{o&&!o.done&&(s=l.return)&&s.call(l)}finally{if(a)throw a.error}}return n}typeof SuppressedError=="function"&&SuppressedError;var ke=function(t){return typeof t=="function"},ze=function(t){var r=Te(c.useState(t),2),s=r[0],l=r[1],o=c.useCallback(function(n){l(function(a){var i=ke(n)?n(a):n;return i?P(P({},a),i):a})},[]);return[s,o]};const _e=ze;function Ae({I18NProps:t,...r}){const{languages:s}=j.useLocaleContext(),{translation:l,onChange:o}=t,[n,a]=c.useState(null),i=y=>{const C=y.currentTarget.closest(".MuiInputBase-root");C&&a(C)},g=()=>{a(null)},m=s.filter(y=>y.code!=="en");return e.jsx(_.TextField,{...r,InputProps:{endAdornment:e.jsxs(_.InputAdornment,{position:"end",children:[e.jsx(_.IconButton,{edge:"end",onClick:i,children:e.jsx(z.Translate,{})}),e.jsx(ue.default,{open:!!n,anchorEl:n,onClose:g,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},PaperProps:{sx:{width:n==null?void 0:n.clientWidth,maxHeight:200,overflowY:"auto",bgcolor:"grey.50"}},elevation:1,sx:{mt:2},children:e.jsx(_.Box,{sx:{p:2},children:m.map(({code:y,name:C})=>e.jsxs(_.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between","& + &":{mt:1}},children:[e.jsx(_.Box,{sx:{flex:"0 0 120px"},children:C}),e.jsx(_.Box,{sx:{flex:1},children:e.jsx(_.TextField,{value:l[y]||"",size:"small",sx:{width:1},onChange:u=>o({...l,[y]:u.target.value})})})]},y))})})]})}})}function Be({open:t,initialLabel:r,onSubmit:s,onClose:l,...o}){const n=!(r!=null&&r.id),[a,i]=_e({name:(r==null?void 0:r.name)||"",color:(r==null?void 0:r.color)||"#ddd",slug:(r==null?void 0:r.id)||"",translation:(r==null?void 0:r.translation)||{}}),g=S=>/^#([0-9A-F]{3}){1,2}$/i.test(S),m=c.useMemo(()=>n?a.name&&a.color&&a.slug&&g(a.color):a.name&&a.color&&g(a.color),[a,n]),[y,C]=c.useState(!1),u=()=>{s({...r,name:a.name,color:a.color,id:a.slug,translation:a.translation})},b=S=>{i({color:S.hex}),setTimeout(()=>C(!1))},h=S=>{i({color:S.target.value})};return e.jsx(V.default,{open:t,showCloseButton:!0,maxWidth:"lg",title:n?"Create label":"Edit label",actions:e.jsxs(e.Fragment,{children:[e.jsx(A.default,{color:"inherit",variant:"contained",size:"small",onClick:l,children:"Cancel"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",onClick:u,disabled:!m,children:n?"Create":"Save Changes"})]}),onClose:l,...o,children:e.jsxs(p.default,{width:600,minHeight:280,children:[e.jsx(Ae,{label:"Name",value:a.name,placeholder:"New label",size:"small",fullWidth:!0,onChange:S=>i({name:S.target.value}),I18NProps:{translation:a.translation,onChange:S=>i({translation:S})}}),e.jsx(E.default,{label:"Slug",value:a.slug,size:"small",fullWidth:!0,disabled:!n,onChange:S=>i({slug:S.target.value}),sx:{mt:2}}),(r==null?void 0:r.parent)&&e.jsx(E.default,{label:"Parent",value:r.parent.name,size:"small",fullWidth:!0,disabled:!0,sx:{mt:2}}),e.jsx(W.default,{onClickAway:()=>C(!1),children:e.jsxs(p.default,{sx:{position:"relative",mt:2},children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(p.default,{sx:{width:30,height:30,bgcolor:a.color,borderRadius:1},onClick:()=>C(!0)}),e.jsx(E.default,{label:"",value:a.color,size:"small",onChange:h,inputProps:{maxLength:7},sx:{width:100,".MuiInputBase-root":{height:32}}})]}),y&&e.jsx(p.default,{sx:{position:"absolute",top:48,zIndex:1},children:e.jsx(ne.GithubPicker,{color:a.color,onChangeComplete:b})})]})})]})})}function Le({open:t,label:r,onSubmit:s,onClose:l,...o}){return e.jsx(V.default,{open:t,showCloseButton:!0,maxWidth:"md",title:"Delete",actions:e.jsxs(e.Fragment,{children:[e.jsx(A.default,{color:"inherit",variant:"contained",size:"small",onClick:l,children:"Cancel"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",onClick:s,children:"Delete"})]}),onClose:l,...o,children:e.jsxs(p.default,{width:600,minHeight:280,children:[e.jsx(fe.default,{severity:"info",sx:{mb:2},children:"Are you sure you want to delete these labels ?"}),e.jsx(O,{data:[r]})]})})}const qe=M.styled(O)`
+`;function O({data:t,selectable:r,selected:s=[],onSelect:l,rowHeight:o=28,renderItem:n,sx:a,...i}){const g=c.useRef(),m=[...Array.isArray(a)?a:[a]],[y,C]=c.useState(0),u=c.useCallback(()=>{var h,S;C((((S=(h=g.current)==null?void 0:h.visibleNodes)==null?void 0:S.length)||0)*o)},[o]);c.useEffect(()=>{u()},[t,u]);const b=()=>{setTimeout(u)};return e.jsx(ye,{selectable:r,selected:s,onSelect:l,renderItem:n,children:e.jsx(ve,{...i,sx:m,children:e.jsx(Y.Tree,{data:t,rowHeight:o,height:y,indent:32,ref:g,onToggle:b,children:Ce})})})}const B=t=>t.reduce((r,s)=>{var l;return r.push(s),(l=s.children)!=null&&l.length&&r.push(...B(s.children)),r},[]),J=t=>t.map(r=>{var s;return(s=r.children)!=null&&s.length&&(r.children=J(r.children)),r}),be=(t,r=null)=>{try{return JSON.parse(t)}catch{return r}},K=t=>{const r=t.reduce((o,n)=>(o[n.id]=o[n.id]||{},n.parentId&&(o[n.id].parent=n.parentId,o[n.parentId]=o[n.parentId]||{},o[n.parentId].children=o[n.parentId].children||[],o[n.parentId].children.push(n.id)),o),{}),s=t.map(({parentId:o,translation:n,...a})=>({...a,translation:be(n),children:[]})),l=s.reduce((o,n)=>({...o,[n.id]:n}),{});return s.forEach(o=>{const n=r[o.id];n.parent&&l[n.parent]&&(o.parent=l[n.parent]),n.children&&(o.children=n.children.map(a=>l[a]))}),s.filter(o=>!o.parent)},Se=t=>{const{options:r,getValue:s,selectProps:l,selectOption:o}=t,n=s(),a=i=>{const g=r.find(m=>m.data.id===i);g&&o(g)};return e.jsxs(e.Fragment,{children:[e.jsx(N.components.MenuList,{...ie.default(t,["addon"]),children:e.jsx(p.default,{sx:{px:2,py:1},children:e.jsx(O,{data:l.data,selectable:!0,onSelect:a,selected:n.map(i=>i.data.id)})})}),t.addon]})},we=({children:t,...r})=>{const[s,l]=t,o=Array.isArray(s)?s.length:0;return e.jsxs(N.components.ValueContainer,{...r,children:[e.jsx(p.default,{component:"span",sx:{fontSize:13,fontWeight:"bold"},children:o?"Labels":"Filter by labels"}),!!o&&e.jsx(p.default,{sx:{display:"inline-flex",justifyContent:"center",alignItems:"center",width:22,height:22,ml:1,borderRadius:"100%",fontSize:12,bgcolor:"grey.200"},children:o}),l]})},Ie={control:t=>({...t,minHeight:31}),valueContainer:t=>({...t,display:"flex"}),dropdownIndicator:t=>({...t,padding:"0 4px"}),clearIndicator:t=>({...t,padding:"4px"})};function $({data:t,value:r=[],editable:s=!1,addon:l,onChange:o,compact:n,isMulti:a=!0,maxHeight:i=264,...g}){const m=c.useRef(null),y=c.useMemo(()=>B(t).map(x=>({data:x,label:x.name,value:x.id})),[t]),C=y.reduce((x,k)=>({...x,[k.data.id]:k}),{}),u=Array.isArray(r)?r:[r],b=u.map(x=>C[x]),h=c.useRef({prev:u.map(x=>{var k;return((k=C[x])==null?void 0:k.data)||""})}),S=(x,k)=>{!a||!Array.isArray(x)?o(x?[x.data]:[]):h.current.current=x.map(d=>d.data),["clear","remove-value"].includes(k.action)&&m.current&&setTimeout(()=>{var d;return(d=m==null?void 0:m.current)==null?void 0:d.blur()},1)},M=()=>{h.current.current&&JSON.stringify(h.current.prev.map(k=>k.id))!==JSON.stringify(h.current.current.map(k=>k.id))&&(o(h.current.current),h.current.prev=h.current.current)};return e.jsx(p.default,{...g,children:e.jsx(de.default,{ref:m,defaultValue:b,options:y,onChange:S,components:{MenuList:x=>e.jsx(Se,{...x,addon:l}),...n&&{ValueContainer:we}},placeholder:"Select labels",styles:{...n&&Ie,menu:x=>({...x,...s&&{paddingBottom:"36px"},zIndex:99}),menuList:x=>({...x,overflowY:"auto",maxHeight:`${i}px`})},theme:x=>({...x,colors:{...x.colors,primary25:"#ddd",primary50:"#ddd",primary:"#ddd"}}),isSearchable:!1,isMulti:a,closeMenuOnSelect:!a,onMenuClose:M,isClearable:!0,data:t})})}var P=function(){return P=Object.assign||function(r){for(var s,l=1,o=arguments.length;l<o;l++){s=arguments[l];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(r[n]=s[n])}return r},P.apply(this,arguments)};function ke(t,r){var s=typeof Symbol=="function"&&t[Symbol.iterator];if(!s)return t;var l=s.call(t),o,n=[],a;try{for(;(r===void 0||r-- >0)&&!(o=l.next()).done;)n.push(o.value)}catch(i){a={error:i}}finally{try{o&&!o.done&&(s=l.return)&&s.call(l)}finally{if(a)throw a.error}}return n}typeof SuppressedError=="function"&&SuppressedError;var Te=function(t){return typeof t=="function"},ze=function(t){var r=ke(c.useState(t),2),s=r[0],l=r[1],o=c.useCallback(function(n){l(function(a){var i=Te(n)?n(a):n;return i?P(P({},a),i):a})},[]);return[s,o]};const _e=ze;function Ae({I18NProps:t,...r}){const{languages:s}=j.useLocaleContext(),{translation:l,onChange:o}=t,[n,a]=c.useState(null),i=y=>{const C=y.currentTarget.closest(".MuiInputBase-root");C&&a(C)},g=()=>{a(null)},m=s.filter(y=>y.code!=="en");return e.jsx(_.TextField,{...r,InputProps:{endAdornment:e.jsxs(_.InputAdornment,{position:"end",children:[e.jsx(_.IconButton,{edge:"end",onClick:i,children:e.jsx(z.Translate,{})}),e.jsx(ue.default,{open:!!n,anchorEl:n,onClose:g,transformOrigin:{vertical:"top",horizontal:"right"},anchorOrigin:{vertical:"bottom",horizontal:"right"},PaperProps:{sx:{width:n==null?void 0:n.clientWidth,maxHeight:200,overflowY:"auto",bgcolor:"grey.50"}},elevation:1,sx:{mt:2},children:e.jsx(_.Box,{sx:{p:2},children:m.map(({code:y,name:C})=>e.jsxs(_.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between","& + &":{mt:1}},children:[e.jsx(_.Box,{sx:{flex:"0 0 120px"},children:C}),e.jsx(_.Box,{sx:{flex:1},children:e.jsx(_.TextField,{value:l[y]||"",size:"small",sx:{width:1},onChange:u=>o({...l,[y]:u.target.value})})})]},y))})})]})}})}function Be({open:t,initialLabel:r,onSubmit:s,onClose:l,...o}){const n=!(r!=null&&r.id),[a,i]=_e({name:(r==null?void 0:r.name)||"",color:(r==null?void 0:r.color)||"#ddd",slug:(r==null?void 0:r.id)||"",translation:(r==null?void 0:r.translation)||{}}),g=S=>/^#([0-9A-F]{3}){1,2}$/i.test(S),m=c.useMemo(()=>n?a.name&&a.color&&a.slug&&g(a.color):a.name&&a.color&&g(a.color),[a,n]),[y,C]=c.useState(!1),u=()=>{s({...r,name:a.name,color:a.color,id:a.slug,translation:a.translation})},b=S=>{i({color:S.hex}),setTimeout(()=>C(!1))},h=S=>{i({color:S.target.value})};return e.jsx(V.default,{open:t,showCloseButton:!0,maxWidth:"lg",title:n?"Create label":"Edit label",actions:e.jsxs(e.Fragment,{children:[e.jsx(A.default,{color:"inherit",variant:"contained",size:"small",onClick:l,children:"Cancel"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",onClick:u,disabled:!m,children:n?"Create":"Save Changes"})]}),onClose:l,...o,children:e.jsxs(p.default,{width:600,minHeight:280,children:[e.jsx(Ae,{label:"Name",value:a.name,placeholder:"New label",size:"small",fullWidth:!0,onChange:S=>i({name:S.target.value}),I18NProps:{translation:a.translation,onChange:S=>i({translation:S})}}),e.jsx(E.default,{label:"Slug",value:a.slug,size:"small",fullWidth:!0,disabled:!n,onChange:S=>i({slug:S.target.value}),sx:{mt:2}}),(r==null?void 0:r.parent)&&e.jsx(E.default,{label:"Parent",value:r.parent.name,size:"small",fullWidth:!0,disabled:!0,sx:{mt:2}}),e.jsx(W.default,{onClickAway:()=>C(!1),children:e.jsxs(p.default,{sx:{position:"relative",mt:2},children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",gap:1},children:[e.jsx(p.default,{sx:{width:30,height:30,bgcolor:a.color,borderRadius:1},onClick:()=>C(!0)}),e.jsx(E.default,{label:"",value:a.color,size:"small",onChange:h,inputProps:{maxLength:7},sx:{width:100,".MuiInputBase-root":{height:32}}})]}),y&&e.jsx(p.default,{sx:{position:"absolute",top:48,zIndex:1},children:e.jsx(ne.GithubPicker,{color:a.color,onChangeComplete:b})})]})})]})})}function Le({open:t,label:r,onSubmit:s,onClose:l,...o}){return e.jsx(V.default,{open:t,showCloseButton:!0,maxWidth:"md",title:"Delete",actions:e.jsxs(e.Fragment,{children:[e.jsx(A.default,{color:"inherit",variant:"contained",size:"small",onClick:l,children:"Cancel"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",onClick:s,children:"Delete"})]}),onClose:l,...o,children:e.jsxs(p.default,{width:600,minHeight:280,children:[e.jsx(fe.default,{severity:"info",sx:{mb:2},children:"Are you sure you want to delete these labels ?"}),e.jsx(O,{data:[r]})]})})}const qe=F.styled(O)`
   .label-tree-item {
     &:before {
       content: '';
@@ -31,4 +31,4 @@
     box-sizing: border-box;
     padding: 0 16px;
   }
-`;function Oe({locale:t,value:r}){return e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flex:"0 0 auto",px:1,py:.25,fontSize:12,bgcolor:"grey.300",borderRadius:2},className:"label-translation-tag",children:[e.jsx(p.default,{sx:{pr:.5,borderRight:1,borderColor:"grey.400"},children:t}),e.jsx(p.default,{sx:{pl:.5},children:r})]})}function Pe({data:t,api:r,...s}){const[l,o]=c.useState(null),[n,a]=c.useState(null),[i,g]=c.useState(J(t)),m=c.useMemo(()=>B(i),[i]),y=c.useMemo(()=>{const d=(v,I)=>v.map(w=>(I&&(w.parent=I),w.children&&(w.children=d(w.children,w)),w));return d(i)},[i]),C=d=>{var v,I;d.parent?(d.parent.children=(I=(v=d.parent)==null?void 0:v.children)==null?void 0:I.map(w=>w.id===d.id?{...d}:w),C(d.parent)):g(i.map(w=>w.id===d.id?{...d}:w))},u=d=>{d.parent?(d.parent.children=d.parent.children||[],d.parent.children.push(d),g([...i])):g([...i,d])},b=d=>{var v;d.parent?d.parent.children=(v=d.parent.children)==null?void 0:v.filter(I=>I.id!==d.id):g(i.filter(I=>I.id!==d.id))},h=d=>{if(l)return;o({id:"",name:"New label",parent:d,color:"#dddddd"})},S=d=>{l||o(d)},F=async d=>{if(!l)return;const{parent:v,children:I,translation:w,...L}=d;l.id?(await r.updateLabel({...L,translation:JSON.stringify(w),parentId:v==null?void 0:v.id}),C(d)):(await r.createLabel({...L,translation:JSON.stringify(w),parentId:v==null?void 0:v.id}),u(d)),o(null)},x=async()=>{!n||(await r.deleteLabel(n.id),b(n),a(null))},T=(d,v)=>e.jsxs(e.Fragment,{children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap"},className:"label-name",children:[e.jsx(p.default,{children:d}),v.translation&&e.jsx(p.default,{sx:{display:"flex",alignItems:"center",gap:.5,ml:2},className:"label-translation",children:Object.keys(v.translation).map(I=>{var L;const w=(L=v.translation)==null?void 0:L[I];return w?e.jsx(Oe,{locale:I,value:w},I):null})})]}),e.jsxs(p.default,{sx:{display:"flex",gap:1,flex:"0 0 auto"},className:"label-action",children:[e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>h(v),children:e.jsx(z.Add,{sx:{fontSize:20}})}),e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>S(v),children:e.jsx(z.EditOutlined,{sx:{fontSize:18}})}),e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>a(v),children:e.jsx(z.DeleteOutlineOutlined,{sx:{fontSize:20}})})]})]});return e.jsxs(p.default,{...s,className:"label-container",children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(ce.default,{component:"h2",variant:"h6",children:"Manage labels"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",sx:{textTransform:"none"},onClick:()=>h(),children:"New label"})]}),e.jsxs(p.default,{sx:{mt:2,border:1,borderColor:"grey.300",borderRadius:1,overflow:"hidden"},children:[e.jsxs(p.default,{sx:{p:2,fontSize:14,fontWeight:"bold",bgcolor:"grey.200"},className:"label-header",children:[m.length," labels"]}),e.jsx(p.default,{sx:{pt:.5},children:e.jsx(qe,{data:y,selected:[],renderItem:T,rowHeight:64})})]}),e.jsx(Be,{open:!!l,onClose:()=>o(null),initialLabel:l,onSubmit:F},l==null?void 0:l.id),e.jsx(Le,{open:!!n,onClose:()=>a(null),label:n,onSubmit:x},n==null?void 0:n.id)]})}const U=c.createContext({}),D=()=>c.useContext(U),Ne=()=>{const{updateLabels:t}=D();c.useEffect(()=>()=>{t()},[])};function Ee({fetchLabels:t,children:r}){const{locale:s}=j.useLocaleContext(),[l,o]=c.useState({loading:!0,labels:[],updateCounter:1});c.useEffect(()=>{(async()=>{try{o(h=>({...h,loading:!0}));const b=await t();o(h=>({...h,loading:!1,labels:K(b)}))}catch(b){console.error(b),o(h=>({...h,loading:!1,labels:[]}))}})()},[l.updateCounter]);const n=c.useMemo(()=>{var b;return(b=l.labels)!=null&&b.length?B(l.labels).reduce((h,S)=>({...h,[S.id]:S}),{}):{}},[l.labels]),a=c.useCallback(u=>{var b;return{...u,name:((b=u.translation)==null?void 0:b[s])||u.name}},[s]),i=c.useCallback(u=>u.filter(Boolean).map(b=>n[b]).map(a),[n,a]),g=c.useCallback(u=>(u==null?void 0:u.split(","))||[],[]),m=c.useCallback((u=[])=>{if(!!(u!=null&&u.length))return u.join(",")},[]),y=c.useMemo(()=>l.labels.map(a),[l.labels,a]),C=c.useMemo(()=>({loading:l.loading,labels:l.labels||[],updateLabels:()=>o(u=>({...u,updateCounter:++l.updateCounter})),getLabelsById:i,parseLabelIds:g,stringifyLabelIds:m,localizedLabels:y,flattenedLabels:B(y||[])}),[l,i,g,m,y]);return e.jsx(U.Provider,{value:C,children:r})}function De({labels:t,editable:r,onChange:s,sx:l,renderLabel:o}){const n=!(t!=null&&t.length),{labels:a,loading:i,getLabelsById:g}=D(),[m,y]=c.useState(!1);if(i||!r&&n)return null;const C=h=>{s==null||s(h),setTimeout(()=>{y(!1)},300)};if(m)return e.jsx(W.default,{onClickAway:()=>m&&y(!1),children:e.jsx("div",{children:e.jsx($,{data:a,value:t||[],onChange:C})})});const u=g(t||[]),b=[{display:"flex",gap:1,alignItems:"center",flexWrap:"wrap"},...Array.isArray(l)?l:[l]];return e.jsxs(p.default,{sx:b,children:[u.map(h=>h?o?o(h):e.jsx(he.default,{label:h.name,variant:"filled",size:"small",sx:{borderRadius:1}},h.id):null),r&&!n&&e.jsx(q.default,{color:"inherit",size:"small",onClick:()=>y(!0),sx:{color:"grey.400"},children:e.jsx(z.Edit,{sx:{fontSize:20}})}),r&&n&&e.jsx(A.default,{color:"inherit",variant:"outlined",startIcon:e.jsx(z.LabelOutlined,{}),onClick:()=>y(!0),children:"Edit labels"})]})}f.LabelManager=Pe,f.LabelPicker=$,f.LabelTree=O,f.Labels=De,f.LabelsProvider=Ee,f.transformLabels=K,f.useLabelsContext=D,f.useLabelsUpdateOnDestroy=Ne,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+`;function Oe({locale:t,value:r}){return e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flex:"0 0 auto",px:1,py:.25,fontSize:12,bgcolor:"grey.300",borderRadius:2},className:"label-translation-tag",children:[e.jsx(p.default,{sx:{pr:.5,borderRight:1,borderColor:"grey.400"},children:t}),e.jsx(p.default,{sx:{pl:.5},children:r})]})}function Pe({data:t,api:r,...s}){const[l,o]=c.useState(null),[n,a]=c.useState(null),[i,g]=c.useState(J(t)),m=c.useMemo(()=>B(i),[i]),y=c.useMemo(()=>{const d=(v,I)=>v.map(w=>(I&&(w.parent=I),w.children&&(w.children=d(w.children,w)),w));return d(i)},[i]),C=d=>{var v,I;d.parent?(d.parent.children=(I=(v=d.parent)==null?void 0:v.children)==null?void 0:I.map(w=>w.id===d.id?{...d}:w),C(d.parent)):g(i.map(w=>w.id===d.id?{...d}:w))},u=d=>{d.parent?(d.parent.children=d.parent.children||[],d.parent.children.push(d),g([...i])):g([...i,d])},b=d=>{var v;d.parent?d.parent.children=(v=d.parent.children)==null?void 0:v.filter(I=>I.id!==d.id):g(i.filter(I=>I.id!==d.id))},h=d=>{if(l)return;o({id:"",name:"New label",parent:d,color:"#dddddd"})},S=d=>{l||o(d)},M=async d=>{if(!l)return;const{parent:v,children:I,translation:w,...L}=d;l.id?(await r.updateLabel({...L,translation:JSON.stringify(w),parentId:v==null?void 0:v.id}),C(d)):(await r.createLabel({...L,translation:JSON.stringify(w),parentId:v==null?void 0:v.id}),u(d)),o(null)},x=async()=>{!n||(await r.deleteLabel(n.id),b(n),a(null))},k=(d,v)=>e.jsxs(e.Fragment,{children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",flexWrap:"wrap"},className:"label-name",children:[e.jsx(p.default,{children:d}),v.translation&&e.jsx(p.default,{sx:{display:"flex",alignItems:"center",gap:.5,ml:2},className:"label-translation",children:Object.keys(v.translation).map(I=>{var L;const w=(L=v.translation)==null?void 0:L[I];return w?e.jsx(Oe,{locale:I,value:w},I):null})})]}),e.jsxs(p.default,{sx:{display:"flex",gap:1,flex:"0 0 auto"},className:"label-action",children:[e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>h(v),children:e.jsx(z.Add,{sx:{fontSize:20}})}),e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>S(v),children:e.jsx(z.EditOutlined,{sx:{fontSize:18}})}),e.jsx(q.default,{color:"inherit",size:"small",sx:{color:"grey.500"},onClick:()=>a(v),children:e.jsx(z.DeleteOutlineOutlined,{sx:{fontSize:20}})})]})]});return e.jsxs(p.default,{...s,className:"label-container",children:[e.jsxs(p.default,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(ce.default,{component:"h2",variant:"h6",children:"Manage labels"}),e.jsx(A.default,{color:"primary",variant:"contained",size:"small",sx:{textTransform:"none"},onClick:()=>h(),children:"New label"})]}),e.jsxs(p.default,{sx:{mt:2,border:1,borderColor:"grey.300",borderRadius:1,overflow:"hidden"},children:[e.jsxs(p.default,{sx:{p:2,fontSize:14,fontWeight:"bold",bgcolor:"grey.200"},className:"label-header",children:[m.length," labels"]}),e.jsx(p.default,{sx:{pt:.5},children:e.jsx(qe,{data:y,selected:[],renderItem:k,rowHeight:64})})]}),e.jsx(Be,{open:!!l,onClose:()=>o(null),initialLabel:l,onSubmit:M},l==null?void 0:l.id),e.jsx(Le,{open:!!n,onClose:()=>a(null),label:n,onSubmit:x},n==null?void 0:n.id)]})}const Q=c.createContext({}),D=()=>c.useContext(Q),Ne=()=>{const{updateLabels:t}=D();c.useEffect(()=>()=>{t()},[])};function Ee({fetchLabels:t,children:r}){const{locale:s}=j.useLocaleContext(),[l,o]=c.useState({loading:!0,labels:[],updateCounter:1});c.useEffect(()=>{(async()=>{try{o(h=>({...h,loading:!0}));const b=await t();o(h=>({...h,loading:!1,labels:K(b)}))}catch(b){console.error(b),o(h=>({...h,loading:!1,labels:[]}))}})()},[l.updateCounter]);const n=c.useMemo(()=>{var b;return(b=l.labels)!=null&&b.length?B(l.labels).reduce((h,S)=>({...h,[S.id]:S}),{}):{}},[l.labels]),a=c.useCallback(u=>{var b;return{...u,name:((b=u.translation)==null?void 0:b[s])||u.name}},[s]),i=c.useCallback(u=>u.filter(Boolean).map(b=>n[b]).map(a),[n,a]),g=c.useCallback(u=>(u==null?void 0:u.split(","))||[],[]),m=c.useCallback((u=[])=>{if(!!(u!=null&&u.length))return u.join(",")},[]),y=c.useMemo(()=>l.labels.map(a),[l.labels,a]),C=c.useMemo(()=>({loading:l.loading,labels:l.labels||[],updateLabels:()=>o(u=>({...u,updateCounter:++l.updateCounter})),getLabelsById:i,parseLabelIds:g,stringifyLabelIds:m,localizedLabels:y,flattenedLabels:B(y||[])}),[l,i,g,m,y]);return e.jsx(Q.Provider,{value:C,children:r})}function De({labels:t,editable:r,onChange:s,sx:l,renderLabel:o}){const n=!(t!=null&&t.length),{labels:a,loading:i,getLabelsById:g}=D(),[m,y]=c.useState(!1);if(i||!r&&n)return null;const C=h=>{s==null||s(h),setTimeout(()=>{y(!1)},300)};if(m)return e.jsx(W.default,{onClickAway:()=>m&&y(!1),children:e.jsx("div",{children:e.jsx($,{data:a,value:t||[],onChange:C})})});const u=g(t||[]),b=[{display:"flex",gap:1,alignItems:"center",flexWrap:"wrap"},...Array.isArray(l)?l:[l]];return e.jsxs(p.default,{sx:b,children:[u.map(h=>h?o?o(h):e.jsx(he.default,{label:h.name,variant:"filled",size:"small",sx:{borderRadius:1}},h.id):null),r&&!n&&e.jsx(q.default,{color:"inherit",size:"small",onClick:()=>y(!0),sx:{color:"grey.400"},children:e.jsx(z.Edit,{sx:{fontSize:20}})}),r&&n&&e.jsx(A.default,{color:"inherit",variant:"outlined",startIcon:e.jsx(z.LabelOutlined,{}),onClick:()=>y(!0),children:"Edit labels"})]})}f.LabelManager=Pe,f.LabelPicker=$,f.LabelTree=O,f.Labels=De,f.LabelsProvider=Ee,f.transformLabels=K,f.useLabelsContext=D,f.useLabelsUpdateOnDestroy=Ne,Object.defineProperties(f,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/labels",
-  "version": "1.5.130",
+  "version": "1.5.132",
   "files": [
     "dist"
   ],
@@ -75,5 +75,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "688a27573f4ecd878bdbc6f76f4ea03c72ab5ab9"
+  "gitHead": "2823d96c38469127d2b6ddd15c14fc0388a6a257"
 }