@stackone/react-hub - npm Package Compare versions

Comparing version 1.0.12 to 1.1.0

dist/entities/HubStyles.d.ts

+interface InlineStyles {
+    containerId: string;
+    width?: string;
+    height?: string;
+}
+interface OptionsStyles {
+    back?: boolean;
+    close?: boolean;
+    bgColor?: string;
+}
+export interface HubStyles {
+    inline?: InlineStyles;
+    options?: OptionsStyles;
+}
+export {};
+//# sourceMappingURL=HubStyles.d.ts.map

dist/entities/HubStyles.d.ts.map

+{"version":3,"file":"HubStyles.d.ts","sourceRoot":"","sources":["../../src/entities/HubStyles.ts"],"names":[],"mappings":"AAAA,UAAU,YAAY;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACtB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B"}

dist/entities/StartOptions.d.ts

 import { Account } from './Account';
+import { HubStyles } from './HubStyles';
 export interface StartOptions {
     sessionToken: string;
     apiUrl?: string;
+    styles?: HubStyles;
     onSuccess?: (account: Account) => void;
@@ -6,0 +8,0 @@ onCancel?: () => void;

dist/entities/StartOptions.d.ts.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"StartOptions.d.ts","sourceRoot":"","sources":["../../src/entities/StartOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}
+{"version":3,"file":"StartOptions.d.ts","sourceRoot":"","sources":["../../src/entities/StartOptions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}

package.json

 {
     "name": "@stackone/react-hub",
-    "version": "1.0.12",
+    "version": "1.1.0",
     "main": "dist/index.cjs.js",
@@ -5,0 +5,0 @@ "module": "dist/index.esm.js",

README.md

@@ -46,2 +46,21 @@ # StackOne Hub For React
 
+### Style Options
+You may pass a few style options to customize the Connect flow.
+All of the following are optional.
+```jsx
+// Example of styles object
+const styles = {
+  inline: {
+    containerId: 'my-container-id',
+    height: '500px',
+    width: '300px',
+  },
+  options: {
+    back: false,
+    close: false,
+    bgColor: 'white',
+  },
+};
+```
+
 | Name                    | Type        | Required    | Description         |
@@ -51,2 +70,3 @@ | ----------------------- | ----------- | ----------- | ------------------- |
 | **apiUrl**              | string      | No          | Which API instance should it connect to. It will automatically infer it from your connect session.
+| **styles**              | HubStyles      | No          | Customize the aspect of the Connect flow.
 | **onSuccess(account)**  | function    | No          | Called when an account is successfully linked. The `account` param gives you information about the linked account.
@@ -53,0 +73,0 @@ | **onCancel()**          | function    | No          | Called when the connect flow is closed without an account being linked.

No alert changes

Improved metrics

Total package byte prevSize

15038

9.89%

Number of package files

15

15.38%

Lines of code

60

39.53%

Number of lines in readme file

81

32.79%

No dependency changes