@omniumretail/component-library 1.0.26 → 1.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/component-library",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "private": false,
   "main": "dist/bundle.js",
   "typings": "./dist/types/index",

package/src/components/Category/Category.stories.tsx

@@ -1,4 +1,5 @@
 import { Meta, Story } from "@storybook/react";
+import { useEffect, useState } from "react";
 import { Category } from '.';
 
 export default {
@@ -6,7 +7,14 @@ export default {
     component: Category,
 } as Meta;
 
-const Template: Story<any> = (args) => <Category {...args}></Category>;
+const Template: Story<any> = (args) => {
+    const [serverData, setServerData] = useState<any>();
+
+    useEffect(() => {
+        console.log('adsyajdha', serverData);
+    }, [serverData])
+return <Category {...args} data={[]} serverReadyData={setServerData}></Category>
+};
 
 export const Primary = Template.bind({});
 Primary.args = {

package/src/components/Category/CategorySidebar/index.tsx

@@ -27,6 +27,7 @@ export interface DataNode {
 interface SidebarProps {
     categoryContentData: any;
     categorySidebarInfo: any;
+    categoryContentFinalData: any;
     data: DataNode[];
 }
 
@@ -59,6 +60,7 @@ function addPropertyByIndex(data: DataNode[], index: string | number, property:
 export const CategorySidebar = (props: SidebarProps) => {
     const {
         categoryContentData,
+        categoryContentFinalData,
         data
     } = props;
 
@@ -204,7 +206,6 @@ export const CategorySidebar = (props: SidebarProps) => {
         const newGData = addPropertyByIndex(gData, sidebarInfo && sidebarInfo[0], "data", categoryContentData);
 
         const updatedGData = newGData.map((category: any, index) => {
-            console.log(category?.data);
             if(category?.data) {
                 return {...category, title: `${category.data.categoryName} ${category.data.questions ? '(Q: ' + category.data.questions.length + ')' : ''} ${category.data.grade ? '(G: ' +category.data.grade + ')' : ''}`}
             }
@@ -220,7 +221,7 @@ export const CategorySidebar = (props: SidebarProps) => {
             data: get_element_by_index(gData, sidebarInfo && sidebarInfo[0])
         });
 
-        console.log(gData);
+        props.categoryContentFinalData(gData);
     }, [gData]);
 
     return (

package/src/components/Category/index.tsx

@@ -5,6 +5,7 @@ import { CategoryContent } from './CategoryContent';
 
 interface Category {
     data: DataNode;
+    serverReadyData: any;
 }
 
 const fakeData: any = {
@@ -37,9 +38,11 @@ export const Category = (props: Category) => {
     const [categoryContentInfo, setCategoryContentInfo] = useState<any>();
     const [categorySidebarInfo, setCategorySidebarInfo] = useState<any>();
     const [showContent, setShowContent] = useState<boolean>(false);
+    const [finalData, setFinalData] = useState<any>();
 
     useEffect(() => {
-    }, [categoryContentInfo]);
+        props.serverReadyData(finalData)
+    }, [finalData]);
 
     useEffect(() => {
         setShowContent(categorySidebarInfo?.selectKey?.length > 0);
@@ -48,7 +51,7 @@ export const Category = (props: Category) => {
     return (
         <div className={styles.category}>
             <div className={styles.sidebarWrapper}>
-                <CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} />
+                <CategorySidebar categorySidebarInfo={setCategorySidebarInfo} categoryContentData={categoryContentInfo} data={data} categoryContentFinalData={setFinalData}/>
             </div>
             <div className={styles.contentWrapper}>
                 <CategoryContent categoryContentInfo={setCategoryContentInfo} categoryContentShow={showContent} categorySidebarData={categorySidebarInfo} />