@dxos/react-ui-form 0.8.4-main.406dc2a → 0.8.4-main.548089c

package/dist/lib/browser/index.mjs

@@ -8,7 +8,7 @@ var translations = [
         "hidden fields label": "Hidden Fields",
         "empty readonly ref field label": "(none)",
         // TODO(burdon): Standardize field/property.
-        "button add property": "Add property",
+        "add property button": "Add property",
         "field property label": "Property",
         "field property placeholder": "Property name",
         "field format label": "Type",
@@ -25,8 +25,7 @@ var translations = [
         "ref field placeholder_one": "Select\u2026",
         "ref field placeholder_other": "Select items\u2026",
         // TODO(burdon): Factor out?
-        "button cancel": "Cancel",
-        "button save": "Save",
+        "save button": "Save",
         // FormatEnum
         "format boolean": "Boolean",
         "format currency": "Currency",
@@ -472,7 +471,7 @@ var SelectOptionInput = ({ type, label, readonly, getStatus, getValue: getValue3
       readonly: !!readonly
     }, ({ items }) => /* @__PURE__ */ React4.createElement("div", {
       role: "list",
-      className: "w-full overflow-auto"
+      className: "is-full overflow-auto"
     }, items?.map((item) => /* @__PURE__ */ React4.createElement("div", {
       key: item.id
     }, /* @__PURE__ */ React4.createElement(List.Item, {
@@ -708,7 +707,7 @@ var MarkdownInput = ({ type, label, inputOnly, readonly, placeholder, getStatus,
       disabled: !!readonly,
       placeholder,
       value: getValue3() ?? "",
-      classNames: "min-bs-auto max-h-40 overflow-auto",
+      classNames: "min-bs-auto max-bs-40 overflow-auto",
       onChange: (event) => onValueChange(type, event.target.value),
       onBlur,
       style: {
@@ -1117,14 +1116,14 @@ var FormActions = ({ readonly, onCancel, outerSpacing = true }) => {
     }, onCancel && !readonly && /* @__PURE__ */ React8.createElement(IconButton2, {
       "data-testid": "cancel-button",
       icon: "ph--x--regular",
-      label: t("button cancel"),
+      label: t("cancel button"),
       onClick: onCancel
     }), handleSave && /* @__PURE__ */ React8.createElement(IconButton2, {
       type: "submit",
       "data-testid": "save-button",
       disabled: !canSave,
       icon: "ph--check--regular",
-      label: t("button save"),
+      label: t("save button"),
       onClick: handleSave
     }));
   } finally {
@@ -1418,12 +1417,6 @@ var findArrayElementType = (ast) => {
 // src/util/refs.ts
 var getRefProps = (property) => {
   const { ast, format, array } = property;
-  if (format === FormatEnum3.Ref) {
-    return {
-      ast,
-      isArray: false
-    };
-  }
   if (array) {
     const elementType = findArrayElementType(ast);
     if (elementType) {
@@ -1436,6 +1429,12 @@ var getRefProps = (property) => {
       }
     }
   }
+  if (format === FormatEnum3.Ref) {
+    return {
+      ast,
+      isArray: false
+    };
+  }
   return void 0;
 };
 
@@ -2060,7 +2059,7 @@ var FormFields = /* @__PURE__ */ forwardRef2(({ classNames, schema, path, filter
 });
 
 // src/components/Form/Form.tsx
-var Form = ({ classNames, testId, values: initialValues, autoFocus, readonly, autoSave, outerSpacing = true, schema, onCancel, onValuesChanged, onValidate, onSave, ...props }) => {
+var Form = ({ classNames, id, testId, values: initialValues, autoFocus, readonly, autoSave, outerSpacing = true, schema, onCancel, onValuesChanged, onValidate, onSave, ...props }) => {
   var _effect = _useSignals13();
   try {
     const formRef = useRef3(null);
@@ -2095,6 +2094,9 @@ var Form = ({ classNames, testId, values: initialValues, autoFocus, readonly, au
     }, /* @__PURE__ */ React13.createElement("div", {
       role: "none",
       className: "contents",
+      ...id && {
+        "data-object-id": id
+      },
       "data-testid": testId
     }, /* @__PURE__ */ React13.createElement(FormFields, {
       ...props,
@@ -2328,12 +2330,17 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
           title: "Query"
         })
       });
-      if (mode === "query") {
-        return Schema2.Struct({
+      if (mode === "query" || mode === "named-query") {
+        const name = Schema2.Struct({
           name: Schema2.optional(Schema2.String.annotations({
             title: "Name"
-          })),
-          ...base.fields,
+          }))
+        });
+        return Schema2.Struct({
+          ...mode === "named-query" ? {
+            ...name.fields,
+            ...base.fields
+          } : base.fields,
           target: Schema2.optional(Schema2.String.annotations({
             title: "Target Queue"
           }))
@@ -2361,7 +2368,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
     const handleAdd = useCallback13(() => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 131,
+        L: 134,
         S: void 0,
         A: [
           "!readonly",
@@ -2378,7 +2385,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
     const handleUpdate = useCallback13((values) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 138,
+        L: 141,
         S: void 0,
         A: [
           "!readonly",
@@ -2403,7 +2410,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
     const handleDelete = useCallback13((fieldId) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 154,
+        L: 157,
         S: void 0,
         A: [
           "!readonly",
@@ -2422,7 +2429,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
     const handleMove = useCallback13((fromIndex, toIndex) => {
       invariant3(!readonly, void 0, {
         F: __dxlog_file5,
-        L: 166,
+        L: 169,
         S: void 0,
         A: [
           "!readonly",
@@ -2544,7 +2551,7 @@ var ViewEditor = /* @__PURE__ */ forwardRef3(({ classNames, schema, view, mode =
       className: outerSpacing ? cardSpacing3 : "mlb-cardSpacingBlock"
     }, /* @__PURE__ */ React15.createElement(IconButton4, {
       icon: "ph--plus--regular",
-      label: t("button add property"),
+      label: t("add property button"),
       onClick: readonly ? void 0 : handleAdd,
       // TODO(burdon): Show field limit in ux (not tooltip).
       disabled: view.projection.fields.length >= VIEW_FIELD_LIMIT,