@multiplatform.one/backoffice 7.34.3 → 7.35.0

package/dist/esm/formBuilder/DoctypePicker.mjs

@@ -0,0 +1,64 @@
+import { AsyncBoundary, AsyncSkeleton, Button, EmptyState, Heading, YStack } from "@multiplatform.one/components";
+import { Combobox, Input } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useAwesomebarCatalog } from "../chrome/awesomebar-data.mjs";
+import { useBackofficeNavigator, useBackofficePaths } from "../config/BackofficeProvider.mjs";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DoctypePicker() {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const {
+    catalog,
+    error
+  } = useAwesomebarCatalog();
+  const navigator = useBackofficeNavigator();
+  const paths = useBackofficePaths();
+  const [name, setName] = useState("");
+  const open = doctype => {
+    if (doctype.trim()) navigator.navigate(paths.formBuilder(doctype.trim()));
+  };
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    minWidth: 0,
+    testID: "form-builder-picker",
+    children: [/* @__PURE__ */jsx(Heading, {
+      ...knobProps.pageTitle,
+      ...knobProps.heading,
+      children: t("formBuilder.title", "Customize Form")
+    }), /* @__PURE__ */jsx(AsyncBoundary, {
+      loading: !catalog && !error ? /* @__PURE__ */jsx(AsyncSkeleton, {
+        layout: "generic"
+      }) : false,
+      error: error ? t("formBuilder.catalogError", "The DocType catalog could not be loaded. Enter a name below.") : void 0,
+      empty: catalog && !catalog.doctypes.length ? /* @__PURE__ */jsx(EmptyState, {
+        title: t("formBuilder.noDoctypes", "No DocTypes available")
+      }) : false,
+      children: catalog?.doctypes.length ? /* @__PURE__ */jsx(Combobox, {
+        label: t("formBuilder.doctype", "DocType"),
+        options: catalog.doctypes.map(doctype => ({
+          value: doctype,
+          label: doctype
+        })),
+        value: "",
+        onChange: value => open(String(value))
+      }) : null
+    }), /* @__PURE__ */jsx(Input, {
+      label: t("formBuilder.typedDoctype", "DocType name"),
+      value: name,
+      onChangeText: setName
+    }), /* @__PURE__ */jsx(Button, {
+      onPress: () => open(name),
+      children: t("formBuilder.open", "Open form builder")
+    })]
+  });
+}
+export { DoctypePicker };
+//# sourceMappingURL=DoctypePicker.mjs.map

package/dist/esm/formBuilder/DoctypePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AsyncBoundary","AsyncSkeleton","Button","EmptyState","Heading","YStack","Combobox","Input","useResolvedKnobs","useState","useTranslation","useAwesomebarCatalog","useBackofficeNavigator","useBackofficePaths","BACKOFFICE_I18N_NAMESPACE","jsx","jsxs","DoctypePicker","t","knobProps","catalog","error","navigator","paths","name","setName","open","doctype","trim","navigate","formBuilder","panelPadding","gap","minWidth","testID","children","pageTitle","heading","loading","layout","empty","doctypes","length","title","label","options","map","value","onChange","String","onChangeText","onPress"],"sources":["../../../src/formBuilder/DoctypePicker.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,aAAA,EACAC,aAAA,EACAC,MAAA,EACAC,UAAA,EACAC,OAAA,EACAC,MAAA,QACK;AACP,SAASC,QAAA,EAAUC,KAAA,QAAa;AAChC,SAASC,gBAAA,QAAwB;AACjC,SAASC,QAAA,QAAgB;AACzB,SAASC,cAAA,QAAsB;AAC/B,SAASC,oBAAA,QAA4B;AACrC,SAASC,sBAAA,EAAwBC,kBAAA,QAA0B;AAC3D,SAASC,yBAAA,QAAiC;AAatC,SAMEC,GAAA,EANFC,IAAA;AAXG,SAASC,cAAA,EAAgB;EAC9B,MAAM;IAAEC;EAAE,IAAIR,cAAA,CAAeI,yBAAyB;EACtD,MAAM;IAAEK;EAAU,IAAIX,gBAAA,CAAiB;EACvC,MAAM;IAAEY,OAAA;IAASC;EAAM,IAAIV,oBAAA,CAAqB;EAChD,MAAMW,SAAA,GAAYV,sBAAA,CAAuB;EACzC,MAAMW,KAAA,GAAQV,kBAAA,CAAmB;EACjC,MAAM,CAACW,IAAA,EAAMC,OAAO,IAAIhB,QAAA,CAAS,EAAE;EACnC,MAAMiB,IAAA,GAAQC,OAAA,IAAoB;IAChC,IAAIA,OAAA,CAAQC,IAAA,CAAK,GAAGN,SAAA,CAAUO,QAAA,CAASN,KAAA,CAAMO,WAAA,CAAYH,OAAA,CAAQC,IAAA,CAAK,CAAC,CAAC;EAC1E;EACA,OACE,eAAAZ,IAAA,CAACX,MAAA;IACE,GAAGc,SAAA,CAAUY,YAAA;IACb,GAAGZ,SAAA,CAAUa,GAAA;IACdC,QAAA,EAAU;IACVC,MAAA,EAAO;IAEPC,QAAA,kBAAApB,GAAA,CAACX,OAAA;MAAS,GAAGe,SAAA,CAAUiB,SAAA;MAAY,GAAGjB,SAAA,CAAUkB,OAAA;MAC7CF,QAAA,EAAAjB,CAAA,CAAE,qBAAqB,gBAAgB;IAAA,CAC1C,GACA,eAAAH,GAAA,CAACf,aAAA;MACCsC,OAAA,EAAS,CAAClB,OAAA,IAAW,CAACC,KAAA,GAAQ,eAAAN,GAAA,CAACd,aAAA;QAAcsC,MAAA,EAAO;MAAA,CAAU,IAAK;MACnElB,KAAA,EACEA,KAAA,GACIH,CAAA,CACE,4BACA,8DACF,IACA;MAENsB,KAAA,EACEpB,OAAA,IAAW,CAACA,OAAA,CAAQqB,QAAA,CAASC,MAAA,GAC3B,eAAA3B,GAAA,CAACZ,UAAA;QAAWwC,KAAA,EAAOzB,CAAA,CAAE,0BAA0B,uBAAuB;MAAA,CAAG,IAEzE;MAIHiB,QAAA,EAAAf,OAAA,EAASqB,QAAA,CAASC,MAAA,GACjB,eAAA3B,GAAA,CAACT,QAAA;QACCsC,KAAA,EAAO1B,CAAA,CAAE,uBAAuB,SAAS;QACzC2B,OAAA,EAASzB,OAAA,CAAQqB,QAAA,CAASK,GAAA,CAAKnB,OAAA,KAAa;UAAEoB,KAAA,EAAOpB,OAAA;UAASiB,KAAA,EAAOjB;QAAQ,EAAE;QAC/EoB,KAAA,EAAM;QACNC,QAAA,EAAWD,KAAA,IAAUrB,IAAA,CAAKuB,MAAA,CAAOF,KAAK,CAAC;MAAA,CACzC,IACE;IAAA,CACN,GACA,eAAAhC,GAAA,CAACR,KAAA;MACCqC,KAAA,EAAO1B,CAAA,CAAE,4BAA4B,cAAc;MACnD6B,KAAA,EAAOvB,IAAA;MACP0B,YAAA,EAAczB;IAAA,CAChB,GACA,eAAAV,GAAA,CAACb,MAAA;MAAOiD,OAAA,EAASA,CAAA,KAAMzB,IAAA,CAAKF,IAAI;MAAIW,QAAA,EAAAjB,CAAA,CAAE,oBAAoB,mBAAmB;IAAA,CAAE;EAAA,CACjF;AAEJ","ignoreList":[]}

package/dist/esm/formBuilder/DoctypePicker.native.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AsyncBoundary, AsyncSkeleton, Button, EmptyState, Heading, YStack } from "@multiplatform.one/components";
+import { Combobox, Input } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { useAwesomebarCatalog } from "../chrome/awesomebar-data.native.js";
+import { useBackofficeNavigator, useBackofficePaths } from "../config/BackofficeProvider.native.js";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+function DoctypePicker() {
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var {
+    catalog,
+    error
+  } = useAwesomebarCatalog();
+  var navigator = useBackofficeNavigator();
+  var paths = useBackofficePaths();
+  var [name, setName] = useState("");
+  var open = function open2(doctype) {
+    if (doctype.trim()) navigator.navigate(paths.formBuilder(doctype.trim()));
+  };
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.panelPadding,
+    ...knobProps.gap,
+    minWidth: 0,
+    testID: "form-builder-picker",
+    children: [/* @__PURE__ */_jsx(Heading, {
+      ...knobProps.pageTitle,
+      ...knobProps.heading,
+      children: t("formBuilder.title", "Customize Form")
+    }), /* @__PURE__ */_jsx(AsyncBoundary, {
+      loading: !catalog && !error ? /* @__PURE__ */_jsx(AsyncSkeleton, {
+        layout: "generic"
+      }) : false,
+      error: error ? t("formBuilder.catalogError", "The DocType catalog could not be loaded. Enter a name below.") : void 0,
+      empty: catalog && !catalog.doctypes.length ? /* @__PURE__ */_jsx(EmptyState, {
+        title: t("formBuilder.noDoctypes", "No DocTypes available")
+      }) : false,
+      children: (catalog === null || catalog === void 0 ? void 0 : catalog.doctypes.length) ? /* @__PURE__ */_jsx(Combobox, {
+        label: t("formBuilder.doctype", "DocType"),
+        options: catalog.doctypes.map(function (doctype) {
+          return {
+            value: doctype,
+            label: doctype
+          };
+        }),
+        value: "",
+        onChange: function onChange(value) {
+          return open(String(value));
+        }
+      }) : null
+    }), /* @__PURE__ */_jsx(Input, {
+      label: t("formBuilder.typedDoctype", "DocType name"),
+      value: name,
+      onChangeText: setName
+    }), /* @__PURE__ */_jsx(Button, {
+      onPress: function onPress() {
+        return open(name);
+      },
+      children: t("formBuilder.open", "Open form builder")
+    })]
+  });
+}
+export { DoctypePicker };
+//# sourceMappingURL=DoctypePicker.native.js.map

package/dist/esm/formBuilder/DoctypePicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AsyncBoundary","AsyncSkeleton","Button","EmptyState","Heading","YStack","Combobox","Input","useResolvedKnobs","useState","useTranslation","useAwesomebarCatalog","useBackofficeNavigator","useBackofficePaths","BACKOFFICE_I18N_NAMESPACE","DoctypePicker","t","knobProps","catalog","error","navigator","paths","name","setName","open","open2","doctype","trim","navigate","formBuilder","panelPadding","gap","minWidth","testID","children","pageTitle","heading","loading","layout","empty","doctypes","length","title","label","options","map","value","onChange","String","onChangeText","onPress"],"sources":["../../../src/formBuilder/DoctypePicker.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAAA,SACEC,aAAA,EAAAC,aAAA,EAAAC,MAAA,EAAAC,UAAA,EAAAC,OAAA,EAAAC,MAAA;AAAA,SACAC,QAAA,EAAAC,KAAA;AAAA,SACAC,gBAAA;AAAA,SACAC,QAAA;AAAA,SACAC,cAAA;AAAA,SACAC,oBAAA;AAAA,SACKC,sBAAA,EAAAC,kBAAA;AACP,SAASC,yBAAuB;AAChC,SAASC,cAAA;EACT;IAAAC;EAAS,IAAAN,cAAgB,CAAAI,yBAAA;EACzB;IAAAG;EAAS,IAAAT,gBAAsB;EAC/B;IAAAU,OAAS;IAAAC;EAAA,IAAAR,oBAA4B;EACrC,IAAAS,SAAS,GAAAR,sBAAwB;EACjC,IAAAS,KAAS,GAAAR,kBAAA;EAaL,KAAAS,IAME,EAAAC,OANF,IAAAd,QAAA;EAXG,IAAAe,IAAS,YAAAC,KAAgBA,CAAAC,OAAA;IAC9B,IAAMA,OAAI,CAAIC,IAAA,IAAAP,SAAe,CAAAQ,QAAA,CAAAP,KAAA,CAAAQ,WAAyB,CAAAH,OAAA,CAAAC,IAAA;EACtD;EACA,OAAM,eAAiB5B,KAAI,CAAAM,MAAA;IAC3B,GAAAY,SAAM,CAAAa,YAAY;IAClB,GAAAb,SAAc,CAAAc,GAAA;IACdC,QAAO,GAAM;IACbC,MAAM,uBAA4B;IAChCC,QAAI,GACN,eAAArC,IAAA,CAAAO,OAAA;MACA,GACEa,SAAA,CAAAkB,SAAA;MAAC,GAAAlB,SAAA,CAAAmB,OAAA;MAAAF,QAAA,EAAAlB,CAAA;IACE,IACA,eAAanB,IAAA,CAAAG,aAAA;MACdqC,OAAA,EAAU,CAAAnB,OAAA,KAAAC,KAAA,kBAAAtB,IAAA,CAAAI,aAAA;QACVqC,MAAO;MAEP;MAAAnB,KAAA,EAAAA,KAAA,GAAAH,CAAA,2BAAa,EAAU,8DAClB,IAAqB;MAE1BuB,KAAA,EAAArB,OAAA,KAAAA,OAAA,CAAAsB,QAAA,CAAAC,MAAA,kBAAA5C,IAAA,CAAAM,UAAA;QAACuC,KAAA,EAAA1B,CAAA;MAAA;MAAAkB,QACC,GAAAhB,OAAU,SAAY,IAAAA,OAAQ,mBAAC,IAAAA,OAAA,CAAAsB,QAAc,CAAAC,MAAO,mBAAe5C,IAAA,CAAAS,QAAA;QAAAqC,KACnE,EAAA3B,CAAA,CACE,qBACI;QAAA4B,OACE,EAAA1B,OAAA,CAAAsB,QAAA,CAAAK,GAAA,WAAAnB,OAAA;UAAA,OACA;YACFoB,KACA,EAAApB,OAAA;YAENiB,KACE,EAAAjB;UAOD;QACC;QAACoB,KAAA;QAAAC,QACC,WAASA,SAAAD,KAAA;UAAgC,OACzCtB,IAAA,CAAAwB,MAAS,CAAAF,KAAQ;QAA8D;MACzE;IACiC,mBAEvCjD,IAAA,CAAAU,KAAA;MAAAoC,KAAA,EAAA3B,CAAA;MACN8B,KAAA,EAAAxB,IAAA;MACA2B,YAAA,EAAA1B;IAAA,IAAC,eAAA1B,IAAA,CAAAK,MAAA;MAAAgD,OACC,WAASA,QAAA;QAA0C,OACnD1B,IAAO,CAAAF,IAAA;MAAA;MACOY,QAAA,EAAAlB,CAAA;IAAA,EAChB;EAC+E;AAAA;AAAA,SAGrFD,aAAA","ignoreList":[]}

package/dist/esm/formBuilder/FieldPalette.mjs

@@ -0,0 +1,123 @@
+import { Card, Chip, EmptyState, Paragraph, SizableText, XStack, YStack } from "@multiplatform.one/components";
+import { Button, Chip as FilterChip, SearchInput } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PlusIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { fieldtypeCatalog } from "./fieldtypes.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FieldPalette({
+  onAdd,
+  onPointerDown
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const iconSize = Number(knobProps.controlIcon.width);
+  const [search, setSearch] = useState("");
+  const [group, setGroup] = useState("all");
+  const groupOptions = [{
+    value: "all",
+    label: t("formBuilder.groups.all", "All")
+  }, {
+    value: "standard",
+    label: t("formBuilder.groups.standard", "Standard")
+  }, {
+    value: "layout",
+    label: t("formBuilder.groups.layout", "Layout")
+  }, {
+    value: "advanced",
+    label: t("formBuilder.groups.advanced", "Advanced")
+  }];
+  const entries = fieldtypeCatalog.filter(entry => (group === "all" || entry.group === group) && `${t(entry.labelKey, entry.label)} ${t(entry.descriptionKey, entry.description)}`.toLowerCase().includes(search.toLowerCase()));
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    children: [/* @__PURE__ */jsxs(XStack, {
+      ...knobProps.gapSm,
+      alignItems: "center",
+      minWidth: 0,
+      children: [/* @__PURE__ */jsx(SizableText, {
+        ...knobProps.heading,
+        flex: 1,
+        children: t("formBuilder.fieldTypes", "Field types")
+      }), /* @__PURE__ */jsx(Chip, {
+        size: "$2",
+        children: t("formBuilder.typeCount", "{{count}} types", {
+          count: entries.length
+        })
+      })]
+    }), /* @__PURE__ */jsx(SearchInput, {
+      label: t("formBuilder.search", "Search field types"),
+      value: search,
+      onChange: setSearch
+    }), /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gapSm,
+      role: "group",
+      "aria-label": t("formBuilder.group", "Field group"),
+      children: [/* @__PURE__ */jsx(SizableText, {
+        ...knobProps.label,
+        children: t("formBuilder.group", "Field group")
+      }), /* @__PURE__ */jsx(XStack, {
+        ...knobProps.gapSm,
+        flexWrap: "wrap",
+        minWidth: 0,
+        children: groupOptions.map(option => /* @__PURE__ */jsx(FilterChip, {
+          size: "$3",
+          variant: "outline",
+          selected: group === option.value,
+          onPress: () => setGroup(option.value),
+          children: option.label
+        }, option.value))
+      })]
+    }), entries.length === 0 ? /* @__PURE__ */jsx(EmptyState, {
+      size: "$2",
+      title: t("formBuilder.noTypes", "No matching field types")
+    }) : null, Array.from({
+      length: Math.ceil(entries.length / 2)
+    }, (_, row) => /* @__PURE__ */jsx(XStack, {
+      ...knobProps.gapSm,
+      minWidth: 0,
+      children: entries.slice(row * 2, row * 2 + 2).map(entry => /* @__PURE__ */jsxs(Card, {
+        tier: "elevated",
+        flex: 1,
+        minWidth: 0,
+        alignItems: "flex-start",
+        "data-fb-palette": entry.fieldtype,
+        onPress: event => {
+          const target = event.target;
+          if (target.closest?.("button, [role=button]")) return;
+          onAdd(entry.fieldtype);
+        },
+        ...{
+          onPointerDown: event => onPointerDown(entry.fieldtype, event)
+        },
+        children: [/* @__PURE__ */jsx(Button, {
+          size: "$2",
+          chromeless: true,
+          maxWidth: "100%",
+          icon: /* @__PURE__ */jsx(PlusIcon, {
+            size: iconSize
+          }),
+          "aria-label": t("formBuilder.addType", "Add {{type}} field", {
+            type: t(entry.labelKey, entry.label)
+          }),
+          onPress: () => onAdd(entry.fieldtype),
+          children: t(entry.labelKey, entry.label)
+        }), /* @__PURE__ */jsx(Paragraph, {
+          ...knobProps.body,
+          color: "$color11",
+          numberOfLines: 2,
+          maxWidth: "100%",
+          children: t(entry.descriptionKey, entry.description)
+        })]
+      }, entry.fieldtype))
+    }, row))]
+  });
+}
+export { FieldPalette };
+//# sourceMappingURL=FieldPalette.mjs.map

package/dist/esm/formBuilder/FieldPalette.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["Card","Chip","EmptyState","Paragraph","SizableText","XStack","YStack","Button","FilterChip","SearchInput","useResolvedKnobs","PlusIcon","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","fieldtypeCatalog","jsx","jsxs","FieldPalette","onAdd","onPointerDown","t","knobProps","iconSize","Number","controlIcon","width","search","setSearch","group","setGroup","groupOptions","value","label","entries","filter","entry","labelKey","descriptionKey","description","toLowerCase","includes","gap","minWidth","children","gapSm","alignItems","heading","flex","size","count","length","onChange","role","flexWrap","map","option","variant","selected","onPress","title","Array","from","Math","ceil","_","row","slice","tier","fieldtype","event","target","closest","chromeless","maxWidth","icon","type","body","color","numberOfLines"],"sources":["../../../src/formBuilder/FieldPalette.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/formBuilder/FieldPalette.native.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, Chip, EmptyState, Paragraph, SizableText, XStack, YStack } from "@multiplatform.one/components";
+import { Button, Chip as FilterChip, SearchInput } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { PlusIcon } from "@phosphor-icons/react";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { fieldtypeCatalog } from "./fieldtypes.native.js";
+function FieldPalette(param) {
+  var {
+    onAdd,
+    onPointerDown
+  } = param;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var iconSize = Number(knobProps.controlIcon.width);
+  var [search, setSearch] = useState("");
+  var [group, setGroup] = useState("all");
+  var groupOptions = [{
+    value: "all",
+    label: t("formBuilder.groups.all", "All")
+  }, {
+    value: "standard",
+    label: t("formBuilder.groups.standard", "Standard")
+  }, {
+    value: "layout",
+    label: t("formBuilder.groups.layout", "Layout")
+  }, {
+    value: "advanced",
+    label: t("formBuilder.groups.advanced", "Advanced")
+  }];
+  var entries = fieldtypeCatalog.filter(function (entry) {
+    return (group === "all" || entry.group === group) && `${t(entry.labelKey, entry.label)} ${t(entry.descriptionKey, entry.description)}`.toLowerCase().includes(search.toLowerCase());
+  });
+  return /* @__PURE__ */_jsxs(YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      ...knobProps.gapSm,
+      alignItems: "center",
+      minWidth: 0,
+      children: [/* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.heading,
+        flex: 1,
+        children: t("formBuilder.fieldTypes", "Field types")
+      }), /* @__PURE__ */_jsx(Chip, {
+        size: "$2",
+        children: t("formBuilder.typeCount", "{{count}} types", {
+          count: entries.length
+        })
+      })]
+    }), /* @__PURE__ */_jsx(SearchInput, {
+      label: t("formBuilder.search", "Search field types"),
+      value: search,
+      onChange: setSearch
+    }), /* @__PURE__ */_jsxs(YStack, {
+      ...knobProps.gapSm,
+      role: "group",
+      "aria-label": t("formBuilder.group", "Field group"),
+      children: [/* @__PURE__ */_jsx(SizableText, {
+        ...knobProps.label,
+        children: t("formBuilder.group", "Field group")
+      }), /* @__PURE__ */_jsx(XStack, {
+        ...knobProps.gapSm,
+        flexWrap: "wrap",
+        minWidth: 0,
+        children: groupOptions.map(function (option) {
+          return /* @__PURE__ */_jsx(FilterChip, {
+            size: "$3",
+            variant: "outline",
+            selected: group === option.value,
+            onPress: function onPress() {
+              return setGroup(option.value);
+            },
+            children: option.label
+          }, option.value);
+        })
+      })]
+    }), entries.length === 0 ? /* @__PURE__ */_jsx(EmptyState, {
+      size: "$2",
+      title: t("formBuilder.noTypes", "No matching field types")
+    }) : null, Array.from({
+      length: Math.ceil(entries.length / 2)
+    }, function (_, row) {
+      return /* @__PURE__ */_jsx(XStack, {
+        ...knobProps.gapSm,
+        minWidth: 0,
+        children: entries.slice(row * 2, row * 2 + 2).map(function (entry) {
+          return /* @__PURE__ */_jsxs(Card, {
+            tier: "elevated",
+            flex: 1,
+            minWidth: 0,
+            alignItems: "flex-start",
+            "data-fb-palette": entry.fieldtype,
+            onPress: function onPress(event) {
+              var _target_closest;
+              var target = event.target;
+              if ((_target_closest = target.closest) === null || _target_closest === void 0 ? void 0 : _target_closest.call(target, "button, [role=button]")) return;
+              onAdd(entry.fieldtype);
+            },
+            onPointerDown: function onPointerDown1(event) {
+              return onPointerDown(entry.fieldtype, event);
+            },
+            children: [/* @__PURE__ */_jsx(Button, {
+              size: "$2",
+              chromeless: true,
+              maxWidth: "100%",
+              icon: /* @__PURE__ */_jsx(PlusIcon, {
+                size: iconSize
+              }),
+              "aria-label": t("formBuilder.addType", "Add {{type}} field", {
+                type: t(entry.labelKey, entry.label)
+              }),
+              onPress: function onPress() {
+                return onAdd(entry.fieldtype);
+              },
+              children: t(entry.labelKey, entry.label)
+            }), /* @__PURE__ */_jsx(Paragraph, {
+              ...knobProps.body,
+              color: "$color11",
+              numberOfLines: 2,
+              maxWidth: "100%",
+              children: t(entry.descriptionKey, entry.description)
+            })]
+          }, entry.fieldtype);
+        })
+      }, row);
+    })]
+  });
+}
+export { FieldPalette };
+//# sourceMappingURL=FieldPalette.native.js.map

package/dist/esm/formBuilder/FieldPalette.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Card","Chip","EmptyState","Paragraph","SizableText","XStack","YStack","Button","FilterChip","SearchInput","useResolvedKnobs","PlusIcon","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","fieldtypeCatalog","FieldPalette","param","onAdd","onPointerDown","t","knobProps","iconSize","Number","controlIcon","width","search","setSearch","group","setGroup","groupOptions","value","label","entries","filter","entry","labelKey","descriptionKey","description","toLowerCase","includes","gap","minWidth","children","gapSm","alignItems","heading","flex","size","count","length","onChange","role","flexWrap","map","option","variant","selected","onPress","title","Array","from","Math","ceil","_","row"],"sources":["../../../src/formBuilder/FieldPalette.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/formBuilder/FieldPropertiesPanel.mjs

@@ -0,0 +1,161 @@
+import { ConfirmDialog, EmptyState, SizableText, Text, YStack } from "@multiplatform.one/components";
+import { Button, Checkbox, Input, Select, TextArea } from "@multiplatform.one/forms";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
+import { fieldtypeCatalog, holdsValue, optionsHint } from "./fieldtypes.mjs";
+import { canDeleteField, findField, removeColumn, removeField, removeSection, removeTab, updateBreak, updateField } from "./model.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function FieldPropertiesPanel({
+  layout,
+  selection,
+  mode,
+  errors,
+  onChange
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const [confirm, setConfirm] = useState(false);
+  const field = selection ? findField(layout, selection) : void 0;
+  const tab = layout.tabs.find(node2 => node2.key === selection);
+  const section = layout.tabs.flatMap(node2 => node2.sections).find(node2 => node2.key === selection);
+  const column = layout.tabs.flatMap(node2 => node2.sections.flatMap(s => s.columns)).find(node2 => node2.key === selection);
+  const node = field ?? tab ?? section ?? column;
+  if (!node) return /* @__PURE__ */jsx(EmptyState, {
+    size: "$2",
+    title: t("formBuilder.selectField", "Select a field to edit its properties")
+  });
+  const df = node.df;
+  const error = errors[node.key] ?? {};
+  const update = patch => onChange(field ? updateField(layout, node.key, patch) : updateBreak(layout, node.key, patch));
+  const remove = () => onChange(field ? removeField(layout, node.key) : tab ? removeTab(layout, node.key) : section ? removeSection(layout, node.key) : removeColumn(layout, node.key));
+  const deletable = !field || canDeleteField(field, mode);
+  const removable = field || (tab ? layout.tabs.length > 1 : section ? layout.tabs.length > 1 || layout.tabs[0].sections.length > 1 : layout.tabs.some(t2 => t2.sections.some(s => s.columns.length > 1 && s.columns.some(c => c.key === selection))));
+  const hint = df ? optionsHint(df.fieldtype) : void 0;
+  return /* @__PURE__ */jsxs(YStack, {
+    ...knobProps.gap,
+    minWidth: 0,
+    testID: "form-builder-properties",
+    children: [/* @__PURE__ */jsx(SizableText, {
+      ...knobProps.heading,
+      children: field ? t("formBuilder.properties", "Field properties") : tab ? t("formBuilder.tabProperties", "Tab properties") : section ? t("formBuilder.sectionProperties", "Section properties") : t("formBuilder.columnProperties", "Column properties")
+    }), field ? /* @__PURE__ */jsxs(YStack, {
+      ...knobProps.gapSm,
+      minWidth: 0,
+      children: [/* @__PURE__ */jsx(Text, {
+        ...knobProps.label,
+        numberOfLines: 1,
+        children: field.df.label || field.df.fieldname
+      }), /* @__PURE__ */jsx(Text, {
+        ...knobProps.body,
+        color: "$color11",
+        numberOfLines: 1,
+        children: field.df.fieldname
+      })]
+    }) : null, /* @__PURE__ */jsx(Input, {
+      label: t("formBuilder.label", "Label"),
+      value: df?.label ?? "",
+      onChangeText: label => update({
+        label
+      }),
+      error: error.label ?? (!field ? error.fieldname : void 0)
+    }), field ? /* @__PURE__ */jsxs(Fragment, {
+      children: [/* @__PURE__ */jsx(Input, {
+        label: t("formBuilder.fieldname", "Fieldname"),
+        value: field.df.fieldname,
+        readOnly: !field.isNew,
+        onChangeText: fieldname => update({
+          fieldname
+        }),
+        error: error.fieldname
+      }), /* @__PURE__ */jsx(Select, {
+        label: t("formBuilder.fieldType", "Field Type"),
+        value: field.df.fieldtype,
+        options: fieldtypeCatalog.map(entry => ({
+          value: entry.fieldtype,
+          label: t(entry.labelKey, entry.label)
+        })),
+        onChange: value => update({
+          fieldtype: String(value)
+        }),
+        error: error.fieldtype
+      }), hint ? /* @__PURE__ */jsx(TextArea, {
+        label: t("formBuilder.optionsLabel", "Options"),
+        helperText: t(hint.key, hint.default),
+        value: String(df?.options ?? ""),
+        onChange: options => update({
+          options
+        }),
+        error: error.options
+      }) : null, holdsValue(field.df.fieldtype) ? /* @__PURE__ */jsx(Input, {
+        label: t("formBuilder.default", "Default"),
+        value: String(df?.default ?? ""),
+        onChangeText: value => update({
+          default: value
+        }),
+        error: error.default
+      }) : null, /* @__PURE__ */jsx(TextArea, {
+        label: t("formBuilder.description", "Description"),
+        value: String(df?.description ?? ""),
+        onChange: description => update({
+          description
+        }),
+        error: error.description
+      }), /* @__PURE__ */jsxs(YStack, {
+        ...knobProps.gapSm,
+        children: [/* @__PURE__ */jsx(SizableText, {
+          ...knobProps.label,
+          children: t("formBuilder.behaviour", "Behaviour")
+        }), holdsValue(field.df.fieldtype) ? /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(Checkbox, {
+            label: t("formBuilder.mandatory", "Mandatory"),
+            checked: !!df?.reqd,
+            onChange: value => update({
+              reqd: value ? 1 : 0
+            })
+          }), /* @__PURE__ */jsx(Checkbox, {
+            label: t("formBuilder.readOnly", "Read Only"),
+            checked: !!df?.read_only,
+            onChange: value => update({
+              read_only: value ? 1 : 0
+            })
+          }), /* @__PURE__ */jsx(Checkbox, {
+            label: t("formBuilder.inListView", "In List View"),
+            checked: !!df?.in_list_view,
+            onChange: value => update({
+              in_list_view: value ? 1 : 0
+            })
+          })]
+        }) : null, /* @__PURE__ */jsx(Checkbox, {
+          label: t("formBuilder.hidden", "Hidden"),
+          checked: !!df?.hidden,
+          onChange: value => update({
+            hidden: value ? 1 : 0
+          })
+        })]
+      })]
+    }) : null, removable ? /* @__PURE__ */jsx(Button, {
+      error: deletable,
+      outlined: true,
+      onPress: () => deletable ? setConfirm(true) : update({
+        hidden: 1
+      }),
+      children: deletable ? t("formBuilder.delete", "Delete") : t("formBuilder.hide", "Hide")
+    }) : null, /* @__PURE__ */jsx(ConfirmDialog, {
+      open: confirm,
+      onOpenChange: setConfirm,
+      title: t("formBuilder.deleteTitle", "Remove this form item?"),
+      body: field ? t("formBuilder.deleteFieldBody", "This field will be removed when you save.") : t("formBuilder.deleteBreakBody", "Fields will move into the neighbouring layout."),
+      confirmLabel: t("formBuilder.delete", "Delete"),
+      destructive: true,
+      onConfirm: remove
+    })]
+  });
+}
+export { FieldPropertiesPanel };
+//# sourceMappingURL=FieldPropertiesPanel.mjs.map

package/dist/esm/formBuilder/FieldPropertiesPanel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConfirmDialog","EmptyState","SizableText","Text","YStack","Button","Checkbox","Input","Select","TextArea","useResolvedKnobs","useState","useTranslation","BACKOFFICE_I18N_NAMESPACE","fieldtypeCatalog","holdsValue","optionsHint","canDeleteField","findField","removeColumn","removeField","removeSection","removeTab","updateBreak","updateField","Fragment","jsx","jsxs","FieldPropertiesPanel","layout","selection","mode","errors","onChange","t","knobProps","confirm","setConfirm","field","tab","tabs","find","node","node2","key","section","flatMap","sections","column","s","columns","size","title","df","error","update","patch","remove","deletable","removable","length","some","t2","c","hint","fieldtype","gap","minWidth","testID","children","heading","gapSm","label","numberOfLines","fieldname","body","color","value","onChangeText","readOnly","isNew","options","map","entry","labelKey","String","helperText","default","description","checked","reqd","read_only","in_list_view","hidden","outlined","onPress","open","onOpenChange","confirmLabel","destructive","onConfirm"],"sources":["../../../src/formBuilder/FieldPropertiesPanel.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}