@dxos/plugin-space 0.8.4-main.c4373fc → 0.8.4-main.d05673bc65

package/src/util.ts

@@ -0,0 +1,82 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { type Space, SpaceState } from '@dxos/client/echo';
+import { type Database, Obj, Type } from '@dxos/echo';
+import { invariant } from '@dxos/invariant';
+import { Expando } from '@dxos/schema';
+import { type Label } from '@dxos/ui-types';
+
+import { meta } from './meta';
+
+//
+// Constants
+//
+
+const META_NS: { ns: string } = { ns: meta.id };
+const PERSONAL_SPACE_LABEL: Label = ['personal space label', META_NS];
+const UNNAMED_SPACE_LABEL: Label = ['unnamed space label', META_NS];
+
+export const SPACES = `${meta.id}-spaces`;
+export const COMPOSER_SPACE_LOCK = `${meta.id}.lock`;
+// TODO(wittjosiah): Remove.
+export const SHARED = 'shared-spaces';
+
+//
+// Helpers
+//
+
+/** Returns the display label for a space (name, namesCache entry, or fallback). */
+export const getSpaceDisplayName = (
+  space: Space,
+  { personal, namesCache = {} }: { personal?: boolean; namesCache?: Record<string, string> } = {},
+): Label => {
+  return space.state.get() === SpaceState.SPACE_READY && (space.properties.name?.length ?? 0) > 0
+    ? space.properties.name!
+    : namesCache[space.id]
+      ? namesCache[space.id]
+      : personal
+        ? PERSONAL_SPACE_LABEL
+        : UNNAMED_SPACE_LABEL;
+};
+
+//
+// Deprecated
+//
+
+/** @deprecated This is a temporary solution. */
+export const getNestedObjects = async (
+  object: Obj.Unknown,
+  resolve: (typename: string) => Record<string, any>,
+): Promise<Obj.Unknown[]> => {
+  const type = Obj.getTypename(object);
+  if (!type) {
+    return [];
+  }
+
+  const metadata = resolve(type);
+  const loadReferences = metadata?.loadReferences;
+  if (typeof loadReferences !== 'function') {
+    return [];
+  }
+
+  const objects: Obj.Unknown[] = await loadReferences(object);
+  const nested = await Promise.all(objects.map((object) => getNestedObjects(object, resolve)));
+  return [...objects, ...nested.flat()];
+};
+
+/** @deprecated Workaround for ECHO not supporting clone. */
+export const cloneObject = async (
+  object: Obj.Unknown,
+  resolve: (typename: string) => Record<string, any>,
+  newDb: Database.Database,
+): Promise<Obj.Unknown> => {
+  const schema = Obj.getSchema(object);
+  const typename = schema ? (Type.getTypename(schema) ?? Expando.Expando.typename) : Expando.Expando.typename;
+  const metadata = resolve(typename);
+  const serializer = metadata.serializer;
+  invariant(serializer, `No serializer for type: ${typename}`);
+  const content = await serializer.serialize({ object });
+  return serializer.deserialize({ content, db: newDb, newId: true });
+};

package/dist/lib/browser/CollectionMain-AX7KKXWP.mjs

@@ -1,31 +0,0 @@
-import {
-  meta
-} from "./chunk-IRKDREHY.mjs";
-
-// src/components/CollectionMain.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React from "react";
-import { useTranslation } from "@dxos/react-ui";
-import { baseSurface, descriptionMessage, mx } from "@dxos/react-ui-theme";
-var CollectionMain = ({ collection }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: mx(baseSurface, "min-bs-screen is-full flex items-center justify-center p-8"),
-      "data-testid": "composer.firstRunMessage"
-    }, /* @__PURE__ */ React.createElement("p", {
-      role: "alert",
-      className: mx(descriptionMessage, "rounded-md p-8 font-normal text-lg max-is-[24rem] break-words")
-    }, collection.name ?? t("unnamed collection label")));
-  } finally {
-    _effect.f();
-  }
-};
-var CollectionMain_default = CollectionMain;
-export {
-  CollectionMain,
-  CollectionMain_default as default
-};
-//# sourceMappingURL=CollectionMain-AX7KKXWP.mjs.map

package/dist/lib/browser/CollectionMain-AX7KKXWP.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/CollectionMain.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { useTranslation } from '@dxos/react-ui';\nimport { baseSurface, descriptionMessage, mx } from '@dxos/react-ui-theme';\nimport { type DataType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n\nexport const CollectionMain = ({ collection }: { collection: DataType.Collection }) => {\n  const { t } = useTranslation(meta.id);\n\n  return (\n    <div\n      role='none'\n      className={mx(baseSurface, 'min-bs-screen is-full flex items-center justify-center p-8')}\n      data-testid='composer.firstRunMessage'\n    >\n      <p\n        role='alert'\n        className={mx(descriptionMessage, 'rounded-md p-8 font-normal text-lg max-is-[24rem] break-words')}\n      >\n        {collection.name ?? t('unnamed collection label')}\n      </p>\n    </div>\n  );\n};\n\nexport default CollectionMain;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,WAAW;AAElB,SAASC,sBAAsB;AAC/B,SAASC,aAAaC,oBAAoBC,UAAU;AAK7C,IAAMC,iBAAiB,CAAC,EAAEC,WAAU,MAAuC;;;AAChF,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AAEpC,WACE,sBAAA,cAACC,OAAAA;MACCC,MAAK;MACLC,WAAWC,GAAGC,aAAa,4DAAA;MAC3BC,eAAY;OAEZ,sBAAA,cAACC,KAAAA;MACCL,MAAK;MACLC,WAAWC,GAAGI,oBAAoB,+DAAA;OAEjCZ,WAAWa,QAAQZ,EAAE,0BAAA,CAAA,CAAA;;;;AAI9B;AAEA,IAAA,yBAAeF;",
-  "names": ["React", "useTranslation", "baseSurface", "descriptionMessage", "mx", "CollectionMain", "collection", "t", "useTranslation", "meta", "id", "div", "role", "className", "mx", "baseSurface", "data-testid", "p", "descriptionMessage", "name"]
-}

package/dist/lib/browser/ObjectDetailsPanel-SJ4XUXXX.mjs

@@ -1,90 +0,0 @@
-import {
-  meta
-} from "./chunk-IRKDREHY.mjs";
-
-// src/components/ObjectDetailsPanel.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback } from "react";
-import { setValue } from "@dxos/echo/internal";
-import { invariant } from "@dxos/invariant";
-import { useClient } from "@dxos/react-client";
-import { Filter, getSpace, useQuery, useSchema } from "@dxos/react-client/echo";
-import { Callout, useTranslation } from "@dxos/react-ui";
-import { useSelected } from "@dxos/react-ui-attention";
-import { Form, useRefQueryLookupHandler } from "@dxos/react-ui-form";
-import { getTypenameFromQuery } from "@dxos/schema";
-import { isNonNullable } from "@dxos/util";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/ObjectDetailsPanel.tsx";
-var ObjectDetailsPanel = ({ objectId, view }) => {
-  var _effect = _useSignals();
-  try {
-    const { t } = useTranslation(meta.id);
-    const client = useClient();
-    const space = getSpace(view);
-    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
-    const schema = useSchema(client, space, typename);
-    const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());
-    const selectedRows = useSelected(objectId, "multi");
-    const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);
-    const handleRefQueryLookup = useRefQueryLookupHandler({
-      space
-    });
-    const handleSave = useCallback((values, { changed }) => {
-      const id = values.id;
-      invariant(typeof id === "string", void 0, {
-        F: __dxlog_file,
-        L: 38,
-        S: void 0,
-        A: [
-          "typeof id === 'string'",
-          ""
-        ]
-      });
-      const object = queriedObjects.find((obj) => obj.id === id);
-      invariant(object, void 0, {
-        F: __dxlog_file,
-        L: 40,
-        S: void 0,
-        A: [
-          "object",
-          ""
-        ]
-      });
-      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
-      for (const path of changedPaths) {
-        const value = values[path];
-        setValue(object, path, value);
-      }
-    }, [
-      queriedObjects
-    ]);
-    if (selectedObjects.length === 0) {
-      return /* @__PURE__ */ React.createElement("div", {
-        role: "none",
-        className: "plb-cardSpacingBlock pli-cardSpacingInline"
-      }, /* @__PURE__ */ React.createElement(Callout.Root, {
-        classNames: "is-full"
-      }, /* @__PURE__ */ React.createElement(Callout.Title, null, t("row details no selection label"))));
-    }
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto"
-    }, schema && selectedObjects.map((object) => /* @__PURE__ */ React.createElement("div", {
-      key: object.id,
-      className: "border border-separator rounded"
-    }, /* @__PURE__ */ React.createElement(Form, {
-      autoSave: true,
-      schema,
-      values: object,
-      onSave: handleSave,
-      onQueryRefOptions: handleRefQueryLookup
-    }))));
-  } finally {
-    _effect.f();
-  }
-};
-var ObjectDetailsPanel_default = ObjectDetailsPanel;
-export {
-  ObjectDetailsPanel_default as default
-};
-//# sourceMappingURL=ObjectDetailsPanel-SJ4XUXXX.mjs.map

package/dist/lib/browser/ObjectDetailsPanel-SJ4XUXXX.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/ObjectDetailsPanel.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { useClient } from '@dxos/react-client';\nimport { Filter, getSpace, useQuery, useSchema } from '@dxos/react-client/echo';\nimport { Callout, useTranslation } from '@dxos/react-ui';\nimport { useSelected } from '@dxos/react-ui-attention';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\nimport { type DataType } from '@dxos/schema';\nimport { getTypenameFromQuery } from '@dxos/schema';\nimport { isNonNullable } from '@dxos/util';\n\nimport { meta } from '../meta';\n\ntype RowDetailsPanelProps = { objectId: string; view: DataType.View };\n\nconst ObjectDetailsPanel = ({ objectId, view }: RowDetailsPanelProps) => {\n  const { t } = useTranslation(meta.id);\n  const client = useClient();\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n  const schema = useSchema(client, space, typename);\n\n  const queriedObjects = useQuery(space, schema ? Filter.type(schema) : Filter.nothing());\n  const selectedRows = useSelected(objectId, 'multi');\n  const selectedObjects = selectedRows.map((id) => queriedObjects.find((obj) => obj.id === id)).filter(isNonNullable);\n\n  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n  const handleSave = useCallback(\n    (values: any, { changed }: { changed: Record<JsonPath, boolean> }) => {\n      const id = values.id;\n      invariant(typeof id === 'string');\n      const object = queriedObjects.find((obj) => obj.id === id);\n      invariant(object);\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        const value = values[path];\n        setValue(object, path, value);\n      }\n    },\n    [queriedObjects],\n  );\n\n  if (selectedObjects.length === 0) {\n    return (\n      <div role='none' className='plb-cardSpacingBlock pli-cardSpacingInline'>\n        <Callout.Root classNames='is-full'>\n          <Callout.Title>{t('row details no selection label')}</Callout.Title>\n        </Callout.Root>\n      </div>\n    );\n  }\n\n  return (\n    <div role='none' className='bs-full is-full flex flex-col p-2 gap-1 overflow-y-auto'>\n      {schema &&\n        selectedObjects.map((object) => (\n          <div key={object.id} className='border border-separator rounded'>\n            <Form\n              autoSave\n              schema={schema}\n              values={object}\n              onSave={handleSave}\n              onQueryRefOptions={handleRefQueryLookup}\n            />\n          </div>\n        ))}\n    </div>\n  );\n};\n\nexport default ObjectDetailsPanel;\n"],
-  "mappings": ";;;;;;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAAwBC,gBAAgB;AACxC,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,QAAQC,UAAUC,UAAUC,iBAAiB;AACtD,SAASC,SAASC,sBAAsB;AACxC,SAASC,mBAAmB;AAC5B,SAASC,MAAMC,gCAAgC;AAE/C,SAASC,4BAA4B;AACrC,SAASC,qBAAqB;;AAM9B,IAAMC,qBAAqB,CAAC,EAAEC,UAAUC,KAAI,MAAwB;;;AAClE,UAAM,EAAEC,EAAC,IAAKC,eAAeC,KAAKC,EAAE;AACpC,UAAMC,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASR,IAAAA;AACvB,UAAMS,WAAWT,KAAKU,QAAQC,qBAAqBX,KAAKU,MAAME,GAAG,IAAIC;AACrE,UAAMC,SAASC,UAAUV,QAAQE,OAAOE,QAAAA;AAExC,UAAMO,iBAAiBC,SAASV,OAAOO,SAASI,OAAOC,KAAKL,MAAAA,IAAUI,OAAOE,QAAO,CAAA;AACpF,UAAMC,eAAeC,YAAYvB,UAAU,OAAA;AAC3C,UAAMwB,kBAAkBF,aAAaG,IAAI,CAACpB,OAAOY,eAAeS,KAAK,CAACC,QAAQA,IAAItB,OAAOA,EAAAA,CAAAA,EAAKuB,OAAOC,aAAAA;AAErG,UAAMC,uBAAuBC,yBAAyB;MAAEvB;IAAM,CAAA;AAE9D,UAAMwB,aAAaC,YACjB,CAACC,QAAa,EAAEC,QAAO,MAA0C;AAC/D,YAAM9B,KAAK6B,OAAO7B;AAClB+B,gBAAU,OAAO/B,OAAO,UAAA,QAAA;;;;;;;;;AACxB,YAAMgC,SAASpB,eAAeS,KAAK,CAACC,QAAQA,IAAItB,OAAOA,EAAAA;AACvD+B,gBAAUC,QAAAA,QAAAA;;;;;;;;;AAEV,YAAMC,eAAeC,OAAOC,KAAKL,OAAAA,EAASP,OAAO,CAACa,SAASN,QAAQM,IAAAA,CAAiB;AACpF,iBAAWA,QAAQH,cAAc;AAC/B,cAAMI,QAAQR,OAAOO,IAAAA;AACrBE,iBAASN,QAAQI,MAAMC,KAAAA;MACzB;IACF,GACA;MAACzB;KAAe;AAGlB,QAAIO,gBAAgBoB,WAAW,GAAG;AAChC,aACE,sBAAA,cAACC,OAAAA;QAAIC,MAAK;QAAOC,WAAU;SACzB,sBAAA,cAACC,QAAQC,MAAI;QAACC,YAAW;SACvB,sBAAA,cAACF,QAAQG,OAAK,MAAEjD,EAAE,gCAAA,CAAA,CAAA,CAAA;IAI1B;AAEA,WACE,sBAAA,cAAC2C,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACxBhC,UACCS,gBAAgBC,IAAI,CAACY,WACnB,sBAAA,cAACQ,OAAAA;MAAIO,KAAKf,OAAOhC;MAAI0C,WAAU;OAC7B,sBAAA,cAACM,MAAAA;MACCC,UAAAA;MACAvC;MACAmB,QAAQG;MACRkB,QAAQvB;MACRwB,mBAAmB1B;;;;;AAMjC;AAEA,IAAA,6BAAe/B;",
-  "names": ["React", "useCallback", "setValue", "invariant", "useClient", "Filter", "getSpace", "useQuery", "useSchema", "Callout", "useTranslation", "useSelected", "Form", "useRefQueryLookupHandler", "getTypenameFromQuery", "isNonNullable", "ObjectDetailsPanel", "objectId", "view", "t", "useTranslation", "meta", "id", "client", "useClient", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "schema", "useSchema", "queriedObjects", "useQuery", "Filter", "type", "nothing", "selectedRows", "useSelected", "selectedObjects", "map", "find", "obj", "filter", "isNonNullable", "handleRefQueryLookup", "useRefQueryLookupHandler", "handleSave", "useCallback", "values", "changed", "invariant", "object", "changedPaths", "Object", "keys", "path", "value", "setValue", "length", "div", "role", "className", "Callout", "Root", "classNames", "Title", "key", "Form", "autoSave", "onSave", "onQueryRefOptions"]
-}

package/dist/lib/browser/RecordMain-FHPCS6GM.mjs

@@ -1,68 +0,0 @@
-// src/components/RecordMain.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
-import React, { useCallback } from "react";
-import { Obj } from "@dxos/echo";
-import { setValue } from "@dxos/echo/internal";
-import { invariant } from "@dxos/invariant";
-import { getSpace } from "@dxos/react-client/echo";
-import { Form, useRefQueryLookupHandler } from "@dxos/react-ui-form";
-var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-space/src/components/RecordMain.tsx";
-var RecordMain = ({ record }) => {
-  var _effect = _useSignals();
-  try {
-    const space = getSpace(record);
-    const schema = Obj.getSchema(record);
-    invariant(schema, "Record has no schema.", {
-      F: __dxlog_file,
-      L: 16,
-      S: void 0,
-      A: [
-        "schema",
-        "'Record has no schema.'"
-      ]
-    });
-    const handleRefQueryLookup = useRefQueryLookupHandler({
-      space
-    });
-    const handleSave = useCallback((values, { changed }) => {
-      const id = values.id;
-      invariant(typeof id === "string", void 0, {
-        F: __dxlog_file,
-        L: 23,
-        S: void 0,
-        A: [
-          "typeof id === 'string'",
-          ""
-        ]
-      });
-      const changedPaths = Object.keys(changed).filter((path) => changed[path]);
-      for (const path of changedPaths) {
-        const value = values[path];
-        setValue(record, path, value);
-      }
-    }, [
-      record
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      role: "none",
-      className: "container-max-width flex flex-col p-2 gap-1 overflow-y-auto"
-    }, /* @__PURE__ */ React.createElement("div", {
-      key: record.id,
-      className: "border border-separator rounded"
-    }, /* @__PURE__ */ React.createElement(Form, {
-      autoSave: true,
-      schema,
-      values: record,
-      onSave: handleSave,
-      onQueryRefOptions: handleRefQueryLookup
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var RecordMain_default = RecordMain;
-export {
-  RecordMain,
-  RecordMain_default as default
-};
-//# sourceMappingURL=RecordMain-FHPCS6GM.mjs.map

package/dist/lib/browser/RecordMain-FHPCS6GM.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/RecordMain.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Obj } from '@dxos/echo';\nimport { type JsonPath, setValue } from '@dxos/echo/internal';\nimport { invariant } from '@dxos/invariant';\nimport { getSpace } from '@dxos/react-client/echo';\nimport { Form, useRefQueryLookupHandler } from '@dxos/react-ui-form';\n\nexport const RecordMain = ({ record }: { record: Obj.Any }) => {\n  const space = getSpace(record);\n  const schema = Obj.getSchema(record);\n  invariant(schema, 'Record has no schema.');\n\n  const handleRefQueryLookup = useRefQueryLookupHandler({ space });\n\n  const handleSave = useCallback(\n    (values: any, { changed }: { changed: Record<JsonPath, boolean> }) => {\n      const id = values.id;\n      invariant(typeof id === 'string');\n\n      const changedPaths = Object.keys(changed).filter((path) => changed[path as JsonPath]) as JsonPath[];\n      for (const path of changedPaths) {\n        const value = values[path];\n        setValue(record, path, value);\n      }\n    },\n    [record],\n  );\n\n  return (\n    <div role='none' className='container-max-width flex flex-col p-2 gap-1 overflow-y-auto'>\n      <div key={record.id} className='border border-separator rounded'>\n        <Form autoSave schema={schema} values={record} onSave={handleSave} onQueryRefOptions={handleRefQueryLookup} />\n      </div>\n    </div>\n  );\n};\n\nexport default RecordMain;\n"],
-  "mappings": ";;AAIA,OAAOA,SAASC,mBAAmB;AAEnC,SAASC,WAAW;AACpB,SAAwBC,gBAAgB;AACxC,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;AACzB,SAASC,MAAMC,gCAAgC;;AAExC,IAAMC,aAAa,CAAC,EAAEC,OAAM,MAAuB;;;AACxD,UAAMC,QAAQL,SAASI,MAAAA;AACvB,UAAME,SAAST,IAAIU,UAAUH,MAAAA;AAC7BL,cAAUO,QAAQ,yBAAA;;;;;;;;;AAElB,UAAME,uBAAuBN,yBAAyB;MAAEG;IAAM,CAAA;AAE9D,UAAMI,aAAab,YACjB,CAACc,QAAa,EAAEC,QAAO,MAA0C;AAC/D,YAAMC,KAAKF,OAAOE;AAClBb,gBAAU,OAAOa,OAAO,UAAA,QAAA;;;;;;;;;AAExB,YAAMC,eAAeC,OAAOC,KAAKJ,OAAAA,EAASK,OAAO,CAACC,SAASN,QAAQM,IAAAA,CAAiB;AACpF,iBAAWA,QAAQJ,cAAc;AAC/B,cAAMK,QAAQR,OAAOO,IAAAA;AACrBnB,iBAASM,QAAQa,MAAMC,KAAAA;MACzB;IACF,GACA;MAACd;KAAO;AAGV,WACE,sBAAA,cAACe,OAAAA;MAAIC,MAAK;MAAOC,WAAU;OACzB,sBAAA,cAACF,OAAAA;MAAIG,KAAKlB,OAAOQ;MAAIS,WAAU;OAC7B,sBAAA,cAACpB,MAAAA;MAAKsB,UAAAA;MAASjB;MAAgBI,QAAQN;MAAQoB,QAAQf;MAAYgB,mBAAmBjB;;;;;AAI9F;AAEA,IAAA,qBAAeL;",
-  "names": ["React", "useCallback", "Obj", "setValue", "invariant", "getSpace", "Form", "useRefQueryLookupHandler", "RecordMain", "record", "space", "schema", "getSchema", "handleRefQueryLookup", "handleSave", "values", "changed", "id", "changedPaths", "Object", "keys", "filter", "path", "value", "div", "role", "className", "key", "autoSave", "onSave", "onQueryRefOptions"]
-}