sccoreui 5.9.65 → 5.9.66

package/dist/App.js

@@ -1,11 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 // import Home from './pages/home';
 require("./App.scss");
-const home_1 = tslib_1.__importDefault(require("./pages/home"));
+// import Home from "./pages/home";
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }) }));
+    return ((0, jsx_runtime_1.jsx)("div", {}));
 };
 exports.default = App;

package/package.json

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

package/dist/pages/aggrid/AgGrid.js

@@ -1,257 +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 parent_for_grid_1 = tslib_1.__importDefault(require("../../components/ag-grid/parent-for-grid"));
-const axios_1 = tslib_1.__importDefault(require("axios"));
-const Types_1 = require("../../components/ag-grid/Types");
-// import IdCell from "./id-cell";
-const constants_1 = require("../../components/ag-grid/constants");
-// import { Dropdown } from "primereact/dropdown";
-const custom_dropdown_1 = tslib_1.__importDefault(require("../../components/ag-grid/custom-dropdown"));
-const BulkAction_1 = tslib_1.__importDefault(require("./BulkAction"));
-// import { ATTRIBUTEDATATYPES } from "../../components/ag-grid/constants";
-const AgGridPage = () => {
-    const [rowData, setRowData] = (0, react_1.useState)([]);
-    const [shouldRefetch, setShouldRefetch] = (0, react_1.useState)(false);
-    const [defaultFilters, setDefaultFilters] = (0, react_1.useState)([]);
-    const deleteComponent = () => {
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("button", Object.assign({ className: "bg-white", onClick: () => setShouldRefetch(true) }, { children: "Delete" })) });
-    };
-    const noRowsOverlayComponent = () => {
-        return (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("p", { children: "No Rows, message from products" }) });
-    };
-    const [columnDefs] = (0, react_1.useState)([
-        {
-            pinned: "left",
-            lockPosition: "left",
-            cellClass: "lock-pinned",
-            suppressMovable: true,
-            enableHeaderCheckbox: true,
-            enableChildCheckbox: true,
-            id: "101",
-            headerName: "ID",
-            field: "id",
-            isSortable: false,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: true,
-            isFilterable: false,
-            cellStyle: { borderRight: "1px solid #ccc" },
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: custom_dropdown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    return undefined;
-                }
-            },
-        },
-        {
-            lockPinned: true,
-            id: "102",
-            headerName: "Title",
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: custom_dropdown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    return undefined;
-                }
-            },
-            field: "name",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            isFilterable: false,
-        },
-        {
-            lockPinned: true,
-            id: "103",
-            headerName: "Body",
-            field: "body",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            isFilterable: true,
-        },
-        {
-            lockPinned: true,
-            id: "103",
-            headerName: "Status",
-            field: "status",
-            isSortable: true,
-            columnType: "single",
-            options: [
-                { id: constants_1.STATUSLIST.DRAFT, label: "Draft", value: constants_1.STATUSLIST.DRAFT },
-                { id: constants_1.STATUSLIST.ACTIVE, label: "Active", value: constants_1.STATUSLIST.ACTIVE },
-                {
-                    id: constants_1.STATUSLIST.INACTIVE,
-                    label: "Inactive",
-                    value: constants_1.STATUSLIST.INACTIVE,
-                },
-            ],
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.BOOLEAN,
-            editable: false,
-            isFilterable: true,
-        },
-        {
-            pinned: "right",
-            lockPosition: "rigth",
-            cellClass: "lock-pinned",
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return () => null;
-                }
-                else {
-                    return { component: deleteComponent };
-                }
-            },
-        },
-    ]);
-    // const [selectedCity, setSelectedCity] = useState(null);
-    const pinnedTopRowData = (0, react_1.useMemo)(() => {
-        return [
-            { id: "1",
-                name: "nitesh",
-                body: "working out"
-            }
-        ];
-    }, []);
-    // Remove items from - button
-    const removeItem = (checkboxSelectionDetails) => {
-        const unSelectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.excludedRecords;
-        const selectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.includedRecords;
-        const isIternminite = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.isIndeterminate;
-        console.log(checkboxSelectionDetails, 'coming in remove item products');
-        let updatedRowData = [];
-        if (isIternminite) {
-            updatedRowData = unSelectedData;
-        }
-        else if ((selectedData === null || selectedData === void 0 ? void 0 : selectedData.length) && !(isIternminite)) {
-            const childIds = new Set(selectedData === null || selectedData === void 0 ? void 0 : selectedData.map(child => child.id));
-            updatedRowData = rowData.filter(parent => !childIds.has(parent.id));
-        }
-        console.log(updatedRowData, 'result data from remove items in products');
-        return updatedRowData;
-    };
-    const getCheckedRows = (checkedRows) => {
-        console.log(checkedRows, 'checked rows in products');
-    };
-    const getRowData = (startRow, endRow, featureDetails) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        console.log(featureDetails, 'feature details in page for filter queries');
-        const features = featureDetails;
-        // const conditionToRemoveItem = features.checkBoxSelection.allBoxChecked || features.checkBoxSelection.isIndeterminate || features.checkBoxSelection.includedRecords.length || features.checkBoxSelection.excludedRecords.length
-        if (featureDetails.isRemoveClicked) {
-            const result = removeItem(features.checkBoxSelection);
-            const output = {
-                totalRecords: result.length,
-                rowData: result
-            };
-            return yield output;
-        }
-        let totalRecords = 500;
-        const serverSideUrl = `https://jsonplaceholder.typicode.com/comments?_start=${startRow}&_end=${endRow}`;
-        const clientSideUrl = "https://jsonplaceholder.typicode.com/comments?_limit=20";
-        console.log(serverSideUrl, clientSideUrl);
-        const result = yield axios_1.default.get(serverSideUrl);
-        result.data[2].isSelected = true;
-        const outputData = result === null || result === void 0 ? void 0 : result.data.map((item) => {
-            item.status = "Active";
-            return item;
-        });
-        let output = {
-            totalRecords: totalRecords,
-            rowData: outputData
-        };
-        if (featureDetails.searchedText === "data") {
-            output = {
-                totalRecords: 0,
-                rowData: []
-            };
-        }
-        setRowData(result.data);
-        setShouldRefetch(false);
-        return output;
-    });
-    const style = {
-        height: "100vh",
-        width: "100%"
-    };
-    const conditionsToDisplay = {
-        displayFilter: true,
-        displaySort: true,
-        displaySearch: true,
-        displayRefresh: true,
-        displayRemoveItems: true,
-        displayBulkAction: true,
-        enableViewCreate: true
-    };
-    console.log(pinnedTopRowData, defaultFilters);
-    const createView = (viewDetails) => {
-        console.log(viewDetails, 'parsed value for create view');
-    };
-    const selectFilter = () => {
-        const defaultFilters = [
-            {
-                columnName: {
-                    name: "Body",
-                    code: "body",
-                    dataType: "string",
-                },
-                condition: 5,
-                value: "data",
-                id: "0.028544677566825438",
-                isActive: true,
-                logicalOperator: 1, // number
-            },
-        ];
-        setShouldRefetch(true);
-        setDefaultFilters(defaultFilters);
-    };
-    const dynamicText = {
-        filterModelText: {
-            header: "Filter",
-            subHeader: "Streamline Your Search With Filters",
-            resetFilterAction: "Reset Filter",
-            createViewInputPlaceHolder: "Enter",
-            createViewAction: "Create View",
-            applyAction: "Apply",
-            elementOnePlaceHolder: "Select",
-            elementTwoPlaceHolder: "Select",
-            elementThreePlaceHolder_Input: "Enter Text",
-            elementThreePlaceHolder_Input_Number: "Enter Number",
-            elementThreePlaceHolder_DropDown: "Select",
-            elementThreePlaceHolder_MultiSelect: "Select",
-            elementThreePlaceHolder_Calender: "Select Date",
-            onSelectedFilter: "Selected"
-        },
-        sortModelText: {
-            header: "Column Sorting",
-            clearAction: "Clear",
-            applyAction: "Apply",
-            onSelectedSort: "Selected"
-        },
-        recordDetailModelText: {
-            totalRecordHeader: "Total Records"
-        }
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", Object.assign({ onClick: selectFilter }, { children: "Select Filter" })), (0, jsx_runtime_1.jsx)(parent_for_grid_1.default, { columnData: columnDefs, style: style, getRowData: getRowData, conditionsToDisplay: conditionsToDisplay, rowModelType: constants_1.ROWMODELTYPE.INFINITE, 
-                // pinnedTopRowData={pinnedTopRowData}
-                bulkActionComponent: BulkAction_1.default, getCheckedRows: getCheckedRows, shouldRefetch: shouldRefetch, noRowsOverlayComponent: noRowsOverlayComponent, defaultFilters: defaultFilters, createView: createView, dynamicText: dynamicText, sortOptions: constants_1.COLUMN_SORT_OPTIONS, filterConditions: [{ id: 1, label: "AND" }, { id: 2, label: "OR" }] })] }));
-};
-exports.default = AgGridPage;

package/dist/pages/aggrid/BulkAction.js

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

package/dist/pages/aggrid/id-cell.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function IdCell(data) {
-    var _a;
-    console.log(data.row, 'data from grid');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (_a = data.row) === null || _a === void 0 ? void 0 : _a.id }));
-}
-exports.default = IdCell;

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;