react-dynamic-help - npm Package Compare versions

Comparing version 0.10.0 to 0.11.0

lib/es5/components/HelpController.js

@@ -69,3 +69,3 @@ "use strict";
             cursor: "default",
-        }, onClick: resetHelp }, { children: "\u27F3" })), document.body);
+        }, onClick: resetHelp }, { children: "\u27F3 rdh" })), document.body);
 }
@@ -72,0 +72,0 @@ const _resetState = {

lib/es5/components/HelpItem.js

@@ -171,9 +171,14 @@ "use strict";
             : "rdh-dismiss-margin-right";
-        if (props.state.target && debug) {
+        if (debug) {
             target.style.borderStyle = "solid";
             target.style.borderColor = "#fb99aa";
         }
-        return ReactDOM.createPortal((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "rdh-help-item", id: props.id, style: Object.assign({ position: "absolute", margin: props.margin, flexDirection: layout === "right" ? "row" : "row-reverse" }, itemPosition) }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "rdh-help-item-custom" }, { children: props.children })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: `rdh-help-item-dismiss ${dismissStyle}`, onClick: props.signalDismissed }, { children: "\u2612" }))] })), document.body);
+        return ReactDOM.createPortal((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "rdh-help-item rdh-help-item-custom", id: props.id, style: Object.assign({ position: "absolute", margin: props.margin, flexDirection: layout === "right" ? "row" : "row-reverse" }, itemPosition) }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "rdh-help-item-content" }, { children: props.children })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: `rdh-help-item-dismiss ${dismissStyle}`, onClick: props.signalDismissed }, { children: "\u2612" }))] })), document.body);
     }
     else {
+        // we're not visible
+        if (debug && target) {
+            target.style.borderStyle = "none"; // fix me, should be the old value
+            target.style.borderColor = "#fb99aa";
+        }
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
@@ -180,0 +185,0 @@ }

lib/es6/components/HelpController.js

@@ -43,3 +43,3 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
             cursor: "default",
-        }, onClick: resetHelp }, { children: "\u27F3" })), document.body);
+        }, onClick: resetHelp }, { children: "\u27F3 rdh" })), document.body);
 }
@@ -46,0 +46,0 @@ const _resetState = {

lib/es6/components/HelpItem.js

@@ -145,9 +145,14 @@ var __rest = (this && this.__rest) || function (s, e) {
             : "rdh-dismiss-margin-right";
-        if (props.state.target && debug) {
+        if (debug) {
             target.style.borderStyle = "solid";
             target.style.borderColor = "#fb99aa";
         }
-        return ReactDOM.createPortal(_jsxs("div", Object.assign({ className: "rdh-help-item", id: props.id, style: Object.assign({ position: "absolute", margin: props.margin, flexDirection: layout === "right" ? "row" : "row-reverse" }, itemPosition) }, { children: [_jsx("div", Object.assign({ className: "rdh-help-item-custom" }, { children: props.children })), _jsx("span", Object.assign({ className: `rdh-help-item-dismiss ${dismissStyle}`, onClick: props.signalDismissed }, { children: "\u2612" }))] })), document.body);
+        return ReactDOM.createPortal(_jsxs("div", Object.assign({ className: "rdh-help-item rdh-help-item-custom", id: props.id, style: Object.assign({ position: "absolute", margin: props.margin, flexDirection: layout === "right" ? "row" : "row-reverse" }, itemPosition) }, { children: [_jsx("div", Object.assign({ className: "rdh-help-item-content" }, { children: props.children })), _jsx("span", Object.assign({ className: `rdh-help-item-dismiss ${dismissStyle}`, onClick: props.signalDismissed }, { children: "\u2612" }))] })), document.body);
     }
     else {
+        // we're not visible
+        if (debug && target) {
+            target.style.borderStyle = "none"; // fix me, should be the old value
+            target.style.borderColor = "#fb99aa";
+        }
         return _jsx(_Fragment, {});
@@ -154,0 +159,0 @@ }

package.json

 {
   "name": "react-dynamic-help",
   "description": "React Dynamic Help - Create flows of helpful popups in your React App",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "repository": {
@@ -6,0 +6,0 @@ "type": "git",

README.md

@@ -10,3 +10,3 @@ # react-dynamic-help
 
-V 0.9.0 - Basic implementation of the concept, enough features to actually use.
+V 0.11.0 - Basic implementation of the concept, enough features to actually use.
 
@@ -13,0 +13,0 @@ Demo at https://github.com/GreenAsJade/react-dynamic-help-demo

No alert changes

Improved metrics

Total package byte prevSize

99151

increased by0.42%

Lines of code

2076

increased by0.48%

No dependency changes