sccoreui 5.7.7 → 5.7.8

package/dist/components/ag-grid/ParentForGrid.js

@@ -63,6 +63,7 @@ function ParentForGrid(props) {
             const selectedNodes = api === null || api === void 0 ? void 0 : api.getSelectedNodes();
             const selectedData = selectedNodes.map((node) => node.data);
             setCheckedRow(selectedData);
+            console.log(checkedRow, 'checked row');
             console.log(selectedData, "selected from checkbox"); // Send a callback to products
         }
     };
@@ -88,6 +89,6 @@ function ParentForGrid(props) {
             callGrid();
         }
     }, [featureDetails.searchedText]);
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: [(0, jsx_runtime_1.jsx)(advanced_feature_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, columnData: gridData.columnData, checkedRow: checkedRow, props: props, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })));
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ style: { height: style.height, width: style.width } }, { children: [(0, jsx_runtime_1.jsx)(advanced_feature_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, columnData: gridData.columnData, props: props, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(AgGrid_1.default, { style: style, gridOptions: gridOptions, onGridReady: onGridReady })] })));
 }
 exports.default = ParentForGrid;

package/dist/components/ag-grid/advancedFeature/advanced-feature.js

@@ -5,9 +5,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const global_search_1 = tslib_1.__importDefault(require("./global-search"));
 const custom_sort_1 = tslib_1.__importDefault(require("./custom-sort"));
 const record_detail_1 = tslib_1.__importDefault(require("./record-detail"));
-const bulk_actions_1 = tslib_1.__importDefault(require("./bulkActions/bulk-actions"));
 const filter_1 = tslib_1.__importDefault(require("./filter/filter"));
-function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props, callGrid }) {
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(global_search_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (0, jsx_runtime_1.jsx)(filter_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData, callGrid: callGrid })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex " }, { children: [checkedRow.length > 1 && (0, jsx_runtime_1.jsx)(bulk_actions_1.default, { columnData: columnData }), (0, jsx_runtime_1.jsx)(custom_sort_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(record_detail_1.default, { totalLength: (props === null || props === void 0 ? void 0 : props.totalRowLength) || 100 })] }))] })));
+function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, props, callGrid }) {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-between" }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex" }, { children: [(0, jsx_runtime_1.jsx)(global_search_1.default, { featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, searchPlaceHolder: props === null || props === void 0 ? void 0 : props.placeholder }), (0, jsx_runtime_1.jsx)(filter_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callBackForSelect: props === null || props === void 0 ? void 0 : props.myInputData, callGrid: callGrid })] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex " }, { children: [(0, jsx_runtime_1.jsx)(custom_sort_1.default, { columnData: columnData, featureDetails: featureDetails, setFeatureDetails: setFeatureDetails, callGrid: callGrid }), (0, jsx_runtime_1.jsx)(record_detail_1.default, { totalLength: (props === null || props === void 0 ? void 0 : props.totalRowLength) || 100 })] }))] })));
 }
 exports.default = AdvancedFeatures;

package/dist/types/components/ag-grid/advancedFeature/advanced-feature.d.ts

@@ -1,8 +1,7 @@
-declare function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, checkedRow, props, callGrid }: {
+declare function AdvancedFeatures({ featureDetails, setFeatureDetails, columnData, props, callGrid }: {
     featureDetails: any;
     setFeatureDetails: any;
     columnData: any;
-    checkedRow: any;
     props: any;
     callGrid: any;
 }): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "5.7.7",
+  "version": "5.7.8",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/components/ag-grid/RowDetailsRenderer.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const RowDetailsRenderer = ({ node }) => {
-    const data = node === null || node === void 0 ? void 0 : node.data;
-    console.log(data, node, 'details from node');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { children: [data.gold, " "] }) }));
-};
-exports.default = RowDetailsRenderer;

package/dist/components/ag-grid/StatusDropdown.js

@@ -1,24 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const primereact_1 = require("primereact");
-const react_1 = require("react");
-function StatusDropdown({ value, statusChanged }) {
-    let options;
-    if (value === 1) {
-        options = [
-            { id: 1, name: "Draft", value: 1 },
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    else {
-        options = [
-            { id: 2, name: "Active", value: 2 },
-            { id: 3, name: "Inactive", value: 3 },
-        ];
-    }
-    const selectedOption = (0, react_1.useMemo)(() => options.find((option) => option.value === value), [value]);
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(primereact_1.Dropdown, { value: selectedOption.value, options: options, onChange: (e) => { statusChanged(e.target.value), console.log(e, 'value selected'); }, optionLabel: "name", placeholder: "Select a Status" })] }));
-}
-exports.default = StatusDropdown;

package/dist/components/ag-grid/advancedFeature/bulk-actions.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const svg_component_1 = tslib_1.__importDefault(require("../../../directives/svg-component"));
-const overlaypanel_1 = require("primereact/overlaypanel");
-const react_1 = require("react");
-function BulkActions({ columnData }) {
-    var _a;
-    const [activeOption, setActiveOption] = (0, react_1.useState)({});
-    const [bulkOptions, setBulkOptions] = (0, react_1.useState)([]);
-    const actionRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        getColumnsToEdit();
-    }, []);
-    const getColumnsToEdit = () => {
-        const columns = [];
-        columnData.filter((col) => {
-            if (col.editable) {
-                columns.push(col);
-            }
-        });
-        setBulkOptions(columns);
-    };
-    console.log(columnData, 'column data in bulk action');
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'cursor-pointer p-1 sc_icon_hover', onClick: (e) => actionRef.current.toggle(e) }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "settings-01", size: 20 }) })), (0, jsx_runtime_1.jsx)(overlaypanel_1.OverlayPanel, Object.assign({ ref: actionRef, className: "w-30rem pb-5" }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative pb-5 mb-5" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: "flex align-items-center justify-content-between p-4 border-bottom-1 border-gray-200" }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-lg font-semibold line-height-4  text-gray-900" }, { children: "Bulk Actions " })) })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex border-bottom-1 border-gray-200" }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: " border-right-1 px-1 py-4 border-gray-200" }, { children: bulkOptions.map((option, index) => {
-                                        {
-                                            console.log(option, 'option data in map');
-                                        }
-                                        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `text-lg px-3 border-round-lg cursor-pointer font-medium line-height-4 text-gray-600 ${(activeOption === null || activeOption === void 0 ? void 0 : activeOption.field) === (option === null || option === void 0 ? void 0 : option.field) ? "bg-primary-50" : ""}`, onClick: () => setActiveOption(option) }, { children: option.headerName }), index));
-                                    }) })), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "p-4 w-full" }, { children: (_a = bulkOptions.find((optons) => optons.id === activeOption.id)) === null || _a === void 0 ? void 0 : _a.content }))] }))] })) }))] }));
-}
-exports.default = BulkActions;

package/dist/components/ag-grid/advancedFeature/filter.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function filter() {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "filter" }));
-}
-exports.default = filter;

package/dist/pages/aggrid/AgGrid.js

@@ -1,174 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ParentForGrid_1 = tslib_1.__importDefault(require("../../components/ag-grid/ParentForGrid"));
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const AgGridPage = () => {
-    // type IOlympicData = {
-    //   id: String;
-    //   athlete: string;
-    //   age: number;
-    //   country: string;
-    //   year: number;
-    //   date: string;
-    //   sport: string;
-    //   gold: number;
-    //   silver: number;
-    //   bronze: number;
-    //   total: number;
-    //   color: string;
-    //   status: number
-    // };
-    // const rowDataStore = [
-    //   {
-    //     id: "101",
-    //     athlete: "Michael Phelps",
-    //     age: 19,
-    //     country: "United States",
-    //     year: 2004,
-    //     date: "29/08/2004",
-    //     sport: "Swimming",
-    //     gold: 6,
-    //     silver: 0,
-    //     bronze: 2,
-    //     total: 8,
-    //     status: 1,
-    //     color: "blue"
-    //   },
-    //   {
-    //     id: "102",
-    //     athlete: "Gulnara Samitova-Galkina",
-    //     age: 30,
-    //     country: "Russia",
-    //     year: 2008,
-    //     date: "24/08/2008",
-    //     sport: "Athletics",
-    //     gold: 1,
-    //     silver: 0,
-    //     bronze: 0,
-    //     total: 1,
-    //     status: 3,
-    //     color: "black"
-    //   },
-    //   {
-    //     id: "103",
-    //     athlete: "Nitesh",
-    //     age: 25,
-    //     country: "India",
-    //     year: 1999,
-    //     date: "14/03/2008",
-    //     sport: "Volleyball",
-    //     gold: 1,
-    //     silver: 0,
-    //     bronze: 2,
-    //     total: 2,
-    //     status: 2,
-    //     color: "orange"
-    //   }
-    // ];
-    // const onStatusChanged =(status,rowId)=>{
-    //   console.log("updated status in callback in page",status,rowId)
-    // }
-    // interface columnDropDown {
-    //   name:string,
-    //   value:string | number
-    // }
-    // interface colDef {
-    //   headerCheckboxSelection?: boolean,
-    //   checkboxSelection?: boolean,
-    //   field: string,
-    //   headerName:string,
-    //   minWidth?: number,
-    //   maxWidth?: number,
-    //   code?: string | number,
-    //   filter?:boolean,
-    //   isSortable:boolean,
-    //   editable:boolean,
-    //   dataType:string,
-    //   columnDorpDownOptions?: columnDropDown[]
-    // }
-    // const [rowData,setRowData] = useState<IOlympicData[]>([]);
-    // const [columnDefs]  = useState<colDef[]>([
-    //   {
-    //     headerCheckboxSelection: true,
-    //     checkboxSelection: true,
-    //     field: "athlete",
-    //     headerName:"Sports Person",
-    //     minWidth: 200,
-    //     filter:false,
-    //     isSortable:false,
-    //     editable:true,
-    //     dataType:"string"
-    //   },
-    //   { field: "age", maxWidth: 90,isSortable:true,headerName:"age" ,code:1,dataType:"integer",editable:true,},
-    //   { field: "country", minWidth: 150 ,isSortable:true, headerName:"country",code:2, dataType:"string",editable:false,},
-    //   { field: "year", maxWidth: 90 ,isSortable:true, headerName:"year",code:3, dataType:"integer",editable:true,},
-    //   { field: "date", minWidth: 150 ,isSortable:true, headerName:"date",code:4, dataType:"date",editable:true,},
-    //   { field: "sport", minWidth: 150 ,isSortable:true, headerName:"sport",code:3, dataType:"string",editable:true,},
-    //   { field: "gold" ,isSortable:true, headerName:"gold",code:2, dataType:"integer",editable:false},
-    //   { field: "silver" ,isSortable:true, headerName:"silver",code:4 , dataType:"integer",editable:false},
-    //   { field: "bronze" ,isSortable:true, headerName:"bronze",code:3 , dataType:"integer",editable:false},
-    //   { field: "total",isSortable:false,  headerName:"total",code:1 , dataType:"integer",editable:false},
-    //   { field: "color" ,isSortable:false, headerName:"color",code:1, dataType:"string",editable:false},
-    // const [rowData, setRowData] = useState<IOlympicData[]>([]);
-    const [columnDefs] = (0, react_1.useState)([
-        { headerName: "ID", field: "id" },
-        { headerName: "Title", field: "name" },
-        { headerName: "Body", field: "body" }
-        // {
-        //   field: "status",
-        //   minWidth:200,
-        //   cellRenderer: "statusCellRenderer",
-        //   cellRendererParams:{onStatusChanged:onStatusChanged},
-        //   cellRendererSelector:(params)=>{getSelectedDropDown(params)},
-        //   editable:false
-        // },
-    ]);
-    // const [columnDefs] = useState([
-    //   {
-    //     headerCheckboxSelection: true,
-    //     checkboxSelection: true,
-    //     field: "athlete",
-    //     headerName:"Sports Person",
-    //     minWidth: 200,
-    //     filter:false,
-    //     isSortable:false,
-    //     editable:true,
-    //     dataType:"string"
-    //   },
-    //   { field: "age", maxWidth: 90,isSortable:true,headerName:"age" ,code:1,dataType:"integer",editable:true,},
-    //   { field: "country", minWidth: 150 ,isSortable:true, headerName:"country",code:2, dataType:"string",editable:false,},
-    //   { field: "year", maxWidth: 90 ,isSortable:true, headerName:"year",code:3, dataType:"integer",editable:true,},
-    //   { field: "date", minWidth: 150 ,isSortable:true, headerName:"date",code:4, dataType:"date",editable:true,},
-    //   { field: "sport", minWidth: 150 ,isSortable:true, headerName:"sport",code:3, dataType:"string",editable:true,},
-    //   { field: "gold" ,isSortable:true, headerName:"gold",code:2, dataType:"integer",editable:false},
-    //   { field: "silver" ,isSortable:true, headerName:"silver",code:4 , dataType:"integer",editable:false},
-    //   { field: "bronze" ,isSortable:true, headerName:"bronze",code:3 , dataType:"integer",editable:false},
-    //   { field: "total",isSortable:false,  headerName:"total",code:1 , dataType:"integer",editable:false},
-    //   { field: "color" ,isSortable:false, headerName:"color",code:1, dataType:"string",editable:false},
-    // ]);
-    const getRowData = (startRow, endRow) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(startRow, endRow, 'row config');
-        // const result = (
-        //   await axios.get(
-        //     "https://www.ag-grid.com/example-assets/olympic-winners.json"
-        //   )
-        // ).data;
-        // setRowData(rowDataStore);
-        const result = yield axios_1.default.get(`https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`);
-        console.log(result.data, 'result from api');
-        // console.log(result,startRow, endRow, 'calling funct in product')
-        return [];
-    });
-    // useEffect(() => {
-    //   getRowData();
-    // }, []);
-    const style = {
-        height: 700,
-        width: 1020
-    };
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ParentForGrid_1.default, { columnData: columnDefs, style: style, getRowData: getRowData }) }));
-};
-exports.default = AgGridPage;

package/dist/pages/avatar/avatar.js

@@ -1,338 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-// import { Button } from "primereact/button";
-// import avatar from "../../assets/images/avatar.png";
-// import SvgComponent from "../../directives/svg-component";
-// import "./avatar.scss";
-// import { Avatar } from "primereact/avatar";
-// import { AvatarGroup } from "primereact/avatargroup";
-// import profileimage from "../../assets/images/profile-square-image.png";
-// // import FormComponent from "../../components/form/form";
-// import FormFields from "../../components/form/form-fields/form-fields";
-// import { object, number } from "yup";
-// import TextEditor from "../../components/froala-editor/FroalaEditor";
-// import { useState } from "react";
-// const AvatarComponent = () => {
-//   const [text, setText] = useState<string>("");
-//   // const initVals = {
-//   //   title: 0,
-//   // }
-//   const onChangeText = (e: any) => {
-//     setText(e);
-//     debugger
-//   }
-//   // const FormVals = (props: any) => {
-//   //   const { errors, touched, isValid, values, setFieldValue } = props;
-//   //   const triggerSubmit = (e: any) => {
-//   //     console.log(e)
-//   //     debugger
-//   //     console.log(values);
-//   //     // submitForm()
-//   //     // resetForm()
-//   //   }
-//   //   return (
-//   //     <div className="p-5">
-//   //       <Button className={`p-button-xs ${isValid && Object.keys(touched).length === Object.keys(initVals).length ? '' : 'p-disabled'}`} type="submit" label="Create" onClick={(e: any) => triggerSubmit(e)} />
-//   //       <FormFields.InputNumberField  min={0} name={'title'} label={'Title'} setFieldValue={setFieldValue} length={'full'} placeholder={'Enter the plan title'} touched={touched} errors={errors} />
-//   //     </div>
-//   //   )
-//   // }
-//   // const validtionSchema = object().shape({
-//   //   title: number().min(1,'error').max(24, 'err max').test("custom","invalid",(value: any) => {
-//   //     if (value === "") {
-//   //       return false
-//   //     } else {
-//   //       return true;
-//   //     }
-//   //   })
-//   // })
-//   const config = {
-//     placeholder: 'Enter text',
-//     charCounterCount: true,
-//   }
-//   return (
-//     <>
-//       <h2 className="flex bg-gray-200 p-3 justify-content-center mb-4">Tags</h2>
-//       <div className="grid">
-//         {/* <FormComponent values={initVals} validations={validtionSchema}>
-//             {
-//               ({errors, touched, isValid, values, actions,resetForm, submitForm, setFieldValue}: any) => (
-//                   <FormVals errors={errors} touched={touched} isValid={isValid} values={values} actions={actions} resetForm={resetForm} submitForm={submitForm} setFieldValue={setFieldValue} />
-//               )
-//           }
-//         </FormComponent> */}
-//         <TextEditor config={config} model={text} onModelChange={onChangeText} />
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex align-items-center my-8 gap-3">
-//           <img
-//             src={avatar}
-//             className=" border-circle w-4rem h-4rem p-avatar-focus"
-//           />
-//           <div className="w-4rem h-4rem border-circle flex align-items-center justify-content-center relative ">
-//             <img
-//               src={avatar}
-//               className=" border-circle w-4rem h-4rem p-avatar-focus"
-//             />
-//             <span
-//               className="bg-green-500 w-1rem h-1rem border-circle absolute border-1 border-white"
-//               style={{
-//                 position: "absolute",
-//                 right: "0",
-//                 bottom: "0",
-//               }}
-//             ></span>
-//           </div>
-//           <div className="w-4rem h-4rem border-circle flex align-items-center justify-content-center relative ">
-//             <img
-//               src={avatar}
-//               className=" border-circle w-4rem h-4rem p-avatar-focus"
-//             />
-//             <span
-//               className=" absolute "
-//               style={{
-//                 right: "-2px",
-//                 bottom: "-2px",
-//               }}
-//             >
-//               <SvgComponent icon="avatar-company-logo-2xl" />
-//             </span>
-//           </div>
-//           <div className="w-4rem h-4rem border-circle flex align-items-center justify-content-center relative ">
-//             <img
-//               src={avatar}
-//               className=" border-circle w-4rem h-4rem p-avatar-focus"
-//             />
-//             <span
-//               className=" absolute "
-//               style={{
-//                 right: "-2px",
-//                 bottom: "-2px",
-//               }}
-//             >
-//               <SvgComponent icon="verified-tick-2xl" />
-//             </span>
-//           </div>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex align-items-center my-8 gap-3">
-//           <span className="w-4rem h-4rem border-circle bg-gray-100 flex align-items-center relative justify-content-center border-3 border-transparent hover:border-gray-200">
-//             <SvgComponent icon="avatar-user-2xl" />
-//           </span>
-//           <span className="w-4rem h-4rem border-circle bg-gray-100 flex align-items-center relative justify-content-center border-3 border-transparent hover:border-gray-200">
-//             <SvgComponent icon="avatar-user-2xl" />
-//             <span
-//               className="bg-green-500 w-1rem h-1rem border-circle  border-1 border-white"
-//               style={{
-//                 position: "absolute",
-//                 right: "0px",
-//                 bottom: "0px",
-//               }}
-//             ></span>
-//           </span>
-//           <span className="w-4rem h-4rem border-circle  bg-gray-100 text-2xl flex align-items-center text-gray-600 font-medium  justify-content-center border-3 border-transparent hover:border-gray-200">
-//             OR
-//           </span>
-//           <span
-//             className="w-4rem h-4rem border-circle relative bg-gray-100 text-2xl flex align-items-center text-gray-600 font-medium relative justify-content-center border-3 border-transparent hover:border-gray-200"
-//             style={{ fontSize: "18px" }}
-//           >
-//             OR
-//             <span
-//               className="bg-green-500 w-1rem h-1rem border-circle absolute border-1 border-white"
-//               style={{
-//                 position: "absolute",
-//                 right: "0px",
-//                 bottom: "0px",
-//               }}
-//             ></span>
-//           </span>
-//           <span className="w-4rem h-4rem border-circle relative bg-gray-100 text-xl flex align-items-center text-gray-600 font-medium relative justify-content-center border-3 border-transparent hover:border-gray-200">
-//             OR
-//             <span
-//               className="absolute "
-//               style={{
-//                 position: "absolute",
-//                 right: "-2px",
-//                 bottom: "-2px",
-//               }}
-//             >
-//               <SvgComponent icon="avatar-company-logo-xl" />
-//             </span>
-//           </span>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex align-items-center my-8 gap-3">
-//           <Button
-//             rounded
-//             tooltipOptions={{ position: "top" }}
-//             tooltip="Add user"
-//             className="w-3rem h-3rem border-gray-300 border-1 bg-white avatar-button p-dark-tooltip border-dashed p-0 flex align-items-center justify-content-center"
-//           >
-//             <SvgComponent icon="avatar-button-plus" />
-//           </Button>
-//           <Button
-//             disabled
-//             rounded
-//             tooltipOptions={{ position: "top" }}
-//             tooltip="Add user"
-//             className="border-gray-300 border-1 avatar-button bg-white p-dark-tooltip border-dashed w-3rem h-3rem flex align-items-center justify-content-center"
-//           >
-//             <SvgComponent icon="avatar-button-plus" />
-//           </Button>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex align-items-center my-8 gap-3 my-8">
-//           <div className="flex align-items-center">
-//             <AvatarGroup>
-//               {/* you can define the size of the avatar using size property with "noraml, large, xlarge" values */}
-//               <Avatar image={avatar} shape="circle" size="large" />
-//               <Avatar image={avatar} shape="circle" size="large" />
-//               <Avatar image={avatar} shape="circle" size="large" />
-//               <Avatar image={avatar} shape="circle" size="large" />
-//               <Avatar image={avatar} shape="circle" size="large" />
-//               <Avatar
-//                 label="+2"
-//                 shape="circle"
-//                 size="large"
-//                 className="bg-gray-100 text-gray-600 text-base font-medium"
-//               />
-//             </AvatarGroup>
-//             <Button
-//               rounded
-//               tooltipOptions={{ position: "top" }}
-//               tooltip="Add user"
-//               className="border-gray-300 p-0 border-1 ml-1 bg-white avatar-button  p-dark-tooltip border-dashed h-2rem w-2rem flex align-items-center justify-content-center"
-//             >
-//               <SvgComponent icon="avatar-button-plus" />
-//             </Button>
-//           </div>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex flex-wrap align-items-center my-8 gap-3 my-8">
-//           <div className="flex align-items-center gap-3">
-//             <img
-//               src={avatar}
-//               className=" border-circle w-2rem h-2rem p-avatar-focus"
-//             />
-//             <div className="flex flex-column">
-//               <span className="text-base font-semibold line-height-2">
-//                 Olivia Rhye
-//               </span>
-//               <span className="text-sm font-normal line-height-2">
-//                 olivia@untitledui.com
-//               </span>
-//             </div>
-//           </div>
-//           <div className="flex align-items-center gap-3">
-//             <div className="w-2rem h-2rem border-circle flex align-items-center justify-content-center relative ">
-//               <img
-//                 src={avatar}
-//                 className=" border-circle w-2rem h-2rem p-avatar-focus"
-//               />
-//               <span
-//                 className="bg-green-500 green-online-indicator-sm border-circle absolute border-1 border-white"
-//                 style={{
-//                   position: "absolute",
-//                   right: "0",
-//                   bottom: "0",
-//                 }}
-//               ></span>
-//             </div>
-//             <div className="flex flex-column">
-//               <span className="text-base font-semibold line-height-2">
-//                 Olivia Rhye
-//               </span>
-//               <span className="text-sm font-normal line-height-2">
-//                 olivia@untitledui.com
-//               </span>
-//             </div>
-//           </div>
-//           <div className="flex align-items-center gap-3">
-//             <div className="w-3rem h-3rem border-circle flex align-items-center justify-content-center relative ">
-//               <img
-//                 src={avatar}
-//                 className=" border-circle w-3rem h-3rem p-avatar-focus"
-//               />
-//               <span
-//                 className=" absolute "
-//                 style={{
-//                   right: "-2px",
-//                   bottom: "-2px",
-//                 }}
-//               >
-//                 <SvgComponent icon="avatar-company-logo-lg" />
-//               </span>
-//             </div>
-//             <div className="flex flex-column">
-//               <span className="text-lg font-semibold line-height-3">
-//                 Olivia Rhye
-//               </span>
-//               <span className="text-lg font-normal line-height-3">
-//                 olivia@untitledui.com
-//               </span>
-//             </div>
-//           </div>
-//           <div className="flex align-items-center gap-3">
-//             <div className="w-4rem h-4rem border-circle flex align-items-center justify-content-center relative ">
-//               <img
-//                 src={avatar}
-//                 className=" border-circle w-4rem h-4rem p-avatar-focus"
-//               />
-//               <span
-//                 className=" absolute "
-//                 style={{
-//                   right: "-2px",
-//                   bottom: "-2px",
-//                 }}
-//               >
-//                 <SvgComponent icon="verified-tick-xl" />
-//               </span>
-//             </div>
-//             <div className="flex flex-column">
-//               <span className="text-lg font-semibold line-height-3">
-//                 Olivia Rhye
-//               </span>
-//               <span className="text-lg font-normal line-height-3">
-//                 olivia@untitledui.com
-//               </span>
-//             </div>
-//           </div>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex flex-wrap align-items-center my-8 gap-3 my-8">
-//           <div className="w-6rem h-6rem border-circle flex align-items-center justify-content-center relative ">
-//             <img
-//               src={avatar}
-//               className=" border-circle border-3 border-white w-6rem h-6rem shadow-4"
-//             />
-//             <span
-//               className=" absolute "
-//               style={{
-//                 right: "2px",
-//                 bottom: "2px",
-//               }}
-//             >
-//               <SvgComponent icon="verified-tick-3xl" />
-//             </span>
-//           </div>
-//         </div>
-//         <div className="col-12 md:col-4 lg:col-3 px-7 flex flex-wrap align-items-center my-8 gap-3 my-8">
-//           <div className="w-10rem flex flex-column align-items-start">
-//             <img src={profileimage} alt="profile" className="h-10rem " />
-//             <span className="text-lg text-gray-900 line-height-3 pt-2">
-//               Olivia Rhye
-//             </span>
-//             <span className="flex align-items-center gap-2 line-height-3 ">
-//               <a href="www.google.com">
-//                 <SvgComponent icon="link-01" />
-//               </a>
-//               <a href="www.google.com" className="text-gray-500 font-normal">
-//                 Source
-//               </a>
-//             </span>
-//           </div>
-//         </div>
-//       </div>
-//     </>
-//   );
-// };
-// export default AvatarComponent;
-const avatar = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: "avatar" }));
-};
-exports.default = avatar;