@multiplatform.one/frappe-ui 7.66.0 → 7.68.0

package/dist/esm/FormSidebar.mjs

@@ -1,19 +1,11 @@
-import { Avatar, componentColors, getInitials } from "@multiplatform.one/components";
+import { ActionButton, Avatar, Image, Sidebar, Text } from "@multiplatform.one/components";
 import { Button } from "@multiplatform.one/forms";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { ImageSquareIcon, PlusIcon, UploadIcon, UserIcon, XIcon } from "@phosphor-icons/react";
+import { ImageSquareIcon, PlusIcon, UserIcon, XIcon } from "@phosphor-icons/react";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { Image, ListItem, Separator, Text, XStack, YStack, isWeb, useTheme } from "tamagui";
+import { XStack, YStack, useTheme } from "tamagui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const avatarColors = ["$orange4", "$blue4", "$purple4", "$pink4"];
-function avatarColor(index) {
-  return avatarColors[index % avatarColors.length];
-}
-const textColors = ["$orange11", "$blue11", "$purple11", "$pink11"];
-function textColor(index) {
-  return textColors[index % textColors.length];
-}
 function FormSidebar({
   imageUrl,
   imageLabel,
@@ -21,7 +13,9 @@ function FormSidebar({
   onImageRemove,
   sections = [],
   metadata = [],
-  ...stackProps
+  width = 280,
+  divider = true,
+  "data-testid": testID
 }) {
   const {
     t
@@ -35,195 +29,114 @@ function FormSidebar({
   const [erroredUrl, setErroredUrl] = React.useState();
   const imageBroken = Boolean(imageUrl) && erroredUrl === imageUrl;
   const sz = knobProps.sizeToken;
-  const avatarSize = sz === "$3" ? "$1" : sz === "$5" ? "$3" : "$2";
   const imageSize = sz === "$3" ? 160 : sz === "$5" ? 240 : 200;
   const resolvedImageLabel = imageLabel ?? t("Document image");
-  const showImageBlock = Boolean(imageUrl) || Boolean(onImageAdd);
-  return /* @__PURE__ */jsxs(YStack, {
-    ...knobProps.containerRadius,
-    ...knobProps.panelPadding,
-    ...knobProps.gapLg,
-    width: 280,
-    ...(isWeb ? {
-      borderInlineEndWidth: 1,
-      borderInlineEndStyle: "solid",
-      borderInlineEndColor: "$borderColor"
-    } : {
-      borderEndWidth: 1,
-      borderEndColor: "$borderColor"
-    }),
-    ...stackProps,
-    children: [showImageBlock && /* @__PURE__ */jsxs(Fragment, {
-      children: [/* @__PURE__ */jsxs(YStack, {
-        alignItems: "center",
+  const imageActions = imageUrl && (onImageAdd || onImageRemove) ? overMedia => /* @__PURE__ */jsxs(Fragment, {
+    children: [onImageAdd ? /* @__PURE__ */jsx(ActionButton, {
+      kind: "replace",
+      label: t("Replace image"),
+      overMedia,
+      onPress: onImageAdd
+    }) : null, onImageRemove ? /* @__PURE__ */jsx(ActionButton, {
+      kind: "remove",
+      label: t("Remove image"),
+      overMedia,
+      onPress: onImageRemove
+    }) : null]
+  }) : void 0;
+  const imageBlock = imageUrl || onImageAdd ? /* @__PURE__ */jsxs(YStack, {
+    alignItems: "center",
+    gap: "$2",
+    children: [imageUrl ? /* @__PURE__ */jsxs(YStack, {
+      position: "relative",
+      children: [/* @__PURE__ */jsx(Image, {
+        ...knobProps.containerRadius,
+        src: imageBroken ? void 0 : imageUrl,
+        alt: resolvedImageLabel,
+        width: imageSize,
+        height: imageSize,
+        objectFit: "contain",
+        onError: () => setErroredUrl(imageUrl)
+      }), imageActions && !imageBroken ? /* @__PURE__ */jsx(XStack, {
+        "data-form-sidebar": "image-actions",
+        position: "absolute",
+        top: "$2",
+        right: "$2",
+        zIndex: 1,
         gap: "$2",
-        children: [imageUrl && !imageBroken ? /* @__PURE__ */jsx(Image, {
-          ...knobProps.containerRadius,
-          src: imageUrl,
-          alt: resolvedImageLabel,
-          width: imageSize,
-          height: imageSize,
-          objectFit: "contain",
-          onError: () => setErroredUrl(imageUrl)
-        }) : imageUrl && imageBroken ? /* @__PURE__ */jsxs(YStack, {
-          ...knobProps.containerRadius,
-          width: imageSize,
-          height: imageSize,
-          alignItems: "center",
-          justifyContent: "center",
-          gap: "$2",
-          borderWidth: 1,
-          borderStyle: "dashed",
-          borderColor: "$borderColor",
-          "aria-label": resolvedImageLabel,
-          children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: iconSize * 2,
-            color: placeholderIconColor
-          }), /* @__PURE__ */jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: t("Image failed to load")
-          })]
-        }) : /* @__PURE__ */jsxs(YStack, {
-          role: "button",
-          tabIndex: 0,
-          onPress: onImageAdd,
-          "aria-label": t("Add image"),
-          width: imageSize,
-          height: imageSize,
-          alignItems: "center",
-          justifyContent: "center",
-          cursor: "pointer",
-          gap: "$2",
-          ...knobProps.containerRadius,
-          borderWidth: 1,
-          borderStyle: "dashed",
-          borderColor: "$borderColor",
-          children: [/* @__PURE__ */jsx(ImageSquareIcon, {
-            size: iconSize * 2,
-            color: placeholderIconColor
-          }), /* @__PURE__ */jsx(Text, {
-            color: knobProps.textAccentColor,
-            ...knobProps.label,
-            children: t("Add image")
-          })]
-        }), imageUrl && (onImageAdd || onImageRemove) && /* @__PURE__ */jsxs(XStack, {
-          gap: "$2",
-          children: [onImageAdd && /* @__PURE__ */jsx(Button, {
-            size: "$2",
-            chromeless: true,
-            icon: UploadIcon,
-            "aria-label": t("Replace image"),
-            onPress: onImageAdd,
-            children: t("Replace")
-          }), onImageRemove && /* @__PURE__ */jsx(Button, {
-            size: "$2",
-            chromeless: true,
-            icon: XIcon,
-            "aria-label": t("Remove image"),
-            onPress: onImageRemove,
-            children: t("Remove")
-          })]
-        })]
-      }), /* @__PURE__ */jsx(Separator, {})]
-    }), sections.map((section, sectionIdx) => /* @__PURE__ */jsxs(React.Fragment, {
-      children: [/* @__PURE__ */jsxs(YStack, {
-        ...knobProps.gap,
-        children: [/* @__PURE__ */jsxs(XStack, {
-          alignItems: "center",
-          justifyContent: "space-between",
-          children: [/* @__PURE__ */jsxs(XStack, {
-            alignItems: "center",
-            gap: "$2",
-            children: [section.icon, /* @__PURE__ */jsx(Text, {
-              color: knobProps.textAccentColor,
-              ...knobProps.label,
-              fontWeight: "400",
-              children: section.title
-            })]
-          }), section.onAdd && /* @__PURE__ */jsx(Button, {
-            size: "$2",
-            circular: true,
-            chromeless: true,
-            icon: PlusIcon,
-            "aria-label": t("Add {{section}}", {
-              section: section.title
-            }),
-            onPress: section.onAdd
-          })]
-        }), section.render ? section.render() : section.items && section.items.length > 0 ? /* @__PURE__ */jsx(YStack, {
-          ...knobProps.gap,
-          children: section.items.map(item => /* @__PURE__ */jsxs(XStack, {
-            gap: "$2",
-            alignItems: "center",
-            children: [/* @__PURE__ */jsx(Avatar, {
-              circular: true,
-              size: avatarSize,
-              backgroundColor: avatarColor(sectionIdx),
-              children: /* @__PURE__ */jsx(Avatar.Fallback, {
-                backgroundColor: avatarColor(sectionIdx),
-                children: /* @__PURE__ */jsx(Text, {
-                  color: textColor(sectionIdx),
-                  ...knobProps.label,
-                  fontWeight: "700",
-                  children: getInitials(item.label)
-                })
-              })
-            }), /* @__PURE__ */jsxs(YStack, {
-              flex: 1,
-              children: [/* @__PURE__ */jsx(Text, {
-                color: componentColors.text.primary,
-                numberOfLines: 1,
-                ...knobProps.label,
-                children: item.label
-              }), item.sublabel && /* @__PURE__ */jsx(Text, {
-                color: knobProps.textAccentColor,
-                ...knobProps.label,
-                children: item.sublabel
-              })]
-            }), section.onRemoveItem && /* @__PURE__ */jsx(Button, {
-              size: "$2",
-              circular: true,
-              chromeless: true,
-              icon: XIcon,
-              "aria-label": t("Remove {{name}}", {
-                name: item.label
-              }),
-              onPress: () => section.onRemoveItem?.(item)
-            })]
-          }, item.id))
-        }) : /* @__PURE__ */jsx(Text, {
-          color: knobProps.textAccentColor,
-          ...knobProps.label,
-          children: section.emptyText ?? t("None")
-        })]
-      }), sectionIdx < sections.length - 1 && /* @__PURE__ */jsx(Separator, {})]
-    }, section.key)), metadata.length > 0 && sections.length > 0 && /* @__PURE__ */jsx(Separator, {}), metadata.length > 0 && /* @__PURE__ */jsxs(YStack, {
-      gap: "$1",
-      children: [/* @__PURE__ */jsx(Text, {
-        color: knobProps.textAccentColor,
-        paddingHorizontal: "$2",
-        ...knobProps.label,
-        fontWeight: "400",
-        children: t("Info")
-      }), metadata.map(entry => /* @__PURE__ */jsx(ListItem, {
-        size: knobProps.sizeToken,
-        icon: entry.icon ?? /* @__PURE__ */jsx(UserIcon, {
-          size: iconSize,
-          color: placeholderIconColor,
-          style: {
-            flexShrink: 0
-          }
-        }),
-        title: /* @__PURE__ */jsx(Text, {
-          color: knobProps.textAccentColor,
-          ...knobProps.label,
-          children: entry.label
+        children: imageActions(true)
+      }) : null]
+    }) : /* @__PURE__ */jsx(Button, {
+      chromeless: true,
+      icon: ImageSquareIcon,
+      "aria-label": t("Add image"),
+      onPress: onImageAdd
+    }), imageBroken ? /* @__PURE__ */jsx(Text, {
+      color: knobProps.textAccentColor,
+      ...knobProps.label,
+      children: t("Image failed to load")
+    }) : null, imageBroken && imageActions ? /* @__PURE__ */jsx(XStack, {
+      gap: "$2",
+      children: imageActions(false)
+    }) : null]
+  }) : null;
+  const railSections = [...(imageBlock ? [{
+    items: [],
+    content: imageBlock
+  }] : []), ...sections.map(section => ({
+    title: section.title,
+    icon: section.icon,
+    action: section.onAdd ? /* @__PURE__ */jsx(Button, {
+      size: "$2",
+      chromeless: true,
+      icon: PlusIcon,
+      "aria-label": t("Add {{section}}", {
+        section: section.title
+      }),
+      onPress: section.onAdd
+    }) : void 0,
+    ...(section.render ? {
+      items: [],
+      content: section.render()
+    } : {
+      items: (section.items ?? []).map(item => ({
+        label: item.label,
+        value: item.id,
+        subTitle: item.sublabel,
+        icon: /* @__PURE__ */jsx(Avatar, {
+          name: item.label,
+          nested: true
         }),
-        backgroundColor: "transparent",
-        paddingVertical: "$1"
-      }, entry.label))]
-    })]
+        trailing: section.onRemoveItem ? /* @__PURE__ */jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          icon: XIcon,
+          "aria-label": t("Remove {{name}}", {
+            name: item.label
+          }),
+          onPress: () => section.onRemoveItem?.(item)
+        }) : void 0
+      })),
+      emptyText: section.emptyText ?? t("None")
+    })
+  })), ...(metadata.length > 0 ? [{
+    title: t("Info"),
+    items: metadata.map(entry => ({
+      label: entry.label,
+      value: entry.label,
+      icon: entry.icon ?? /* @__PURE__ */jsx(UserIcon, {
+        size: iconSize,
+        color: placeholderIconColor
+      })
+    }))
+  }] : [])];
+  return /* @__PURE__ */jsx(Sidebar, {
+    role: "complementary",
+    "aria-label": t("Document details"),
+    width,
+    divider,
+    sections: railSections,
+    testID
   });
 }
 export { FormSidebar };

package/dist/esm/FormSidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Avatar","componentColors","getInitials","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UploadIcon","UserIcon","XIcon","React","useTranslation","Image","ListItem","Separator","Text","XStack","YStack","isWeb","useTheme","Fragment","jsx","jsxs","avatarColors","avatarColor","index","length","textColors","textColor","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","stackProps","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","width","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","avatarSize","imageSize","resolvedImageLabel","showImageBlock","containerRadius","panelPadding","gapLg","borderInlineEndWidth","borderInlineEndStyle","borderInlineEndColor","borderEndWidth","borderEndColor","children","alignItems","gap","src","alt","height","objectFit","onError","justifyContent","borderWidth","borderStyle","borderColor","size","color","textAccentColor","label","role","tabIndex","onPress","cursor","chromeless","icon","map","section","sectionIdx","fontWeight","title","onAdd","circular","render","items","item","backgroundColor","Fallback","flex","text","primary","numberOfLines","sublabel","onRemoveItem","name","id","emptyText","key","paddingHorizontal","entry","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ActionButton","Avatar","Image","Sidebar","Text","Button","useResolvedKnobs","ImageSquareIcon","PlusIcon","UserIcon","XIcon","React","useTranslation","XStack","YStack","useTheme","Fragment","jsx","jsxs","FormSidebar","imageUrl","imageLabel","onImageAdd","onImageRemove","sections","metadata","width","divider","testID","t","knobProps","theme","placeholderIconColor","color11","val","iconSize","Number","controlIcon","erroredUrl","setErroredUrl","useState","imageBroken","Boolean","sz","sizeToken","imageSize","resolvedImageLabel","imageActions","overMedia","children","kind","label","onPress","imageBlock","alignItems","gap","position","containerRadius","src","alt","height","objectFit","onError","top","right","zIndex","chromeless","icon","color","textAccentColor","railSections","items","content","map","section","title","action","onAdd","size","render","item","value","id","subTitle","sublabel","name","nested","trailing","onRemoveItem","emptyText","length","entry","role"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}