@ai12z/react 0.0.1-alpha.22 → 0.0.1-alpha.26

package/README.md

@@ -7,7 +7,35 @@
 ```
 const reactLibrary = require('react-library');
 
-// TODO: DEMONSTRATE API
+```
+
+We are providing the option named as **dataAttributes** for assigning the JSON object programmatically and sending those object to the API payload for furthur use.
+
+```
+<script>
+  const ele = document.querySelector('ai12z-cta');
+  ele.dataAttributes = {
+    content: {
+      newlist: [
+        {
+          _uid: "BUY6Drn9e1",
+          component: "foo",
+          headline: "Foo"
+        },
+        {
+          _uid: "gJZoSLkfZV",
+          component: "bar",
+          title: "Bar"
+        },
+        {
+          _uid: "X1JAfdsZxy",
+          component: "foo",
+          headline: "Another headline"
+        }
+      ]
+    }
+};
+</script> 
 ```
 # Setup
 
@@ -51,6 +79,8 @@ import { Ai12zCta, Ai12zKnowledgeBox } from '@ai12z/react'
 | noResultsText (Optional) | allows us to customize the no results found text | noResultsText="No results found..." |
 | autoSearch (Optional) | allows us to configure the search option | autoSearch="true" |
 | placeholder (Optional) | allows us to customize the placeholder text | placeholder="Enter the text" |
+| iconSrc (Optional) | allows us to add the icon to the search button along with the text or icon only | icon-src= "https://uxwing.com/wp-content/themes/uxwing/download/user-interface/magnifying-glass-icon.png?w=24&h=24" |
+| categorize (Optional) | allows us to customize the search results based on the category. By default the search results will be catogorized. | categorize = "true" |
 
 - The second control named as **Ai12zKnowledgeBox** allows us to send the query programmmatically through javascript and rendering the query results by clicking on the button.
 

package/dist/components/stencil-generated/index.js

@@ -1,6 +1,7 @@
 import { createReactComponent } from './react-component-lib';
 import { defineCustomElements } from 'ai12z/loader';
 defineCustomElements();
+export const Ai12zCategory = createReactComponent('ai12z-category');
 export const Ai12zChat = createReactComponent('ai12z-chat');
 export const Ai12zCta = createReactComponent('ai12z-cta');
 export const Ai12zInputForm = createReactComponent('ai12z-input-form');

package/dist/components/stencil-generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,oBAAoB,EAAE,CAAC;AACvB,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,iBAAiB,GAAgB,oBAAoB,CAAsD,qBAAqB,CAAC,CAAC;AAC/I,MAAM,CAAC,MAAM,YAAY,GAAgB,oBAAoB,CAA4C,eAAe,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/stencil-generated/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAI7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,oBAAoB,EAAE,CAAC;AACvB,MAAM,CAAC,MAAM,aAAa,GAAgB,oBAAoB,CAA8C,gBAAgB,CAAC,CAAC;AAC9H,MAAM,CAAC,MAAM,SAAS,GAAgB,oBAAoB,CAAsC,YAAY,CAAC,CAAC;AAC9G,MAAM,CAAC,MAAM,QAAQ,GAAgB,oBAAoB,CAAoC,WAAW,CAAC,CAAC;AAC1G,MAAM,CAAC,MAAM,cAAc,GAAgB,oBAAoB,CAAgD,kBAAkB,CAAC,CAAC;AACnI,MAAM,CAAC,MAAM,iBAAiB,GAAgB,oBAAoB,CAAsD,qBAAqB,CAAC,CAAC;AAC/I,MAAM,CAAC,MAAM,YAAY,GAAgB,oBAAoB,CAA4C,eAAe,CAAC,CAAC"}

package/dist/types/components/stencil-generated/index.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import type { JSX } from 'ai12z';
+export declare const Ai12zCategory: import("react").ForwardRefExoticComponent<JSX.Ai12zCategory & Omit<import("react").HTMLAttributes<HTMLAi12zCategoryElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCategoryElement>>;
 export declare const Ai12zChat: import("react").ForwardRefExoticComponent<JSX.Ai12zChat & Omit<import("react").HTMLAttributes<HTMLAi12zChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zChatElement>>;
 export declare const Ai12zCta: import("react").ForwardRefExoticComponent<JSX.Ai12zCta & Omit<import("react").HTMLAttributes<HTMLAi12zCtaElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zCtaElement>>;
 export declare const Ai12zInputForm: import("react").ForwardRefExoticComponent<JSX.Ai12zInputForm & Omit<import("react").HTMLAttributes<HTMLAi12zInputFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLAi12zInputFormElement>>;

package/lib/components/stencil-generated/index.ts

@@ -8,6 +8,7 @@ import type { JSX } from 'ai12z';
 import { defineCustomElements } from 'ai12z/loader';
 
 defineCustomElements();
+export const Ai12zCategory = /*@__PURE__*/createReactComponent<JSX.Ai12zCategory, HTMLAi12zCategoryElement>('ai12z-category');
 export const Ai12zChat = /*@__PURE__*/createReactComponent<JSX.Ai12zChat, HTMLAi12zChatElement>('ai12z-chat');
 export const Ai12zCta = /*@__PURE__*/createReactComponent<JSX.Ai12zCta, HTMLAi12zCtaElement>('ai12z-cta');
 export const Ai12zInputForm = /*@__PURE__*/createReactComponent<JSX.Ai12zInputForm, HTMLAi12zInputFormElement>('ai12z-input-form');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai12z/react",
-  "version": "0.0.1-alpha.22",
+  "version": "0.0.1-alpha.26",
   "description": "ai12z React Library",
   "author": "Alpesh Patel <alpesh@ai12z.com>",
   "homepage": "",
@@ -33,5 +33,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "23f1896288dca8ce09acd69676cefb0c91d1445f"
+  "gitHead": "2e8fd07559060f4907ee8549db3ffdfd54fa2fe5"
 }