@hotosm/ui 0.2.0-a4 → 0.2.0-a6

package/components/Tracking.js

@@ -78,9 +78,15 @@ export class Tracking extends LitElement {
     }
     connectedCallback() {
         super.connectedCallback();
+        // Close automatically if already optout
         if (localStorage.getItem(`${this.siteId}-optout-closed`) === 'true') {
-            // Close automatically if already optout
             this.isOpen = false;
+            return;
+        }
+        // Close automatically if wrong domain
+        if (window.location.hostname !== this.domain) {
+            this.isOpen = false;
+            return;
         }
         // Configure Matomo tracking
         const matomoTrackingId = this.siteId;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hotosm/ui",
-  "version": "0.2.0a4",
+  "version": "0.2.0a6",
   "description": "Shared UI components with theming for use across HOTOSM tools.",
   "type": "module",
   "engines": {

package/react/HotToolbar.d.ts

@@ -0,0 +1,12 @@
+import Toolbar from '../components/Toolbar';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Toolbar, {
+    onHotUndoClick: string;
+    onHotRedoClick: string;
+    onHotBoldClick: string;
+    onHotItalicClick: string;
+    onHotUnderlineClick: string;
+    onHotLeftalignClick: string;
+    onHotCenteralignClick: string;
+    onHotRightalignClick: string;
+}>;
+export default reactWrapper;

package/react/HotToolbar.js

@@ -0,0 +1,21 @@
+// @ts-ignore
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Toolbar from '../components/Toolbar';
+const reactWrapper = createComponent({
+    tagName: 'hot-toolbar',
+    elementClass: Toolbar,
+    react: React,
+    events: {
+        onHotUndoClick: 'hot-undo-click',
+        onHotRedoClick: 'hot-redo-click',
+        onHotBoldClick: 'hot-bold-click',
+        onHotItalicClick: 'hot-italic-click',
+        onHotUnderlineClick: 'hot-underline-click',
+        onHotLeftalignClick: 'hot-leftalign-click',
+        onHotCenteralignClick: 'hot-centeralign-click',
+        onHotRightalignClick: 'hot-rightalign-click',
+    },
+    displayName: 'hot-toolbar'
+});
+export default reactWrapper;

package/react/HotTracking.d.ts

@@ -0,0 +1,6 @@
+import Tracking from '../components/Tracking';
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Tracking, {
+    onHotAgree: string;
+    onHotDisagree: string;
+}>;
+export default reactWrapper;

package/react/HotTracking.js

@@ -0,0 +1,15 @@
+// @ts-ignore
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Tracking from '../components/Tracking';
+const reactWrapper = createComponent({
+    tagName: 'hot-tracking',
+    elementClass: Tracking,
+    react: React,
+    events: {
+        onHotAgree: 'agree',
+        onHotDisagree: 'disagree',
+    },
+    displayName: 'hot-tracking'
+});
+export default reactWrapper;