@blocklet/labels 1.6.189 → 1.6.192

package/dist/{index-7OIpnhiM.mjs → index--R2g5u3O.mjs}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-3Crpny-A.mjs";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./index-VI76Nvwo.mjs";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/{index-3Crpny-A.mjs → index-VI76Nvwo.mjs}

@@ -580,7 +580,7 @@ const useLabels = ({ loading, data: data2, createLabel: createLabelAPI }) => {
   };
   const getRecommended = (id) => {
     const related = id ? getRelatedLabels(id) : [];
-    const set = /* @__PURE__ */ new Set([...related.map((x2) => x2.data.id), id]);
+    const set = new Set([...related.map((x2) => x2.data.id), id].filter(Boolean));
     return [...related, ...popularLabels.filter((x2) => !set.has(x2.data.id))].filter((x2) => !!counts[x2.data.id]);
   };
   const createLabel = async (name2) => {
@@ -827,7 +827,8 @@ function LabelChip({
   sx,
   fullName = true,
   onClick,
-  disabled = false
+  disabled = false,
+  renderName = (name2) => name2
 }) {
   const { getFullLabelName, getLabelName } = LabelsContainer.useContainer();
   const mergedSx = [
@@ -870,7 +871,7 @@ function LabelChip({
     /* @__PURE__ */ jsx(
       Chip,
       {
-        label: fullName ? getFullLabelName(label.data.id) : getLabelName(label.data.id),
+        label: renderName(fullName ? getFullLabelName(label.data.id) : getLabelName(label.data.id)),
         variant: "outlined",
         size: "small",
         ...hasDelete && {
@@ -13594,7 +13595,7 @@ function WebviewLoginItem({
     return link.href.replace(/^https?:\/\//, "abt://");
   }, [tokenKey, tokenState.token]);
   const handleConnect = useMemoizedFn(() => {
-    import("./index-7OIpnhiM.mjs").then((n2) => n2.i).then((dsbridge) => {
+    import("./index--R2g5u3O.mjs").then((n2) => n2.i).then((dsbridge) => {
       if (!dsbridge.call) {
         dsbridge = dsbridge.default;
       }
@@ -17196,6 +17197,7 @@ function GithubLabelPicker({
         open: open2,
         anchorEl,
         placement: "bottom-start",
+        disablePortal: true,
         sx: (t2) => ({
           border: `1px solid ${t2.palette.mode === "light" ? "#e1e4e8" : "#30363d"}`,
           boxShadow: `0 8px 24px ${t2.palette.mode === "light" ? "rgba(149, 157, 165, 0.2)" : "rgb(1, 4, 9)"}`,
@@ -17293,20 +17295,6 @@ function GithubLabelPicker({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx(
-                          Box$1,
-                          {
-                            component: "span",
-                            sx: {
-                              width: 16,
-                              height: 16,
-                              flexShrink: 0,
-                              borderRadius: "3px",
-                              mr: 1
-                            },
-                            style: { backgroundColor: option.data.color || "#ddd" }
-                          }
-                        ),
                         /* @__PURE__ */ jsx(
                           Box$1,
                           {

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { G, j, b, a, L, d, k, h, i, f, u, e } from "./index-3Crpny-A.mjs";
+import { G, j, b, a, L, d, k, h, i, f, u, e } from "./index-VI76Nvwo.mjs";
 import "react/jsx-runtime";
 import "react";
 import "@mui/icons-material";

package/dist/index.umd.js

@@ -546,7 +546,7 @@ var __publicField = (obj, key, value) => {
     };
     const getRecommended = (id) => {
       const related = id ? getRelatedLabels(id) : [];
-      const set = /* @__PURE__ */ new Set([...related.map((x2) => x2.data.id), id]);
+      const set = new Set([...related.map((x2) => x2.data.id), id].filter(Boolean));
       return [...related, ...popularLabels.filter((x2) => !set.has(x2.data.id))].filter((x2) => !!counts[x2.data.id]);
     };
     const createLabel = async (name2) => {
@@ -793,7 +793,8 @@ var __publicField = (obj, key, value) => {
     sx,
     fullName = true,
     onClick,
-    disabled = false
+    disabled = false,
+    renderName = (name2) => name2
   }) {
     const { getFullLabelName, getLabelName } = LabelsContainer.useContainer();
     const mergedSx = [
@@ -836,7 +837,7 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ require$$1$1.jsx(
         material.Chip,
         {
-          label: fullName ? getFullLabelName(label.data.id) : getLabelName(label.data.id),
+          label: renderName(fullName ? getFullLabelName(label.data.id) : getLabelName(label.data.id)),
           variant: "outlined",
           size: "small",
           ...hasDelete && {
@@ -17162,6 +17163,7 @@ var __publicField = (obj, key, value) => {
           open: open2,
           anchorEl,
           placement: "bottom-start",
+          disablePortal: true,
           sx: (t2) => ({
             border: `1px solid ${t2.palette.mode === "light" ? "#e1e4e8" : "#30363d"}`,
             boxShadow: `0 8px 24px ${t2.palette.mode === "light" ? "rgba(149, 157, 165, 0.2)" : "rgb(1, 4, 9)"}`,
@@ -17259,20 +17261,6 @@ var __publicField = (obj, key, value) => {
                               }
                             }
                           ),
-                          /* @__PURE__ */ require$$1$1.jsx(
-                            material.Box,
-                            {
-                              component: "span",
-                              sx: {
-                                width: 16,
-                                height: 16,
-                                flexShrink: 0,
-                                borderRadius: "3px",
-                                mr: 1
-                              },
-                              style: { backgroundColor: option.data.color || "#ddd" }
-                            }
-                          ),
                           /* @__PURE__ */ require$$1$1.jsx(
                             material.Box,
                             {

package/dist/label2/labels2.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type SxProps } from '@mui/material';
 import type { LabelTreeNode } from './tree';
-interface LabelsProps {
+export interface LabelsProps {
     labels: string[] | undefined | null;
     sx?: SxProps;
     renderLabel?: (label: LabelTreeNode, labelChip: React.ReactElement) => JSX.Element;
@@ -10,13 +10,14 @@ interface LabelsProps {
     onItemClick?: (label: LabelTreeNode) => void;
     compact?: boolean;
 }
-export declare function LabelChip({ label, onDelete, sx, fullName, onClick, disabled, }: {
+export interface LabelChipProps {
     label: LabelTreeNode;
     onDelete?: (label: LabelTreeNode) => void;
     sx?: SxProps;
     fullName?: boolean;
     onClick?: (label: LabelTreeNode) => void;
     disabled?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    renderName?: (label: LabelTreeNode | string) => React.ReactNode | string;
+}
+export declare function LabelChip({ label, onDelete, sx, fullName, onClick, disabled, renderName, }: LabelChipProps): import("react/jsx-runtime").JSX.Element;
 export declare function Labels2({ compact, labels, sx, renderLabel, prepend, displaySystemLabels, onItemClick, }: LabelsProps): import("react/jsx-runtime").JSX.Element | null;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/labels",
-  "version": "1.6.189",
+  "version": "1.6.192",
   "files": [
     "dist"
   ],
@@ -28,7 +28,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@blocklet/translation-input": "1.6.189",
+    "@blocklet/translation-input": "1.6.192",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -82,5 +82,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "9dc3cda97f297d5f4818c0b7a7e0daa1e588d1dd"
+  "gitHead": "3c34fa4bd4f854452af6a5d9c434dd4774ed7381"
 }