@archbee/app-widget 1.1.3 → 1.1.5

package/README.md

@@ -94,8 +94,31 @@ const widgetRef = useRef<AbWidgetRef>(null);
 ReactDOM.render(<App />, appElement);
 ```
 
+## Component Props
+
+| Property          | Type             | Required   | Description     |
+|-------------------|------------------|------------|-----------------|
+| `spaceId`         | `string`         | `required` | Pass the desired id to load your docs.
+| `docId`           |    `string`      | `optional` | The doc where you want to open the widget docs. If `docId` is passed, `widgetType` is ignored, it will open in docs mode regardless of prop passed.
+| `jwt`             | `string`         | `optional` | Pass the jwt token in order to see jwt protected docs.
+| `shareableToken`  | `string`         | `optional` | Pass the shareableToken from your private links to protect your docs.
+| `className`       | `string`         | `optional` | Pass CSS classes to the `div` wrapper
+| `widgetType`      | `docs \| search` | `optional` | Default value is `docs``. This opens the widget with the desired behaviour. `docs`` type will open the widget with the default behaviour, `search` will open a search widget bar that shows a search bar with AI support (if included in your subscription)
+| `loadingStrategy` | `eager \| lazy`  | `optional` | Default value is `lazy`. Loading strategy method for widget loading.
+| `onWidgetOpen`    | `void`           | `optional` | Callback that is called after widget opens.
+| `onWidgetClose`   | `void`           | `optional` | Callback that is called after widget closes.
+    
+## Ref Methods
+
 If `ref` is not passed to `ArchbeeAppWidget`, the children will automatically open the modal popup upon click. 
 
+| Property   | Type     | Description     |
+|------------|----------|-----------------|
+| `open`     | `method` | Opens widget programatically.
+| `close`    | `method` | Closes widget programatically.
+| `instance` | `method` | Returns the instance of the widget.
+
+
 ## Demos
 
 Down below is a demo setup in [CodeSandbox](https://codesandbox.io/), which

package/index.js

@@ -30,6 +30,25 @@ const $7d0ac34aa5949d25$export$15a92cf792322942 = {
 };
 
 
+
+
+const $01068657cf84c1f4$export$a966859aef4647ca = ({ className: className, size: size = 24 })=>/*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("svg", {
+        className: className,
+        width: size,
+        height: size,
+        viewBox: "0 0 40 40",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("path", {
+            d: "M25 15L15 25M15 15L25 25",
+            stroke: "currentColor",
+            strokeWidth: "1.66667",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+
+
 const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
     const eventStopPropagation = (event)=>{
         event.preventDefault();
@@ -42,6 +61,13 @@ const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
             onClick: eventStopPropagation,
             className: "ab-doc-loader",
             children: [
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    onClick: onClose,
+                    className: "ab-doc-close",
+                    children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)((0, $01068657cf84c1f4$export$a966859aef4647ca), {
+                        size: 50
+                    })
+                }),
                 /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
                     className: "ab-rounded ab-gray w-1/2 mb-4",
                     style: {
@@ -130,6 +156,7 @@ const $24a1ab1d9e5e268a$export$7428da3cfb78ae6 = ({ onClose: onClose })=>{
 
 
 
+
 const $671c57dd09bd5436$export$e9f7c27668489a52 = ({ onClose: onClose })=>{
     const eventStopPropagation = (event)=>{
         event.preventDefault();
@@ -138,17 +165,26 @@ const $671c57dd09bd5436$export$e9f7c27668489a52 = ({ onClose: onClose })=>{
     return /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
         onClick: onClose,
         className: "ab-doc-search-container",
-        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+        children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsxs)("div", {
             onClick: eventStopPropagation,
             className: "ab-doc-search-placeholder",
-            children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
-                className: "ab-rounded ab-gray",
-                style: {
-                    ...(0, $7d0ac34aa5949d25$export$15a92cf792322942),
-                    height: "3rem",
-                    width: "96%"
-                }
-            })
+            children: [
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    onClick: onClose,
+                    className: "ab-doc-close",
+                    children: /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)((0, $01068657cf84c1f4$export$a966859aef4647ca), {
+                        size: 50
+                    })
+                }),
+                /*#__PURE__*/ (0, $hXgUO$reactjsxruntime.jsx)("div", {
+                    className: "ab-rounded ab-gray",
+                    style: {
+                        ...(0, $7d0ac34aa5949d25$export$15a92cf792322942),
+                        height: "3rem",
+                        width: "96%"
+                    }
+                })
+            ]
         })
     });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@archbee/app-widget",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "private": false,
   "license": "UNLICENSED",
   "author": {
@@ -43,7 +43,7 @@
   },
   "scripts": {
     "clean": "rm -rf dist build",
-    "start": "craco start",
+    "start": "http-server dist/ -p 3002 -c-1",
     "build": "npm run clean && npm run build:widget && npm run build:react",
     "build:widget": "REACT_APP_SDK=true craco build && parcel build src/index.tsx --no-source-maps && mkdir -p build/v1 && cp dist/* build/v1/",
     "build:react": "./react-build.script.sh",