@multiplatform.one/frappe-ui 6.0.0

package/dist/cjs/schemaForm/index.native.js

@@ -0,0 +1,243 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var schemaForm_exports = {};
+__export(schemaForm_exports, {
+  SchemaForm: () => SchemaForm
+});
+module.exports = __toCommonJS(schemaForm_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = __toESM(require("react"));
+var import_react_i18next = require("react-i18next");
+var import_tamagui = require("tamagui");
+var import_Heading = require("../fields/Heading/index.native.js");
+var import_fieldRegistry = require("../fieldRegistry.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+var layoutFieldTypes = /* @__PURE__ */new Set(["Section Break", "Column Break", "Tab Break"]);
+function parseDependsOn(expr) {
+  if (expr.startsWith("eval:")) {
+    var code = expr.slice(5);
+    return function (doc) {
+      try {
+        return !!new Function("doc", `return (${code})`)(doc);
+      } catch (unused) {
+        return true;
+      }
+    };
+  }
+  return function (doc) {
+    return !!doc[expr];
+  };
+}
+function isOverrideFunction(override) {
+  return typeof override === "function";
+}
+function isOverrideComponent(override) {
+  return (typeof override === "undefined" ? "undefined" : _type_of(override)) === "object" && "component" in override;
+}
+function isOverrideProps(override) {
+  return (typeof override === "undefined" ? "undefined" : _type_of(override)) === "object" && "props" in override;
+}
+function SchemaForm(param) {
+  var {
+    schema,
+    doc,
+    setValue,
+    errors = {},
+    disabled = false,
+    overrides = {},
+    hideFields = [],
+    readOnlyFields = []
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var dependsOnMap = (0, import_react.useMemo)(function () {
+    var map = /* @__PURE__ */new Map();
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = schema.fields[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var field = _step.value;
+        if (field.depends_on) {
+          map.set(field.name, parseDependsOn(field.depends_on));
+        }
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+    return map;
+  }, [schema.fields]);
+  var hiddenSet = (0, import_react.useMemo)(function () {
+    return new Set(hideFields);
+  }, [hideFields]);
+  var readOnlySet = (0, import_react.useMemo)(function () {
+    return new Set(readOnlyFields);
+  }, [readOnlyFields]);
+  function renderField(field) {
+    if (layoutFieldTypes.has(field.type)) {
+      return null;
+    }
+    if (field.hidden || hiddenSet.has(field.name)) {
+      return null;
+    }
+    var evaluator = dependsOnMap.get(field.name);
+    if (evaluator && !evaluator(doc)) {
+      return null;
+    }
+    var fieldDisabled = disabled || readOnlySet.has(field.name) || !!field.readOnly;
+    var baseProps = {
+      label: field.label,
+      value: doc[field.name],
+      onChange: function onChange(v) {
+        return setValue(field.name, v);
+      },
+      disabled: fieldDisabled,
+      required: !!field.required,
+      error: errors[field.name],
+      fieldMeta: field,
+      options: field.options
+    };
+    var override = overrides[field.name];
+    if (override) {
+      if (isOverrideFunction(override)) {
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.default.Fragment, {
+          children: override(baseProps)
+        }, field.name);
+      }
+      if (isOverrideComponent(override)) {
+        var OverrideComponent = override.component;
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(OverrideComponent, {
+          ...baseProps
+        }, field.name);
+      }
+      if (isOverrideProps(override)) {
+        var mergedProps = {
+          ...baseProps,
+          ...override.props
+        };
+        var Component = (0, import_fieldRegistry.getFieldComponent)(field.type);
+        if (!Component) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            color: "$color10",
+            fontSize: "$2",
+            children: t("Unsupported field type: {{fieldtype}}", {
+              fieldtype: field.type
+            })
+          }, field.name);
+        }
+        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+          ...mergedProps
+        }, field.name);
+      }
+    }
+    var Component1 = (0, import_fieldRegistry.getFieldComponent)(field.type);
+    if (!Component1) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Text, {
+        color: "$color10",
+        fontSize: "$2",
+        children: [t("Unsupported field type: {{fieldtype}}", {
+          fieldtype: field.type
+        }), " (", field.name, ")"]
+      }, field.name);
+    }
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component1, {
+      ...baseProps
+    }, field.name);
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    ...knobProps.gapLg,
+    children: schema.sections.map(function (section, sectionIndex) {
+      var sectionKey = section.label ? `section-${section.label}` : `section-${sectionIndex}`;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.Card, {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        size: knobProps.sizeToken,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Header, {
+          ...knobProps.panelPadding,
+          children: section.label && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Heading.Heading, {
+            label: section.label,
+            level: 3,
+            collapsible: section.collapsible
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Card.Footer, {
+          ...knobProps.panelPadding,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+            ...knobProps.gap,
+            width: "100%",
+            children: Array.from({
+              length: Math.max(...section.columns.map(function (c) {
+                return c.fields.length;
+              }), 0)
+            }, function (_, rowIndex) {
+              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+                ...knobProps.gapLg,
+                width: "100%",
+                children: section.columns.map(function (column, colIndex) {
+                  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                    flex: 1,
+                    minWidth: 250,
+                    children: column.fields[rowIndex] ? renderField(column.fields[rowIndex]) : null
+                  }, colIndex);
+                })
+              }, rowIndex);
+            })
+          })
+        })]
+      }, sectionKey);
+    })
+  });
+}
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/schemaForm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","schemaForm_exports","__export","SchemaForm","module","exports","import_jsx_runtime","require","import_theme","import_react","__toESM","import_react_i18next","import_tamagui","import_Heading","import_fieldRegistry","_type_of","obj","Symbol","constructor","layoutFieldTypes","Set","parseDependsOn","expr","startsWith","code","slice","doc","Function","unused","isOverrideFunction","override","isOverrideComponent","isOverrideProps","param","schema","setValue","errors","disabled","overrides","hideFields","readOnlyFields","t","useTranslation","knobProps","useResolvedKnobs","dependsOnMap","useMemo","map","Map","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","fields","iterator","_step","next","done","field","depends_on","set","name","err","return","hiddenSet","readOnlySet","renderField","has","type","hidden","evaluator","get","fieldDisabled","readOnly","baseProps","label","onChange","v","required","error","fieldMeta","options","jsx","default","Fragment","children","OverrideComponent","component","mergedProps","props"],"sources":["../../../src/schemaForm/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/useFrappePagination.cjs

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFrappePagination_exports = {};
+__export(useFrappePagination_exports, {
+  useFrappePagination: () => useFrappePagination
+});
+module.exports = __toCommonJS(useFrappePagination_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("react");
+const defaultPageSize = 20;
+function useFrappePagination(config, doctype, options) {
+  const pageSize = options?.pageSize ?? defaultPageSize;
+  const [limit, setLimit] = (0, import_react.useState)(pageSize);
+  const collection = (0, import_frappe.useFrappeCollection)(config, doctype, {
+    fields: options?.fields,
+    filters: options?.filters
+  });
+  const {
+    data: rawData,
+    isLoading
+  } = (0, import_frappe.useLiveQuery)(q => collection ? q.from({
+    _list: collection
+  }) : null, [collection]);
+  const allItems = (0, import_react.useMemo)(() => rawData ?? [], [rawData]);
+  const items = (0, import_react.useMemo)(() => allItems.slice(0, limit), [allItems, limit]);
+  const hasMore = allItems.length >= limit;
+  const onLoadMore = (0, import_react.useCallback)(() => {
+    setLimit(prev => prev + pageSize);
+  }, [pageSize]);
+  const reset = (0, import_react.useCallback)(() => {
+    setLimit(pageSize);
+  }, [pageSize]);
+  return {
+    items,
+    isLoading,
+    hasMore,
+    onLoadMore,
+    limit,
+    reset
+  };
+}

package/dist/cjs/useFrappePagination.native.js

@@ -0,0 +1,73 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFrappePagination_exports = {};
+__export(useFrappePagination_exports, {
+  useFrappePagination: () => useFrappePagination
+});
+module.exports = __toCommonJS(useFrappePagination_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_react = require("react");
+var defaultPageSize = 20;
+function useFrappePagination(config, doctype, options) {
+  var _ref;
+  var pageSize = (_ref = options === null || options === void 0 ? void 0 : options.pageSize) !== null && _ref !== void 0 ? _ref : defaultPageSize;
+  var [limit, setLimit] = (0, import_react.useState)(pageSize);
+  var collection = (0, import_frappe.useFrappeCollection)(config, doctype, {
+    fields: options === null || options === void 0 ? void 0 : options.fields,
+    filters: options === null || options === void 0 ? void 0 : options.filters
+  });
+  var {
+    data: rawData,
+    isLoading
+  } = (0, import_frappe.useLiveQuery)(function (q) {
+    return collection ? q.from({
+      _list: collection
+    }) : null;
+  }, [collection]);
+  var allItems = (0, import_react.useMemo)(function () {
+    return rawData !== null && rawData !== void 0 ? rawData : [];
+  }, [rawData]);
+  var items = (0, import_react.useMemo)(function () {
+    return allItems.slice(0, limit);
+  }, [allItems, limit]);
+  var hasMore = allItems.length >= limit;
+  var onLoadMore = (0, import_react.useCallback)(function () {
+    setLimit(function (prev) {
+      return prev + pageSize;
+    });
+  }, [pageSize]);
+  var reset = (0, import_react.useCallback)(function () {
+    setLimit(pageSize);
+  }, [pageSize]);
+  return {
+    items,
+    isLoading,
+    hasMore,
+    onLoadMore,
+    limit,
+    reset
+  };
+}
+//# sourceMappingURL=useFrappePagination.native.js.map

package/dist/cjs/useFrappePagination.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useFrappePagination_exports","__export","useFrappePagination","module","exports","import_frappe","require","import_react","defaultPageSize","config","doctype","options","_ref","pageSize","limit","setLimit","useState","collection","useFrappeCollection","fields","filters","data","rawData","isLoading","useLiveQuery","q","from","_list","allItems","useMemo","items"],"sources":["../../src/useFrappePagination.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,2BAAA;AAAAC,QAAA,CAAAD,2BAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAsBAC,MAAA,CAAAC,OAAA,GAAAT,YAAkD,CAAAK,2BAAA;AAClD,IAAAK,aAAA,GAA+CC,OAAA;AAoB/C,IAAAC,YAAM,GAAAD,OAAkB;AAEjB,IAAAE,eAAS;AAKd,SAAMN,mBAAoBA,CAAAO,MAAA,EAAAC,OAAY,EAAAC,OAAA;EACtC,IAAAC,IAAO;EAGP,IAAAC,QAAM,IAAAD,IAAA,GAAaD,OAAA,aAAAA,OAAA,UAA0B,SAAQ,IAAAA,OAAS,CAAAE,QAAA,cAAAD,IAAA,cAAAA,IAAA,GAAAJ,eAAA;EAAA,IAC5D,CAAAM,KAAQ,EAAAC,QAAS,QAAAR,YAAA,CAAAS,QAAA,EAAAH,QAAA;EAAA,IACjBI,UAAS,OAASZ,aAAA,CAAAa,mBAAA,EAAAT,MAAA,EAAAC,OAAA;IACnBS,MAAA,EAAAR,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAAQ,MAAA;IAGDC,OAAQ,EAAAT,OAAM,KAAS,QAAAA,OAAU,KAAI,kBAAAA,OAAA,CAAAS;EAAA,EACnC;EAAqD,IACpD;IAAAC,IAAA,EAAAC,OAAU;IAAAC;EAAA,QAAAlB,aAAA,CAAAmB,YAAA,YAAAC,CAAA;IACb,OAAAR,UAAA,GAAAQ,CAAA,CAAAC,IAAA;MAEAC,KAAM,EAAAV;IAGN,KAAM;EAKN,IAEAA,UAAM,CACJ;EACF,IAAIW,QAAQ,GAAC,IAAArB,YAAA,CAAAsB,OAAA;IAEb,OAAMP,OAAA,KAAQ,QAAAA,OAAA,UAAY,IAAMA,OAAA;EAC9B,IACFA,OAAI,CAEJ;EACF,IAAAQ,KAAA,OAAAvB,YAAA,CAAAsB,OAAA","ignoreList":[]}

package/dist/esm/FormSidebar.mjs

@@ -0,0 +1,142 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PlusIcon, UserIcon } from "@phosphor-icons/react";
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { Avatar, Button, Image, ListItem, Separator, Text, XStack, YStack } from "tamagui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function getInitials(name) {
+  const parts = name.split(/[\s@]/);
+  if (parts.length >= 2) {
+    return (parts[0][0] + parts[1][0]).toUpperCase();
+  }
+  return name.substring(0, 2).toUpperCase();
+}
+const avatarColors = ["$blue4", "$green4", "$orange4", "$purple4", "$red4"];
+function avatarColor(index) {
+  return avatarColors[index % avatarColors.length];
+}
+const textColors = ["$blue11", "$green11", "$orange11", "$purple11", "$red11"];
+function textColor(index) {
+  return textColors[index % textColors.length];
+}
+function FormSidebar({
+  imageUrl,
+  sections = [],
+  metadata = [],
+  ...stackProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.borderRadius,
+    ...knobProps.panelPadding,
+    ...knobProps.gapLg,
+    width: 280,
+    borderRightWidth: 1,
+    borderRightColor: "$borderColor",
+    ...stackProps,
+    children: [imageUrl && /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(YStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: /* @__PURE__ */jsx(Image, {
+          ...knobProps.borderRadius,
+          source: {
+            uri: imageUrl
+          },
+          width: 200,
+          height: 200,
+          resizeMode: "contain"
+        })
+      }), /* @__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__ */jsx(Text, {
+            fontSize: "$2",
+            fontWeight: "600",
+            color: "$color10",
+            children: section.title
+          }), section.onAdd && /* @__PURE__ */jsx(Button, {
+            size: "$1",
+            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: "$2",
+              backgroundColor: avatarColor(sectionIdx),
+              children: /* @__PURE__ */jsx(Avatar.Fallback, {
+                backgroundColor: avatarColor(sectionIdx),
+                children: /* @__PURE__ */jsx(Text, {
+                  fontSize: "$1",
+                  color: textColor(sectionIdx),
+                  fontWeight: "600",
+                  children: getInitials(item.label)
+                })
+              })
+            }), /* @__PURE__ */jsxs(YStack, {
+              flex: 1,
+              children: [/* @__PURE__ */jsx(Text, {
+                fontSize: "$2",
+                color: "$color12",
+                numberOfLines: 1,
+                children: item.label
+              }), item.sublabel && /* @__PURE__ */jsx(Text, {
+                fontSize: "$1",
+                color: "$color9",
+                children: item.sublabel
+              })]
+            })]
+          }, item.id))
+        }) : /* @__PURE__ */jsx(Text, {
+          fontSize: "$1",
+          color: "$color9",
+          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, {
+        fontSize: "$2",
+        fontWeight: "600",
+        color: "$color10",
+        paddingHorizontal: "$2",
+        children: t("Info")
+      }), metadata.map(entry => /* @__PURE__ */jsx(ListItem, {
+        size: knobProps.sizeToken,
+        icon: entry.icon ?? /* @__PURE__ */jsx(UserIcon, {
+          size: 14,
+          color: "var(--color10)",
+          style: {
+            flexShrink: 0
+          }
+        }),
+        title: /* @__PURE__ */jsx(Text, {
+          color: "$color10",
+          children: entry.label
+        }),
+        backgroundColor: "transparent",
+        paddingVertical: "$1"
+      }, entry.label))]
+    })]
+  });
+}
+export { FormSidebar };
+//# sourceMappingURL=FormSidebar.mjs.map

package/dist/esm/FormSidebar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useResolvedKnobs","PlusIcon","UserIcon","React","useTranslation","Avatar","Button","Image","ListItem","Separator","Text","XStack","YStack","Fragment","jsx","jsxs","getInitials","name","parts","split","length","toUpperCase","substring","avatarColors","avatarColor","index","textColors","textColor","FormSidebar","imageUrl","sections","metadata","stackProps","t","knobProps","borderRadius","panelPadding","gapLg","width","borderRightWidth","borderRightColor","children","alignItems","gap","source","uri","height","resizeMode","map","section","sectionIdx","justifyContent","fontSize","fontWeight","color","title","onAdd","size","chromeless","icon","onPress","render","items","item","circular","backgroundColor","Fallback","label","flex","numberOfLines","sublabel","id","emptyText","key","paddingHorizontal","entry","sizeToken","style","flexShrink","paddingVertical"],"sources":["../../src/FormSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}