@dxos/react-ui-form 0.8.2 → 0.8.3-main.672df60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/lib/browser/index.mjs +10 -11
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +9 -10
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +10 -11
- package/dist/lib/node-esm/index.mjs.map +3 -3
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/Form/Form.stories.d.ts.map +1 -1
- package/dist/types/src/components/ViewEditor/ViewEditor.d.ts.map +1 -1
- package/dist/types/src/components/ViewEditor/ViewEditor.test.d.ts +2 -0
- package/dist/types/src/components/ViewEditor/ViewEditor.test.d.ts.map +1 -0
- package/package.json +26 -26
- package/src/components/Form/Form.stories.tsx +3 -3
- package/src/components/Form/FormActions.tsx +1 -1
- package/src/components/ViewEditor/ViewEditor.test.tsx +166 -0
- package/src/components/ViewEditor/ViewEditor.tsx +21 -18
- package/src/hooks/useRefQueryLookupHandler.ts +2 -2
|
@@ -957,7 +957,7 @@ var flatMap = (errors) => {
|
|
|
957
957
|
|
|
958
958
|
// packages/ui/react-ui-form/src/hooks/useRefQueryLookupHandler.ts
|
|
959
959
|
import { useCallback as useCallback5 } from "react";
|
|
960
|
-
import {
|
|
960
|
+
import { getObjectDXN } from "@dxos/echo-schema";
|
|
961
961
|
import { Filter } from "@dxos/react-client/echo";
|
|
962
962
|
import { isNonNullable } from "@dxos/util";
|
|
963
963
|
var useRefQueryLookupHandler = ({ space }) => {
|
|
@@ -968,7 +968,7 @@ var useRefQueryLookupHandler = ({ space }) => {
|
|
|
968
968
|
const query = space.db.query(Filter.typename(typeInfo.typename));
|
|
969
969
|
const { objects } = await query.run();
|
|
970
970
|
return objects.map((object) => {
|
|
971
|
-
const dxn =
|
|
971
|
+
const dxn = getObjectDXN(object);
|
|
972
972
|
if (!dxn) {
|
|
973
973
|
return void 0;
|
|
974
974
|
}
|
|
@@ -1110,7 +1110,7 @@ var FormActions = ({ readonly, onCancel }) => {
|
|
|
1110
1110
|
const { canSave, handleSave } = useFormContext();
|
|
1111
1111
|
return /* @__PURE__ */ React9.createElement("div", {
|
|
1112
1112
|
role: "none",
|
|
1113
|
-
className: "flex [&_button]:grow gap-1"
|
|
1113
|
+
className: "flex [&_button]:grow gap-1 pli-2 pbe-2"
|
|
1114
1114
|
}, onCancel && !readonly && /* @__PURE__ */ React9.createElement(IconButton2, {
|
|
1115
1115
|
"data-testid": "cancel-button",
|
|
1116
1116
|
icon: "ph--x--regular",
|
|
@@ -2250,13 +2250,10 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
2250
2250
|
return /* @__PURE__ */ React15.createElement("div", {
|
|
2251
2251
|
role: "none",
|
|
2252
2252
|
className: mx8("overflow-y-auto", classNames)
|
|
2253
|
-
}, /* @__PURE__ */ React15.createElement("div", {
|
|
2254
|
-
role: "none",
|
|
2255
|
-
className: "p-2"
|
|
2256
|
-
}, /* @__PURE__ */ React15.createElement("div", {
|
|
2253
|
+
}, immutable && /* @__PURE__ */ React15.createElement("div", {
|
|
2257
2254
|
role: "none",
|
|
2258
2255
|
className: "mbe-2"
|
|
2259
|
-
},
|
|
2256
|
+
}, /* @__PURE__ */ React15.createElement(Message.Root, {
|
|
2260
2257
|
valence: "neutral",
|
|
2261
2258
|
className: "rounded"
|
|
2262
2259
|
}, /* @__PURE__ */ React15.createElement(Message.Title, null, /* @__PURE__ */ React15.createElement(Icon3, {
|
|
@@ -2269,7 +2266,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
2269
2266
|
values: viewValues,
|
|
2270
2267
|
onSave: handleUpdate,
|
|
2271
2268
|
classNames: "min-bs-0 overflow-y-auto"
|
|
2272
|
-
})
|
|
2269
|
+
}), /* @__PURE__ */ React15.createElement("div", {
|
|
2273
2270
|
role: "none",
|
|
2274
2271
|
className: "min-bs-0 overflow-y-auto"
|
|
2275
2272
|
}, /* @__PURE__ */ React15.createElement("div", {
|
|
@@ -2301,7 +2298,8 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
2301
2298
|
}, /* @__PURE__ */ React15.createElement(List2.ItemButton, {
|
|
2302
2299
|
icon: "ph--eye-slash--regular",
|
|
2303
2300
|
disabled: view.fields.length <= 1,
|
|
2304
|
-
onClick: () => handleHide(field2.id)
|
|
2301
|
+
onClick: () => handleHide(field2.id),
|
|
2302
|
+
"data-testid": "hide-field-button"
|
|
2305
2303
|
}), !immutable && /* @__PURE__ */ React15.createElement(List2.ItemDeleteButton, {
|
|
2306
2304
|
icon: "ph--trash--regular",
|
|
2307
2305
|
disabled: view.fields.length <= 1,
|
|
@@ -2324,7 +2322,8 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
|
|
|
2324
2322
|
classNames: mx8(grid, ghostHover, !immutable && "cursor-pointer")
|
|
2325
2323
|
}, /* @__PURE__ */ React15.createElement("div", null), /* @__PURE__ */ React15.createElement(List2.ItemTitle, null, property), /* @__PURE__ */ React15.createElement(List2.ItemButton, {
|
|
2326
2324
|
icon: "ph--eye--regular",
|
|
2327
|
-
onClick: () => handleShow(property)
|
|
2325
|
+
onClick: () => handleShow(property),
|
|
2326
|
+
"data-testid": "show-field-button"
|
|
2328
2327
|
}))))))), field && /* @__PURE__ */ React15.createElement(FieldEditor, {
|
|
2329
2328
|
key: field.id,
|
|
2330
2329
|
view,
|