sccoreui 5.8.21 → 5.8.22

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.8.21",
+  "version": "5.8.22",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/pages/aggrid/AgGrid.js

@@ -1,179 +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 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 CustomDropDown_1 = tslib_1.__importDefault(require("../../components/ag-grid/CustomDropDown"));
-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 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 [columnDefs] = (0, react_1.useState)([
-        {
-            enableHeaderCheckbox: true,
-            enableChildCheckbox: true,
-            id: "101",
-            headerName: "ID",
-            field: "id",
-            isSortable: false,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: true,
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: dropDown,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    // rows that are not pinned don't use any cell renderer
-                    return undefined;
-                }
-            },
-        },
-        {
-            id: "102",
-            headerName: "Title",
-            cellRendererSelector: (params) => {
-                if (params.node.rowPinned) {
-                    return {
-                        component: CustomDropDown_1.default,
-                        params: {
-                            style: { color: "#5577CC" },
-                        },
-                    };
-                }
-                else {
-                    // rows that are not pinned don't use any cell renderer
-                    return undefined;
-                }
-            },
-            field: "name",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-            // rowGroup:true
-        },
-        {
-            id: "103",
-            headerName: "Body",
-            field: "body",
-            isSortable: true,
-            code: 1,
-            dataType: Types_1.ATTRIBUTEDATATYPES.STRING,
-            editable: false,
-        },
-        {
-            cellRenderer: deleteComponent
-        }
-        // {
-        //   field: "status",
-        //   minWidth:200,
-        //   cellRenderer: "statusCellRenderer",
-        //   cellRendererParams:{onStatusChanged:onStatusChanged},
-        //   cellRendererSelector:(params)=>{getSelectedDropDown(params)},
-        //   editable:false
-        // },
-    ]);
-    // const [selectedCity, setSelectedCity] = useState(null);
-    const dropDown = () => {
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card flex justify-content-center" }, { children: (0, jsx_runtime_1.jsx)("p", { children: "My header" }) })));
-    };
-    console.log(dropDown, 'drop down');
-    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.unselectedCheckboxData;
-        const selectedData = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.selectedCheckboxData;
-        const isIternminite = checkboxSelectionDetails === null || checkboxSelectionDetails === void 0 ? void 0 : checkboxSelectionDetails.isInterminate;
-        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* () {
-        const features = featureDetails;
-        console.log('coming in product', features, startRow, endRow);
-        // const conditionToRemoveItem = features.checkBoxSelection.allBoxChecked || features.checkBoxSelection.isInterminate || features.checkBoxSelection.selectedCheckboxData.length || features.checkBoxSelection.unselectedCheckboxData.length
-        if (featureDetails.isRemoveClicked) {
-            const result = removeItem(features.checkBoxSelection);
-            const output = {
-                totalRecords: result.length,
-                rowData: result
-            };
-            console.log(output, 'output sending to ag grid');
-            return yield output;
-        }
-        console.log(startRow, endRow, featureDetails, 'params in call back ');
-        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(clientSideUrl);
-        console.log(result, 'result from api');
-        const output = {
-            totalRecords: totalRecords,
-            rowData: result.data
-        };
-        setRowData(result.data);
-        console.log(rowData);
-        setShouldRefetch(false);
-        return output;
-    });
-    const style = {
-        height: 700,
-        width: 1020
-    };
-    const myInputData = (params) => {
-        console.log(params);
-        let optionObject = [
-            { id: '123', label: 'test label 1', value: '123' },
-            { id: '1234', label: 'test label 2', value: '1234' },
-            { id: '1235', label: 'test label 3', value: '1235' },
-            { id: '12356', label: 'test label 4', value: '1235' }
-        ];
-        return optionObject;
-    };
-    const conditionsToDisplay = {
-        displayFilter: true,
-        displaySort: true,
-        displaySearch: true,
-        displayRefresh: true,
-        displayRemoveItems: true,
-        displayBulkAction: true
-    };
-    console.log(pinnedTopRowData);
-    console.log('clicked my component');
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ParentForGrid_1.default, { columnData: columnDefs, style: style, getRowData: getRowData, dataForDropDown: myInputData, conditionsToDisplay: conditionsToDisplay, rowModelType: constants_1.ROWMODELTYPE.CLIENT_SIDE, pinnedTopRowData: pinnedTopRowData, bulkActionComponent: BulkAction_1.default, getCheckedRows: getCheckedRows, shouldRefetch: shouldRefetch }) }));
-};
-exports.default = AgGridPage;

package/dist/pages/aggrid/BulkAction.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-function BulkAction(props) {
-    console.log(props === null || props === void 0 ? void 0 : props.checkBoxSelection, 'props in bulk action');
-    return ((0, jsx_runtime_1.jsx)("div", { children: "BulkAction" }));
-}
-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;