@dxos/react-ui-editor 0.4.4-main.b30fc36 → 0.4.4-main.bc94fbd

package/src/hooks/useTextModel.ts

@@ -3,7 +3,7 @@
 //
 
 import get from 'lodash.get';
-import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
+import { type Dispatch, type SetStateAction, useState, useMemo } from 'react';
 
 import { generateName } from '@dxos/display-name';
 import { type AutomergeTextCompat, getRawDoc } from '@dxos/echo-schema';
@@ -23,12 +23,12 @@ export type UseTextModelProps = {
   text?: TextObject;
 };
 
-export const useTextModel = (props: UseTextModelProps): EditorModel | undefined => {
-  const { identity, space, text } = props;
-  const [model, setModel] = useState<EditorModel | undefined>();
-  useEffect(() => setModel(createModel(props)), [identity, space, text]);
-  return model;
-};
+/**
+ * @deprecated
+ */
+// TODO(burdon): Remove once automerge lands.
+export const useTextModel = (props: UseTextModelProps): EditorModel | undefined =>
+  useMemo(() => createModel(props), Object.values(props));
 
 /**
  * For use primarily in stories & tests so the dependence on TextObject can be avoided.

package/src/index.ts

@@ -11,6 +11,12 @@ export { Doc, YText, YXmlFragment } from '@dxos/text-model';
 export * from './components';
 export * from './extensions';
 export * from './hooks';
-export { getToken, editorWithToolbarLayout } from './styles';
+export {
+  getToken,
+  editorWithToolbarLayout,
+  editorFillLayoutEditor,
+  editorFillLayoutRoot,
+  editorHalfViewportOverscrollContent,
+} from './styles';
 export * from './themes';
 export * from './util';

package/src/styles/layout.ts

@@ -3,4 +3,9 @@
 //
 
 export const editorWithToolbarLayout =
-  'fixed inset-0 grid grid-cols-1 grid-rows-[min-content_1fr] justify-center content-start overflow-hidden';
+  'grid grid-cols-1 grid-rows-[min-content_1fr] data-[toolbar=disabled]:grid-rows-[1fr] justify-center content-start overflow-hidden';
+
+export const editorFillLayoutRoot = 'min-bs-full grid';
+export const editorFillLayoutEditor = 'min-bs-full';
+
+export const editorHalfViewportOverscrollContent = 'after:block after:min-bs-[50dvh] after:pointer-events-none';