@multiplatform.one/backoffice 6.7.0 → 7.1.0

package/dist/cjs/form/FormDialogs.cjs

@@ -24,6 +24,7 @@ var FormDialogs_exports = {};
 __export(FormDialogs_exports, {
   AssignDialog: () => AssignDialog,
   EmailDialog: () => EmailDialog,
+  JumpToFieldDialog: () => JumpToFieldDialog,
   RenameDialog: () => RenameDialog
 });
 module.exports = __toCommonJS(FormDialogs_exports);
@@ -176,4 +177,107 @@ function AssignDialog({
       })
     })
   });
+}
+function JumpToFieldDialog({
+  open,
+  onOpenChange,
+  fields,
+  onJump
+}) {
+  const {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const [query, setQuery] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (!open) setQuery("");
+  }, [open]);
+  const matches = (0, import_react.useMemo)(() => {
+    const needle = query.trim().toLowerCase();
+    if (!needle) return fields;
+    return fields.filter(field => field.label.toLowerCase().includes(needle) || field.name.toLowerCase().includes(needle));
+  }, [fields, query]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("jumpToFieldTitle", "Jump to field"),
+    confirmLabel: t("jumpToField", "Jump"),
+    confirmDisabled: matches.length === 0,
+    confirmDisabledReason: t("jumpToFieldNone", "No matching fields"),
+    allowManyActions: true,
+    onConfirm: () => {
+      if (matches[0]) onJump(matches[0]);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      maxWidth: 420,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: query,
+        onChangeText: setQuery,
+        placeholder: t("jumpToFieldPlaceholder", "Search fields\u2026"),
+        inputProps: {
+          "aria-label": t("jumpToFieldPlaceholder", "Search fields\u2026"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+        maxHeight: 240,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          children: matches.map((field, index) => {
+            const position = (0, import_theme.getGroupPosition)(index, matches.length);
+            const corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+              role: "button",
+              tabIndex: 0,
+              alignItems: "center",
+              paddingVertical: "$2",
+              paddingHorizontal: "$3",
+              overflow: "hidden",
+              cursor: "pointer",
+              outlineWidth: 0,
+              ...corners,
+              hoverStyle: {
+                backgroundColor: "$color3",
+                ...corners
+              },
+              pressStyle: {
+                backgroundColor: "$color5",
+                ...corners
+              },
+              focusStyle: {
+                outlineWidth: 0
+              },
+              focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+                outlineOffset: -2
+              }),
+              onPress: () => onJump(field),
+              onKeyDown: e => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault?.();
+                  onJump(field);
+                }
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+                flex: 1,
+                minWidth: 0,
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                  fontSize: "$3",
+                  color: "$color12",
+                  numberOfLines: 1,
+                  children: field.label
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                  fontSize: "$1",
+                  color: "$color11",
+                  numberOfLines: 1,
+                  children: field.tabLabel
+                })]
+              })
+            }, `${field.tabKey}:${field.name}`);
+          })
+        })
+      })]
+    })
+  });
 }

package/dist/cjs/form/FormDialogs.native.js

@@ -26,6 +26,7 @@ var FormDialogs_exports = {};
 __export(FormDialogs_exports, {
   AssignDialog: () => AssignDialog,
   EmailDialog: () => EmailDialog,
+  JumpToFieldDialog: () => JumpToFieldDialog,
   RenameDialog: () => RenameDialog
 });
 module.exports = __toCommonJS(FormDialogs_exports);
@@ -190,4 +191,113 @@ function AssignDialog(param) {
     })
   });
 }
+function JumpToFieldDialog(param) {
+  var {
+    open,
+    onOpenChange,
+    fields,
+    onJump
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [query, setQuery] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(function () {
+    if (!open) setQuery("");
+  }, [open]);
+  var matches = (0, import_react.useMemo)(function () {
+    var needle = query.trim().toLowerCase();
+    if (!needle) return fields;
+    return fields.filter(function (field) {
+      return field.label.toLowerCase().includes(needle) || field.name.toLowerCase().includes(needle);
+    });
+  }, [fields, query]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ConfirmDialog, {
+    open,
+    onOpenChange,
+    title: t("jumpToFieldTitle", "Jump to field"),
+    confirmLabel: t("jumpToField", "Jump"),
+    confirmDisabled: matches.length === 0,
+    confirmDisabledReason: t("jumpToFieldNone", "No matching fields"),
+    allowManyActions: true,
+    onConfirm: function onConfirm() {
+      if (matches[0]) onJump(matches[0]);
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      ...knobProps.gap,
+      minWidth: 280,
+      maxWidth: 420,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input, {
+        value: query,
+        onChangeText: setQuery,
+        placeholder: t("jumpToFieldPlaceholder", "Search fields\u2026"),
+        inputProps: {
+          "aria-label": t("jumpToFieldPlaceholder", "Search fields\u2026"),
+          autoFocus: true
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.ScrollView, {
+        maxHeight: 240,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          children: matches.map(function (field, index) {
+            var position = (0, import_theme.getGroupPosition)(index, matches.length);
+            var corners = (0, import_theme.stackRadiusProps)(position, knobProps.borderRadius.borderRadius);
+            return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+              role: "button",
+              tabIndex: 0,
+              alignItems: "center",
+              paddingVertical: "$2",
+              paddingHorizontal: "$3",
+              overflow: "hidden",
+              cursor: "pointer",
+              outlineWidth: 0,
+              ...corners,
+              hoverStyle: {
+                backgroundColor: "$color3",
+                ...corners
+              },
+              pressStyle: {
+                backgroundColor: "$color5",
+                ...corners
+              },
+              focusStyle: {
+                outlineWidth: 0
+              },
+              focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+                outlineOffset: -2
+              }),
+              onPress: function onPress() {
+                return onJump(field);
+              },
+              onKeyDown: function onKeyDown(e) {
+                if (e.key === "Enter" || e.key === " ") {
+                  var _e_preventDefault;
+                  (_e_preventDefault = e.preventDefault) === null || _e_preventDefault === void 0 ? void 0 : _e_preventDefault.call(e);
+                  onJump(field);
+                }
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+                flex: 1,
+                minWidth: 0,
+                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                  fontSize: "$3",
+                  color: "$color12",
+                  numberOfLines: 1,
+                  children: field.label
+                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+                  fontSize: "$1",
+                  color: "$color11",
+                  numberOfLines: 1,
+                  children: field.tabLabel
+                })]
+              })
+            }, `${field.tabKey}:${field.name}`);
+          })
+        })
+      })]
+    })
+  });
+}
 //# sourceMappingURL=FormDialogs.native.js.map

package/dist/cjs/form/FormDialogs.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormDialogs_exports","__export","AssignDialog","EmailDialog","RenameDialog","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_theme","import_react","import_react_i18next","import_i18n","param","open","onOpenChange","currentName","onRename","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","setValue","useState","useEffect","jsx","ConfirmDialog","title","confirmLabel","confirmDisabled","trim","confirmDisabledReason","onConfirm","children","jsxs","YStack","gap","Text","color","fontSize","name","Input","onChangeText","inputProps","autoFocus","defaultSubject","onSend","recipients","setRecipients","subject","setSubject","content","setContent","minWidth","placeholder","TextArea","minRows","textAreaProps","onAssign","user","setUser"],"sources":["../../../src/form/FormDialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormDialogs_exports","__export","AssignDialog","EmailDialog","JumpToFieldDialog","RenameDialog","module","exports","import_jsx_runtime","require","import_components","import_forms","import_frappe_ui","import_theme","import_react","import_react_i18next","import_i18n","param","open","onOpenChange","currentName","onRename","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","setValue","useState","useEffect","jsx","ConfirmDialog","title","confirmLabel","confirmDisabled","trim","confirmDisabledReason","onConfirm","children","jsxs","YStack","gap","Text","color","fontSize","name","Input","onChangeText","inputProps","autoFocus","defaultSubject","onSend","recipients","setRecipients","subject","setSubject","content","setContent","minWidth","placeholder","TextArea","minRows","textAreaProps","onAssign","user","setUser","Link","label","doctype","onChange","String","fields","onJump","query","setQuery","matches","useMemo","needle","toLowerCase","filter","field","includes","length","allowManyActions","maxWidth","ScrollView","maxHeight","map","index","position","getGroupPosition","corners","stackRadiusProps","borderRadius","XStack","role","tabIndex","alignItems","paddingVertical","paddingHorizontal"],"sources":["../../../src/form/FormDialogs.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/form/FormErrorBoundary.cjs

@@ -113,10 +113,31 @@ class FormErrorBoundary extends import_react2.Component {
     }, this.state.resetNonce);
   }
 }
+function FieldFocusShell({
+  field,
+  children
+}) {
+  (0, import_react2.useEffect)(() => {
+    (0, import_theme.ensureCompositeFocusRing)();
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    id: `form-field-${field.name}`,
+    nativeID: `form-field-${field.name}`,
+    minWidth: 0,
+    testID: `form-field-${field.name}`,
+    ...{
+      "data-fieldname": field.name
+    },
+    children
+  });
+}
 function wrapFieldWithErrorBoundary(rendered, field) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
-    label: field.label,
-    testID: `form-field-error-${field.name}`,
-    children: rendered
-  }, field.name);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldFocusShell, {
+    field,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
+      label: field.label,
+      testID: `form-field-error-${field.name}`,
+      children: rendered
+    }, field.name)
+  });
 }

package/dist/cjs/form/FormErrorBoundary.native.js

@@ -220,11 +220,31 @@ var FormErrorBoundary = /* @__PURE__ */function (Component2) {
   }]);
   return FormErrorBoundary2;
 }(import_react2.Component);
+function FieldFocusShell(param) {
+  var {
+    field,
+    children
+  } = param;
+  (0, import_react2.useEffect)(function () {
+    (0, import_theme.ensureCompositeFocusRing)();
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    id: `form-field-${field.name}`,
+    nativeID: `form-field-${field.name}`,
+    minWidth: 0,
+    testID: `form-field-${field.name}`,
+    "data-fieldname": field.name,
+    children
+  });
+}
 function wrapFieldWithErrorBoundary(rendered, field) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
-    label: field.label,
-    testID: `form-field-error-${field.name}`,
-    children: rendered
-  }, field.name);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FieldFocusShell, {
+    field,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormErrorBoundary, {
+      label: field.label,
+      testID: `form-field-error-${field.name}`,
+      children: rendered
+    }, field.name)
+  });
 }
 //# sourceMappingURL=FormErrorBoundary.native.js.map

package/dist/cjs/form/FormErrorBoundary.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormErrorBoundary_exports","__export","FormErrorBoundary","wrapFieldWithErrorBoundary","module","exports","import_jsx_runtime","require","import_react","__toESM","import_components","import_theme","import_react2","import_react_i18next","import_i18n","_assert_this_initialized","self","ReferenceError","_call_super","_this","derived","args","_get_prototype_of","_possible_constructor_return","_is_native_reflect_construct","Reflect","construct","constructor","apply","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","o","setPrototypeOf","getPrototypeOf","o2","__proto__","_inherits","subClass","superClass","create","_set_prototype_of"],"sources":["../../../src/form/FormErrorBoundary.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,yBAAA;AAAAC,QAAA,CAAAD,yBAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,0BAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,yBAAA;AA8BlB,IAAAM,kBAAA,GAA4CC,OAAA;AAE5C,IAAAC,YAAA,GAAiCC,OAAA,CAAAF,OAAA;AACjC,IAAAG,iBAA0D,GAAAH,OAAA;AAC1D,IAAAI,YAAA,GAAAJ,OAAA,CAA+B;AAC/B,IAAAK,aAAA,GAA0CL,OAAA;AAuCtC,IAAAM,oBAAA,GAAAN,OAAA;AArCJ,IAAAO,WAAe,GAAAP,OAAA;AAqBf,SAASQ,wBAAkBA,CAAAC,IAAA;EACzB,IAAAA,IAAA;IACA,UAAAC,cAAA;EACA;EACA,OAAAD,IAAA;AAAA;AAEF,SAMGE,YAAAC,KAAA,EAAAC,OAAA,EAAAC,IAAA;EACDD,OAAM,GAAIE,iBAAI,CAAAF,OAAA;EACd,OAAMG,4BAAgB,CAAAJ,KAAA,EAAAK,4BAAiB,KAAAC,OAAA,CAAAC,SAAA,CAAAN,OAAA,EAAAC,IAAA,QAAAC,iBAAA,CAAAH,KAAA,EAAAQ,WAAA,IAAAP,OAAA,CAAAQ,KAAA,CAAAT,KAAA,EAAAE,IAAA;AACvC;AAEK,SAAAQ,iBACCA,CAAAC,QAAA,EAAAC,WAAA;EAGE,IACJ,EAAAD,QAAA,YAAAC,WAAA;IAAA,MAAC,IAAAC,SAAA;EAAA;AAAA;AACQ,SACPC,kBAAAC,MAAA,EAAAC,KAAA;EAAA,SACAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA;IAAA,IACAE,UAAA,GAAYH,KAAA,CAAAC,CAAA;IAAiEE,UAAA,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA;IAC/ED,UAAA,CAAAE,YAAA;IAAA,IACF,WAAAF,UAAA,EAAAA,UAAA,CAAAG,QAAA;IAEJC,MAAA,CAAAC,cAAA,CAAAT,MAAA,EAAAI,UAAA,CAAAM,GAAA,EAAAN,UAAA;EAEO;AAA0F;AAE7F,SAAAO,aAAeA,CAAAd,WAAA,EAAAe,UAAA,EAAAC,WAAA;EACjB,IAAAD,UAAA,EAAAb,iBAAA,CAAAF,WAAA,CAAAiB,SAAA,EAAAF,UAAA;EAEA,IAAAC,WAAkC,EAAOd,iBAAW,CAAAF,WAAc,EAAAgB,WAAA;EAElE,OAAAhB,WAAkB;AAEhB;AAA4E,SAC9EkB,iBAAAC,GAAA,EAAAN,GAAA,EAAA7C,KAAA;EAEA,IAAA6C,GAAA,IAAAM,GAAc;IACZR,MAAK,CAAAC,cAAU,CAAAO,GAAU,EAAEN,GAAA;MAC7B7C,KAAA;MAEAwC,UAAS;MACPC,YAAS,EAAM;MACbC,QACE;IAAA;EAAC;IAAAS,GAAA,CAAAN,GACC,IAAA7C,KAAO;EAAW;EACK,OAAAmD,GACvB;AAAkB;AACJ,SAAA5B,iBACDA,CAAA6B,CAAA,EAAM;EAAA7B,iBAAA,GAAAoB,MAAA,CAAAU,cAAA,GAAAV,MAAA,CAAAW,cAAA,YAAAA,eAAAC,EAAA;IAAA,OACrBA,EAAA,CAAAC,SAAA,IAAAb,MAAA,CAAAW,cAAA,CAAAC,EAAA;EAAA;EAKJ,OAAAhC,iBAAO,CAAA6B,CAAA;AAAiE;AAE5E,SAAAK,UAAAC,QAAA,EAAAC,UAAA;EAOO,WAASA,UAAA,eAA2B,IAAAA,UAAqB,KAA+B;IAC7F,MACE,IAAA1B,SAAA;EAAA;EAACyB,QAAA,CAAAT,SAAA,GAAAN,MAAA,CAAAiB,MAAA,CAAAD,UAAA,IAAAA,UAAA,CAAAV,SAAA;IAAArB,WAEQ;MACP5B,KAAA,EAAA0D,QAAQ;MAEPhB,QAAA;MAAAD,YAAA;IAJI;EAKP;EAEJ,IAAAkB,UAAA,EAAAE,iBAAA,CAAAH,QAAA,EAAAC,UAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormErrorBoundary_exports","__export","FormErrorBoundary","wrapFieldWithErrorBoundary","module","exports","import_jsx_runtime","require","import_react","__toESM","import_components","import_theme","import_react2","import_react_i18next","import_i18n","_assert_this_initialized","self","ReferenceError","_call_super","_this","derived","args","_get_prototype_of","_possible_constructor_return","_is_native_reflect_construct","Reflect","construct","constructor","apply","_class_call_check","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","Object","defineProperty","key","_create_class","protoProps","staticProps","prototype","_define_property","obj","o","setPrototypeOf","getPrototypeOf","o2","__proto__","_inherits","subClass","superClass","create","_set_prototype_of","call","_type_of","p","p2"],"sources":["../../../src/form/FormErrorBoundary.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/form/FormSidebarPanel.cjs

@@ -22,7 +22,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var FormSidebarPanel_exports = {};
 __export(FormSidebarPanel_exports, {
-  FormSidebarPanel: () => FormSidebarPanel
+  FormSidebarPanel: () => FormSidebarPanel,
+  SidebarAccordionTrigger: () => SidebarAccordionTrigger
 });
 module.exports = __toCommonJS(FormSidebarPanel_exports);
 var import_components = require("@multiplatform.one/components");
@@ -44,6 +45,65 @@ var import_sidebar_rpc = require("./sidebar-rpc.cjs");
 var import_sidebar_utils = require("./sidebar-utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const RAIL_WIDTH = 280;
+function SidebarAccordionTrigger({
+  section,
+  index,
+  count,
+  open
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const position = (0, import_theme.getGroupPosition)(index, count);
+  const corners = (0, import_theme.stackEdgeRadius)(knobProps.borderRadius.borderRadius, {
+    start: position === "first" || position === "only",
+    end: (position === "last" || position === "only") && !open
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Trigger, {
+    icon: section.icon,
+    testID: `form-sidebar-section-${section.key}`,
+    minHeight: 36,
+    paddingVertical: "$2",
+    paddingHorizontal: "$2",
+    overflow: "hidden",
+    outlineWidth: 0,
+    ...corners,
+    ...{
+      "data-group-position": position
+    },
+    hoverStyle: {
+      backgroundColor: "$color3",
+      ...corners
+    },
+    pressStyle: {
+      backgroundColor: "$color5",
+      ...corners
+    },
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+      outlineOffset: -2
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      flex: 1,
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$color12",
+        numberOfLines: 1,
+        children: section.title
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        size: "$2",
+        variant: "subtle",
+        color: "gray",
+        children: String(section.count)
+      })]
+    })
+  });
+}
 function FormSidebarPanel({
   doctype,
   name,
@@ -373,29 +433,18 @@ function FormSidebarPanel({
         variant: "plain",
         value: openSections,
         onValueChange: setOpenSections,
-        children: sections.map(section => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Accordion.Item, {
+        children: sections.map((section, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Accordion.Item, {
           value: section.key,
-          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Trigger, {
-            icon: section.icon,
-            testID: `form-sidebar-section-${section.key}`,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-              flex: 1,
-              alignItems: "center",
-              gap: "$2",
-              children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-                fontSize: "$3",
-                fontWeight: "600",
-                color: "$color12",
-                numberOfLines: 1,
-                children: section.title
-              }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
-                size: "$2",
-                variant: "subtle",
-                color: "gray",
-                children: String(section.count)
-              })]
-            })
+          borderBottomWidth: 0,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SidebarAccordionTrigger, {
+            section,
+            index,
+            count: sections.length,
+            open: openSections.includes(section.key)
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Content, {
+            paddingTop: 0,
+            paddingHorizontal: "$2",
+            paddingBottom: "$2",
             children: section.content
           })]
         }, section.key))

package/dist/cjs/form/FormSidebarPanel.native.js

@@ -35,7 +35,8 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var FormSidebarPanel_exports = {};
 __export(FormSidebarPanel_exports, {
-  FormSidebarPanel: () => FormSidebarPanel
+  FormSidebarPanel: () => FormSidebarPanel,
+  SidebarAccordionTrigger: () => SidebarAccordionTrigger
 });
 module.exports = __toCommonJS(FormSidebarPanel_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -58,6 +59,64 @@ var import_sidebar_people = require("./sidebar-people.native.js");
 var import_sidebar_rpc = require("./sidebar-rpc.native.js");
 var import_sidebar_utils = require("./sidebar-utils.native.js");
 var RAIL_WIDTH = 280;
+function SidebarAccordionTrigger(param) {
+  var {
+    section,
+    index,
+    count,
+    open
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var position = (0, import_theme.getGroupPosition)(index, count);
+  var corners = (0, import_theme.stackEdgeRadius)(knobProps.borderRadius.borderRadius, {
+    start: position === "first" || position === "only",
+    end: (position === "last" || position === "only") && !open
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Trigger, {
+    icon: section.icon,
+    testID: `form-sidebar-section-${section.key}`,
+    minHeight: 36,
+    paddingVertical: "$2",
+    paddingHorizontal: "$2",
+    overflow: "hidden",
+    outlineWidth: 0,
+    ...corners,
+    "data-group-position": position,
+    hoverStyle: {
+      backgroundColor: "$color3",
+      ...corners
+    },
+    pressStyle: {
+      backgroundColor: "$color5",
+      ...corners
+    },
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+      outlineOffset: -2
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      flex: 1,
+      alignItems: "center",
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
+        fontSize: "$3",
+        fontWeight: "600",
+        color: "$color12",
+        numberOfLines: 1,
+        children: section.title
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
+        size: "$2",
+        variant: "subtle",
+        color: "gray",
+        children: String(section.count)
+      })]
+    })
+  });
+}
 function FormSidebarPanel(param) {
   var {
     doctype,
@@ -428,30 +487,19 @@ function FormSidebarPanel(param) {
         variant: "plain",
         value: openSections,
         onValueChange: setOpenSections,
-        children: sections.map(function (section) {
+        children: sections.map(function (section, index) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.Accordion.Item, {
             value: section.key,
-            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Trigger, {
-              icon: section.icon,
-              testID: `form-sidebar-section-${section.key}`,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
-                flex: 1,
-                alignItems: "center",
-                gap: "$2",
-                children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Text, {
-                  fontSize: "$3",
-                  fontWeight: "600",
-                  color: "$color12",
-                  numberOfLines: 1,
-                  children: section.title
-                }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Chip, {
-                  size: "$2",
-                  variant: "subtle",
-                  color: "gray",
-                  children: String(section.count)
-                })]
-              })
+            borderBottomWidth: 0,
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(SidebarAccordionTrigger, {
+              section,
+              index,
+              count: sections.length,
+              open: openSections.includes(section.key)
             }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Accordion.Content, {
+              paddingTop: 0,
+              paddingHorizontal: "$2",
+              paddingBottom: "$2",
               children: section.content
             })]
           }, section.key);