kritzel-react 0.3.18 → 0.3.20

package/README.md

@@ -6,7 +6,7 @@ Kritzel is a framework-agnostic infinite canvas and collaborative whiteboard eng
 
 Kritzel handles the hard parts of canvas-based applications — infinite pan and zoom, hit-testing, CRDT-based collaboration, undo and redo, and cross-browser rendering — so you can focus on your product's domain logic.
 
-📖 **Full documentation:** [kritzel.io/docs/react/overview](https://kritzel.io/docs/react/overview)
+**Full documentation:** [kritzel.io/docs/react/overview](https://kritzel.io/docs/react/overview)
 
 ## Installation
 

package/dist/components/stencil-generated/components.js

@@ -13,6 +13,7 @@ import { KritzelInput as KritzelInputElement, defineCustomElement as defineKritz
 import { KritzelLineEndings as KritzelLineEndingsElement, defineCustomElement as defineKritzelLineEndings } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
 import { KritzelLoginDialog as KritzelLoginDialogElement, defineCustomElement as defineKritzelLoginDialog } from "../../../../kritzel-stencil/dist/components/kritzel-login-dialog.js";
 import { KritzelMasterDetail as KritzelMasterDetailElement, defineCustomElement as defineKritzelMasterDetail } from "../../../../kritzel-stencil/dist/components/kritzel-master-detail.js";
+import { KritzelNotificationCard as KritzelNotificationCardElement, defineCustomElement as defineKritzelNotificationCard } from "../../../../kritzel-stencil/dist/components/kritzel-notification-card.js";
 import { KritzelNumericInput as KritzelNumericInputElement, defineCustomElement as defineKritzelNumericInput } from "../../../../kritzel-stencil/dist/components/kritzel-numeric-input.js";
 import { KritzelOpacitySlider as KritzelOpacitySliderElement, defineCustomElement as defineKritzelOpacitySlider } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
 import { KritzelPillTabs as KritzelPillTabsElement, defineCustomElement as defineKritzelPillTabs } from "../../../../kritzel-stencil/dist/components/kritzel-pill-tabs.js";
@@ -104,7 +105,8 @@ export const KritzelEngine = /*@__PURE__*/ createComponent({
         onUndoStateChange: 'undoStateChange',
         onObjectsInViewportChange: 'objectsInViewportChange',
         onViewportChange: 'viewportChange',
-        onAwarenessChange: 'awarenessChange'
+        onAwarenessChange: 'awarenessChange',
+        onNotificationsChange: 'notificationsChange'
     },
     defineCustomElement: defineKritzelEngine
 });
@@ -155,6 +157,17 @@ export const KritzelMasterDetail = /*@__PURE__*/ createComponent({
     events: { onItemSelect: 'itemSelect' },
     defineCustomElement: defineKritzelMasterDetail
 });
+export const KritzelNotificationCard = /*@__PURE__*/ createComponent({
+    tagName: 'kritzel-notification-card',
+    elementClass: KritzelNotificationCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDismiss: 'dismiss',
+        onHoverChange: 'hoverChange'
+    },
+    defineCustomElement: defineKritzelNotificationCard
+});
 export const KritzelNumericInput = /*@__PURE__*/ createComponent({
     tagName: 'kritzel-numeric-input',
     elementClass: KritzelNumericInputElement,

package/dist/types/components/stencil-generated/components.d.ts

@@ -3,7 +3,7 @@
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
  */
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
-import { type ActiveWorkspaceChangeEvent, type EditorIsReadyEvent, type IKritzelDialogCloseEvent, type IKritzelIsPublicChangedEvent, type IKritzelMasterDetailSelectEvent, type KritzelBackToContentCustomEvent, type KritzelBaseObject, type KritzelBaseTool, type KritzelButtonCustomEvent, type KritzelDialogCustomEvent, type KritzelEditorCustomEvent, type KritzelEngineCustomEvent, type KritzelEngineState, type KritzelExportCustomEvent, type KritzelInputCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelLoginDialogCustomEvent, type KritzelMasterDetailCustomEvent, type KritzelNumericInputCustomEvent, type KritzelOpacitySliderCustomEvent, type KritzelPillTabsCustomEvent, type KritzelSettingsConfig, type KritzelSettingsCustomEvent, type KritzelUndoState, type KritzelViewportState, type KritzelWorkspace, type KritzelZoomPanelCustomEvent, type LineArrowConfig, type LocaleCode, type LoginEvent, type ObjectsAddedEvent, type ObjectsInViewportChangeEvent, type ObjectsRemovedEvent, type ObjectsUpdatedEvent, type ThemeName } from "../../../../kritzel-stencil";
+import { type ActiveWorkspaceChangeEvent, type EditorIsReadyEvent, type IKritzelDialogCloseEvent, type IKritzelIsPublicChangedEvent, type IKritzelMasterDetailSelectEvent, type KritzelBackToContentCustomEvent, type KritzelBaseObject, type KritzelBaseTool, type KritzelButtonCustomEvent, type KritzelDialogCustomEvent, type KritzelEditorCustomEvent, type KritzelEngineCustomEvent, type KritzelEngineState, type KritzelExportCustomEvent, type KritzelInputCustomEvent, type KritzelLineEndingsCustomEvent, type KritzelLoginDialogCustomEvent, type KritzelMasterDetailCustomEvent, type KritzelNotification, type KritzelNotificationCardCustomEvent, type KritzelNumericInputCustomEvent, type KritzelOpacitySliderCustomEvent, type KritzelPillTabsCustomEvent, type KritzelSettingsConfig, type KritzelSettingsCustomEvent, type KritzelUndoState, type KritzelViewportState, type KritzelWorkspace, type KritzelZoomPanelCustomEvent, type LineArrowConfig, type LocaleCode, type LoginEvent, type ObjectsAddedEvent, type ObjectsInViewportChangeEvent, type ObjectsRemovedEvent, type ObjectsUpdatedEvent, type ThemeName } from "../../../../kritzel-stencil";
 import type { Components } from "../../../../kritzel-stencil/dist/components";
 import { KritzelAwarenessCursors as KritzelAwarenessCursorsElement } from "../../../../kritzel-stencil/dist/components/kritzel-awareness-cursors.js";
 import { KritzelBackToContent as KritzelBackToContentElement } from "../../../../kritzel-stencil/dist/components/kritzel-back-to-content.js";
@@ -17,6 +17,7 @@ import { KritzelInput as KritzelInputElement } from "../../../../kritzel-stencil
 import { KritzelLineEndings as KritzelLineEndingsElement } from "../../../../kritzel-stencil/dist/components/kritzel-line-endings.js";
 import { KritzelLoginDialog as KritzelLoginDialogElement } from "../../../../kritzel-stencil/dist/components/kritzel-login-dialog.js";
 import { KritzelMasterDetail as KritzelMasterDetailElement } from "../../../../kritzel-stencil/dist/components/kritzel-master-detail.js";
+import { KritzelNotificationCard as KritzelNotificationCardElement } from "../../../../kritzel-stencil/dist/components/kritzel-notification-card.js";
 import { KritzelNumericInput as KritzelNumericInputElement } from "../../../../kritzel-stencil/dist/components/kritzel-numeric-input.js";
 import { KritzelOpacitySlider as KritzelOpacitySliderElement } from "../../../../kritzel-stencil/dist/components/kritzel-opacity-slider.js";
 import { KritzelPillTabs as KritzelPillTabsElement } from "../../../../kritzel-stencil/dist/components/kritzel-pill-tabs.js";
@@ -72,6 +73,7 @@ export type KritzelEngineEvents = {
     onObjectsInViewportChange: EventName<KritzelEngineCustomEvent<ObjectsInViewportChangeEvent>>;
     onViewportChange: EventName<KritzelEngineCustomEvent<KritzelViewportState>>;
     onAwarenessChange: EventName<KritzelEngineCustomEvent<Map<number, Record<string, any>>>>;
+    onNotificationsChange: EventName<KritzelEngineCustomEvent<KritzelNotification>>;
 };
 export declare const KritzelEngine: StencilReactComponent<KritzelEngineElement, KritzelEngineEvents, Components.KritzelEngine>;
 export type KritzelExportEvents = {
@@ -97,6 +99,11 @@ export type KritzelMasterDetailEvents = {
     onItemSelect: EventName<KritzelMasterDetailCustomEvent<IKritzelMasterDetailSelectEvent>>;
 };
 export declare const KritzelMasterDetail: StencilReactComponent<KritzelMasterDetailElement, KritzelMasterDetailEvents, Components.KritzelMasterDetail>;
+export type KritzelNotificationCardEvents = {
+    onDismiss: EventName<KritzelNotificationCardCustomEvent<void>>;
+    onHoverChange: EventName<KritzelNotificationCardCustomEvent<boolean>>;
+};
+export declare const KritzelNotificationCard: StencilReactComponent<KritzelNotificationCardElement, KritzelNotificationCardEvents, Components.KritzelNotificationCard>;
 export type KritzelNumericInputEvents = {
     onValueChange: EventName<KritzelNumericInputCustomEvent<number | undefined>>;
 };

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "kritzel-react",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "homepage": "https://kritzel.io/",
   "description": "Build infinite canvas experiences in minutes.",
+  "keywords": [
+    "infinite canvas",
+    "collaboration",
+    "whiteboard",
+    "drawing",
+    "react"
+  ],
   "license": "PolyForm-Noncommercial-1.0.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -21,7 +28,7 @@
     "@stencil/react-output-target": "^1.2.0"
   },
   "peerDependencies": {
-    "kritzel-stencil": "^0.3.18"
+    "kritzel-stencil": "^0.3.20"
   },
   "repository": {
     "type": "git",