@portabletext/toolbar 2.2.25 → 2.2.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/toolbar",
-  "version": "2.2.25",
+  "version": "2.2.27",
   "description": "Utilities for building a toolbar for the Portable Text Editor",
   "keywords": [
     "portabletext",
@@ -37,24 +37,24 @@
   ],
   "dependencies": {
     "@xstate/react": "^6.0.0",
-    "react-compiler-runtime": "19.1.0-rc.3",
+    "react-compiler-runtime": "1.0.0",
     "xstate": "^5.23.0",
     "@portabletext/keyboard-shortcuts": "^1.1.1"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^8.1.14",
     "@types/react": "^19.2.0",
-    "babel-plugin-react-compiler": "19.1.0-rc.3",
-    "eslint": "^9.36.0",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9.38.0",
     "eslint-formatter-gha": "^1.6.0",
-    "eslint-plugin-react-hooks": "6.0.0-rc.2",
+    "eslint-plugin-react-hooks": "7.0.0",
     "react": "^19.2.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "^8.44.1",
-    "@portabletext/editor": "2.14.3"
+    "typescript-eslint": "^8.46.1",
+    "@portabletext/editor": "2.15.0"
   },
   "peerDependencies": {
-    "@portabletext/editor": "^2.14.3",
+    "@portabletext/editor": "^2.15.0",
     "react": "^19.2.0"
   },
   "scripts": {

package/src/disable-listener.ts

@@ -8,6 +8,13 @@ export const disableListener = fromCallback<
   {editor: Editor},
   DisableListenerEvent
 >(({input, sendBack}) => {
+  // Send back the initial state
+  if (input.editor.getSnapshot().context.readOnly) {
+    sendBack({type: 'disable'})
+  } else {
+    sendBack({type: 'enable'})
+  }
+
   return input.editor.on('*', () => {
     if (input.editor.getSnapshot().context.readOnly) {
       sendBack({type: 'disable'})

package/src/use-annotation-button.ts

@@ -12,6 +12,17 @@ const activeListener = fromCallback<
   {editor: Editor; schemaType: ToolbarAnnotationSchemaType},
   {type: 'set active'} | {type: 'set inactive'}
 >(({input, sendBack}) => {
+  // Send back the initial state
+  if (
+    selectors.isActiveAnnotation(input.schemaType.name)(
+      input.editor.getSnapshot(),
+    )
+  ) {
+    sendBack({type: 'set active'})
+  } else {
+    sendBack({type: 'set inactive'})
+  }
+
   return input.editor.on('*', () => {
     const snapshot = input.editor.getSnapshot()
 

package/src/use-decorator-button.ts

@@ -16,6 +16,17 @@ const activeListener = fromCallback<
   {editor: Editor; schemaType: DecoratorSchemaType},
   {type: 'set active'} | {type: 'set inactive'}
 >(({input, sendBack}) => {
+  // Send back the initial state
+  if (
+    selectors.isActiveDecorator(input.schemaType.name)(
+      input.editor.getSnapshot(),
+    )
+  ) {
+    sendBack({type: 'set active'})
+  } else {
+    sendBack({type: 'set inactive'})
+  }
+
   return input.editor.on('*', () => {
     const snapshot = input.editor.getSnapshot()
 

package/src/use-list-button.ts

@@ -10,6 +10,17 @@ const activeListener = fromCallback<
   {editor: Editor; schemaType: ListSchemaType},
   {type: 'set active'} | {type: 'set inactive'}
 >(({input, sendBack}) => {
+  // Send back the initial state
+  if (
+    selectors.isActiveListItem(input.schemaType.name)(
+      input.editor.getSnapshot(),
+    )
+  ) {
+    sendBack({type: 'set active'})
+  } else {
+    sendBack({type: 'set inactive'})
+  }
+
   return input.editor.on('*', () => {
     const snapshot = input.editor.getSnapshot()
 

package/src/use-style-selector.ts

@@ -20,6 +20,10 @@ const activeListener = fromCallback<
   {editor: Editor},
   ActiveStyleListenerEvent
 >(({input, sendBack}) => {
+  // Send back the initial state
+  const activeStyle = selectors.getActiveStyle(input.editor.getSnapshot())
+  sendBack({type: 'set active style', style: activeStyle})
+
   return input.editor.on('*', () => {
     const snapshot = input.editor.getSnapshot()
     const activeStyle = selectors.getActiveStyle(snapshot)