@blocklet/labels 1.6.141 → 1.6.143

package/dist/index.es.js

@@ -658,7 +658,7 @@ function LabelsProvider({ fetchLabels, createLabel, children }) {
     [localeTransformer, getParents]
   );
   const parseLabelIds = useCallback((labelIdsStr) => {
-    return (labelIdsStr == null ? void 0 : labelIdsStr.split(",")) || [];
+    return (labelIdsStr == null ? void 0 : labelIdsStr.split(",").filter(Boolean)) || [];
   }, []);
   const stringifyLabelIds = useCallback((labelIds = []) => {
     if (!(labelIds == null ? void 0 : labelIds.length)) {
@@ -1111,17 +1111,31 @@ function Labels2({ labels, sx, renderLabel, prepend, displaySystemLabels = true
       if (!item) {
         return null;
       }
+      const labelChip = /* @__PURE__ */ jsx(LabelChip, { label: item }, item.data.id);
       if (renderLabel) {
-        return renderLabel(item);
+        return renderLabel(item, labelChip);
       }
-      return /* @__PURE__ */ jsx(LabelChip, { label: item }, item.data.id);
+      return labelChip;
     })
   ] });
 }
-function LabelsInput({ value = [], onChange, ...rest }) {
+function LabelsInput({
+  value = [],
+  onChange,
+  sx,
+  ...rest
+}) {
   var _a;
   const { getLabelsByIds, loading } = LabelsContainer.useContainer();
   const valueOptions = useMemo(() => getLabelsByIds(value), [getLabelsByIds, value]);
+  const mergedSx = [
+    {
+      "& .MuiInputBase-root": { flexWrap: "wrap", gap: 0.5, py: 0.75 },
+      "& .MuiInputBase-input": { width: !(value == null ? void 0 : value.length) ? "initial" : "20px", p: 0 }
+    },
+    ...Array.isArray(sx) ? sx : [sx]
+  ];
+  const placeholder = !(value == null ? void 0 : value.length) ? rest.placeholder || "Select labels" : "";
   if (loading) {
     return null;
   }
@@ -1134,6 +1148,7 @@ function LabelsInput({ value = [], onChange, ...rest }) {
         TextField,
         {
           ...rest,
+          placeholder,
           fullWidth: true,
           InputProps: {
             autoComplete: "off",
@@ -1143,10 +1158,7 @@ function LabelsInput({ value = [], onChange, ...rest }) {
               ...valueOptions.map((x, index) => /* @__PURE__ */ jsx(LabelChip, { label: x }, index))
             ].filter(Boolean)
           },
-          sx: {
-            "& .MuiInputBase-root": { flexWrap: "wrap", gap: 0.5, p: 1 },
-            "& .MuiInputBase-input": { width: (rest == null ? void 0 : rest.placeholder) ? "initial" : "20px", p: 0 }
-          }
+          sx: mergedSx
         }
       )
     }

package/dist/index.umd.js

@@ -646,7 +646,7 @@ var __publicField = (obj, key, value) => {
       [localeTransformer, getParents]
     );
     const parseLabelIds = react.useCallback((labelIdsStr) => {
-      return (labelIdsStr == null ? void 0 : labelIdsStr.split(",")) || [];
+      return (labelIdsStr == null ? void 0 : labelIdsStr.split(",").filter(Boolean)) || [];
     }, []);
     const stringifyLabelIds = react.useCallback((labelIds = []) => {
       if (!(labelIds == null ? void 0 : labelIds.length)) {
@@ -1099,17 +1099,31 @@ var __publicField = (obj, key, value) => {
         if (!item) {
           return null;
         }
+        const labelChip = /* @__PURE__ */ jsxRuntime.jsx(LabelChip, { label: item }, item.data.id);
         if (renderLabel) {
-          return renderLabel(item);
+          return renderLabel(item, labelChip);
         }
-        return /* @__PURE__ */ jsxRuntime.jsx(LabelChip, { label: item }, item.data.id);
+        return labelChip;
       })
     ] });
   }
-  function LabelsInput({ value = [], onChange, ...rest }) {
+  function LabelsInput({
+    value = [],
+    onChange,
+    sx,
+    ...rest
+  }) {
     var _a;
     const { getLabelsByIds, loading } = LabelsContainer.useContainer();
     const valueOptions = react.useMemo(() => getLabelsByIds(value), [getLabelsByIds, value]);
+    const mergedSx = [
+      {
+        "& .MuiInputBase-root": { flexWrap: "wrap", gap: 0.5, py: 0.75 },
+        "& .MuiInputBase-input": { width: !(value == null ? void 0 : value.length) ? "initial" : "20px", p: 0 }
+      },
+      ...Array.isArray(sx) ? sx : [sx]
+    ];
+    const placeholder = !(value == null ? void 0 : value.length) ? rest.placeholder || "Select labels" : "";
     if (loading) {
       return null;
     }
@@ -1122,6 +1136,7 @@ var __publicField = (obj, key, value) => {
           material.TextField,
           {
             ...rest,
+            placeholder,
             fullWidth: true,
             InputProps: {
               autoComplete: "off",
@@ -1131,10 +1146,7 @@ var __publicField = (obj, key, value) => {
                 ...valueOptions.map((x, index) => /* @__PURE__ */ jsxRuntime.jsx(LabelChip, { label: x }, index))
               ].filter(Boolean)
             },
-            sx: {
-              "& .MuiInputBase-root": { flexWrap: "wrap", gap: 0.5, p: 1 },
-              "& .MuiInputBase-input": { width: (rest == null ? void 0 : rest.placeholder) ? "initial" : "20px", p: 0 }
-            }
+            sx: mergedSx
           }
         )
       }

package/dist/label2/labels-input.d.ts

@@ -3,5 +3,5 @@ interface LabelsInputProps {
     value: string[];
     onChange: (value: string[]) => void;
 }
-export declare function LabelsInput({ value, onChange, ...rest }: LabelsInputProps & Omit<TextFieldProps, 'onChange'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function LabelsInput({ value, onChange, sx, ...rest }: LabelsInputProps & Omit<TextFieldProps, 'onChange'>): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/label2/labels2.d.ts

@@ -4,7 +4,7 @@ import type { LabelTreeNode } from './tree';
 interface LabelsProps {
     labels: string[] | undefined | null;
     sx?: SxProps;
-    renderLabel?: (label: LabelTreeNode) => JSX.Element;
+    renderLabel?: (label: LabelTreeNode, labelChip: React.ReactElement) => JSX.Element;
     prepend?: React.ReactNode;
     displaySystemLabels?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/labels",
-  "version": "1.6.141",
+  "version": "1.6.143",
   "files": [
     "dist"
   ],
@@ -28,7 +28,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@blocklet/translation-input": "1.6.141",
+    "@blocklet/translation-input": "1.6.143",
     "@emotion/css": "^11.10.5",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
@@ -80,5 +80,5 @@
   "resolutions": {
     "react": "^18.2.0"
   },
-  "gitHead": "a8b2ab4266196099fbebee92873db434486213be"
+  "gitHead": "dd8210e9eb9b27b281583b4a5ce302a8c72b1ea0"
 }