react-dynamic-help - npm Package Compare versions

Comparing version 0.0.8 to 0.0.9

lib/es5/components/HelpFlow.d.ts

 import * as React from "react";
-import * as DynamicHelp from "../DynamicHelp";
+import * as HelpTypes from "../DynamicHelpTypes";
 declare type HelpFlowProps = {
-    id: DynamicHelp.FlowId;
+    id: HelpTypes.FlowId;
+    showInitially: boolean;
     children: React.ReactNode;
@@ -6,0 +7,0 @@ };

lib/es5/components/HelpFlow.js

@@ -12,4 +12,5 @@ "use strict";
 const HelpFlow = (props) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children }));
+    console.log("Help Flow children:", props.children);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
 };
 exports.HelpFlow = HelpFlow;

lib/es5/components/HelpItem.d.ts

 import * as React from "react";
-import * as DynamicHelp from "../DynamicHelp";
+import * as HelpTypes from "../DynamicHelpTypes";
 declare type HelpItemProps = {
-    id: DynamicHelp.ItemId;
+    id: HelpTypes.ItemId;
+    target: HelpTypes.TargetId;
     children: React.ReactNode;
@@ -10,4 +11,5 @@ };
  *
+ * (currently just renders its children: functionality TBD!)
  */
 export declare const HelpItem: (props: HelpItemProps) => JSX.Element;
 export {};

lib/es5/components/HelpItem.js

@@ -8,6 +8,7 @@ "use strict";
  *
+ * (currently just renders its children: functionality TBD!)
  */
 const HelpItem = (props) => {
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children }));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children });
 };
 exports.HelpItem = HelpItem;

lib/es5/DynamicHelp.d.ts

@@ -1,2 +0,3 @@
-export declare type FlowId = string;
-export declare type ItemId = string;
+import * as React from "react";
+export declare const DynamicHelpContext: React.Context<{}>;
+export declare const DynamicHelpProvider: React.Provider<{}>;

lib/es5/DynamicHelp.js

@@ -23,2 +23,30 @@ "use strict";
 */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DynamicHelpProvider = exports.DynamicHelpContext = void 0;
+const React = __importStar(require("react"));
+//import * as data from "data";
+exports.DynamicHelpContext = React.createContext({});
+exports.DynamicHelpProvider = exports.DynamicHelpContext.Provider;

lib/es5/index.d.ts

@@ -1,3 +0,4 @@
-export { default as useDynamicHelpTarget } from "./hooks/useDynamicHelp";
-export * as DynamicHelp from "./DynamicHelp";
+export * from "./DynamicHelpTypes";
+export * from "./hooks/useDynamicHelp";
+export * from "./DynamicHelp";
 export * from "./components";

lib/es5/index.js

@@ -34,25 +34,9 @@ "use strict";
 }));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DynamicHelp = exports.useDynamicHelpTarget = void 0;
-var useDynamicHelp_1 = require("./hooks/useDynamicHelp");
-Object.defineProperty(exports, "useDynamicHelpTarget", { enumerable: true, get: function () { return __importDefault(useDynamicHelp_1).default; } });
-exports.DynamicHelp = __importStar(require("./DynamicHelp"));
+__exportStar(require("./DynamicHelpTypes"), exports);
+__exportStar(require("./hooks/useDynamicHelp"), exports);
+__exportStar(require("./DynamicHelp"), exports);
 __exportStar(require("./components"), exports);

lib/es6/components/HelpFlow.d.ts

 import * as React from "react";
-import * as DynamicHelp from "../DynamicHelp";
+import * as HelpTypes from "../DynamicHelpTypes";
 declare type HelpFlowProps = {
-    id: DynamicHelp.FlowId;
+    id: HelpTypes.FlowId;
+    showInitially: boolean;
     children: React.ReactNode;
@@ -6,0 +7,0 @@ };

lib/es6/components/HelpFlow.js

@@ -9,3 +9,4 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 export const HelpFlow = (props) => {
-    return (_jsx(_Fragment, { children: props.children }));
+    console.log("Help Flow children:", props.children);
+    return _jsx(_Fragment, { children: props.children });
 };

lib/es6/components/HelpItem.d.ts

 import * as React from "react";
-import * as DynamicHelp from "../DynamicHelp";
+import * as HelpTypes from "../DynamicHelpTypes";
 declare type HelpItemProps = {
-    id: DynamicHelp.ItemId;
+    id: HelpTypes.ItemId;
+    target: HelpTypes.TargetId;
     children: React.ReactNode;
@@ -10,4 +11,5 @@ };
  *
+ * (currently just renders its children: functionality TBD!)
  */
 export declare const HelpItem: (props: HelpItemProps) => JSX.Element;
 export {};

lib/es6/components/HelpItem.js

@@ -5,5 +5,6 @@ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
  *
+ * (currently just renders its children: functionality TBD!)
  */
 export const HelpItem = (props) => {
-    return (_jsx(_Fragment, { children: props.children }));
+    return _jsx(_Fragment, { children: props.children });
 };

lib/es6/DynamicHelp.d.ts

@@ -1,2 +0,3 @@
-export declare type FlowId = string;
-export declare type ItemId = string;
+import * as React from "react";
+export declare const DynamicHelpContext: React.Context<{}>;
+export declare const DynamicHelpProvider: React.Provider<{}>;

lib/es6/DynamicHelp.js

@@ -22,2 +22,5 @@ /*
 */
-export {};
+import * as React from "react";
+//import * as data from "data";
+export const DynamicHelpContext = React.createContext({});
+export const DynamicHelpProvider = DynamicHelpContext.Provider;

lib/es6/index.d.ts

@@ -1,3 +0,4 @@
-export { default as useDynamicHelpTarget } from "./hooks/useDynamicHelp";
-export * as DynamicHelp from "./DynamicHelp";
+export * from "./DynamicHelpTypes";
+export * from "./hooks/useDynamicHelp";
+export * from "./DynamicHelp";
 export * from "./components";

lib/es6/index.js

@@ -22,5 +22,5 @@ /*
 */
-export { default as useDynamicHelpTarget } from "./hooks/useDynamicHelp";
-import * as DynamicHelp_1 from "./DynamicHelp";
-export { DynamicHelp_1 as DynamicHelp };
+export * from "./DynamicHelpTypes";
+export * from "./hooks/useDynamicHelp";
+export * from "./DynamicHelp";
 export * from "./components";

package.json

 {
   "name": "react-dynamic-help",
   "description": "React Dynamic Help - Create flows of helpful popups in your React App",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "repository": {
@@ -16,3 +16,7 @@ "type": "git",
   "author": "GreenAsJade",
-  "license": "MIT"
+  "license": "MIT",
+  "dependencies": {
+    "@types/react": "^18.0.15",
+    "react": "^18.2.0"
+  }
 }

README.md

 # react-dynamic-help
 Create flows of helpful prompts in your react application.
 
-V 0.0.8 - skeleton only, concept & packaging tests
+V 0.0.9 - skeleton only, concept & packaging tests
 
 This library was packaged following https://www.youtube.com/watch?v=vRmLTZyq57U
 

No alert changes

Improved metrics

Total package byte prevSize

26690

increased by51.44%

Number of package files

34

increased by30.77%

Lines of code

556

increased by53.59%

Worsened metrics

Dependency count

2

increased byInfinity%

Dependency changes

• + Added@types/react@^18.0.15

• + Addedreact@^18.2.0

• + Added@types/prop-types@15.7.14(transitive)

• + Added@types/react@18.3.18(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedreact@18.3.1(transitive)