pixelize-design-library 2.1.63 → 2.1.65

package/dist/Pages/kanbanboard.js

@@ -5,117 +5,57 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var KanbanBoard_1 = __importDefault(require("../Components/KanbanBoard/KanbanBoard"));
+var createItems = function (count, prefix) {
+    return Array.from({ length: count }, function (_, i) { return ({
+        id: "".concat(prefix, "-").concat(i),
+        rating: "Acquired",
+        name: "".concat(prefix, " Item ").concat(i),
+        owner: "Owner ".concat(i),
+        site: "Demo",
+        details: "Additional details here...",
+        location: i % 2 === 0 ? "Chennai" : "Bangalore",
+        status: i % 3 === 0 ? "Pending" : "Completed",
+    }); });
+};
 var initialData = {
     acquired: {
         id: "acquired",
         title: "Acquired",
         color: "#9A4FE5",
-        items: [
-            {
-                id: "1",
-                rating: "Acquired",
-                name: "1",
-                owner: "Mathew John and so",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Chennai",
-                status: "Pending",
-            },
-        ],
+        items: createItems(10, "acq"), // 👈 1000 records
     },
     active: {
-        id: "requetsed",
+        id: "requested",
         title: "Requested",
         color: "#4CAF50",
-        items: [
-            {
-                id: "2",
-                rating: "Acquired",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Bangalore",
-                status: "Completed",
-            },
-        ],
-    },
-    active2: {
-        id: "done",
-        title: "Done",
-        color: "#4CfF50",
-        items: [
-            {
-                id: "33",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
+        items: createItems(4, "req"), // 👈 800 records
     },
-    active3: {
-        id: "done",
-        title: "Done",
+    closed: {
+        id: "closed",
+        title: "close",
         color: "#4CfF50",
-        items: [
-            {
-                id: "332",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
+        items: createItems(3, "cls"),
     },
-    active4: {
-        id: "done",
-        title: "Done",
+    open: {
+        id: "open",
+        title: "Open",
         color: "#4CfF50",
-        items: [
-            {
-                id: "3322",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
+        items: createItems(5, "OP"),
     },
-    active5: {
+    done: {
         id: "done",
         title: "Done",
         color: "#4CfF50",
-        items: [
-            {
-                id: "332e2",
-                rating: "Done",
-                name: "1",
-                owner: "Mathew John",
-                site: "Demo",
-                details: "Additional details here...",
-                location: "Mumbai",
-                status: "In Progress",
-            },
-        ],
+        items: createItems(6, "done"), // 👈 600 records
     },
 };
 var viewListData = [
     {
-        "view_id": 5,
-        "type": "contact",
-        "viewName": "status",
-        "groupBy": "Lead Source",
-        "selectedField": [
+        view_id: 5,
+        type: "contact",
+        viewName: "status",
+        groupBy: "Lead Source",
+        selectedField: [
             "contact_owner",
             "first_name",
             "last_name",
@@ -139,18 +79,18 @@ var viewListData = [
             "other_zip",
             "other_country",
             "fax",
-            "description"
+            "description",
         ],
-        "moduleId": null,
-        "created_at": 1756720852175,
-        "updated_at": 1756720852175
+        moduleId: null,
+        created_at: 1756720852175,
+        updated_at: 1756720852175,
     },
     {
-        "view_id": 4,
-        "type": "contact",
-        "viewName": "demo",
-        "groupBy": "Lead Source",
-        "selectedField": [
+        view_id: 4,
+        type: "contact",
+        viewName: "demo",
+        groupBy: "Lead Source",
+        selectedField: [
             "contact_owner",
             "first_name",
             "last_name",
@@ -174,18 +114,18 @@ var viewListData = [
             "other_zip",
             "other_country",
             "fax",
-            "description"
+            "description",
         ],
-        "moduleId": null,
-        "created_at": 1756720474429,
-        "updated_at": 1756720474429
+        moduleId: null,
+        created_at: 1756720474429,
+        updated_at: 1756720474429,
     },
     {
-        "view_id": 2,
-        "type": "contact",
-        "viewName": "kanabana",
-        "groupBy": "Lead Source",
-        "selectedField": [
+        view_id: 2,
+        type: "contact",
+        viewName: "kanabana",
+        groupBy: "Lead Source",
+        selectedField: [
             "contact_owner",
             "first_name",
             "last_name",
@@ -209,15 +149,15 @@ var viewListData = [
             "other_zip",
             "other_country",
             "fax",
-            "description"
+            "description",
         ],
-        "moduleId": null,
-        "created_at": 1756457931264,
-        "updated_at": 1756457931264
-    }
+        moduleId: null,
+        created_at: 1756457931264,
+        updated_at: 1756457931264,
+    },
 ];
 var KanbanBoardExample = function () {
-    return (react_1.default.createElement(KanbanBoard_1.default, { data: initialData, onDelete: function (item) { return console.log("Delete", item); }, onOpen: function (item) { return console.log("Open", item); }, onDrag: function (updatedColumns) { return console.log("New State", updatedColumns); }, onColumnDelete: function (updatedColumns) { return console.log("New Del", updatedColumns); }, isLoading: false, kanbanCreate: {
+    return (react_1.default.createElement(KanbanBoard_1.default, { data: initialData, onDelete: function (item) { return console.log("Delete", item); }, onOpen: function (item) { return console.log("Open", item); }, onDrag: function (updatedColumns) { return console.log("New State", updatedColumns); }, onColumnDelete: function (updatedColumns) { return console.log("New Del", updatedColumns); }, isLoading: false, virtualization: true, kanbanCreate: {
             isCreatable: true,
             onCreate: function () { },
         }, kanbanEdit: {

package/dist/Pages/searchSelect.js

@@ -75,6 +75,7 @@ var react_1 = __importStar(require("react"));
 var SearchSelect_1 = __importDefault(require("../Components/SearchSelect/SearchSelect"));
 // import { Plus } from "lucide-react";
 var react_2 = require("@chakra-ui/react");
+var TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
 var max = 149;
 var rrr = function (start, limit) {
     var end = Math.min(start + limit, max + 1); // +1 to include `max` as valid
@@ -102,7 +103,7 @@ var SearchSelect = function () {
             }, onSearch: function (query) { return setSearch(query); }, searchQuery: search, isOptionLoading: false, placeholder: "Search users...", chip: {
                 maxChips: 3,
                 onClick: function () { return console.log("chip removed"); },
-            }, isSelectAll: true, pagination: {
+            }, isSelectAll: true, isRequired: true, pagination: {
                 limit: 50,
                 scrollLoading: paginationLoading,
                 onScroll: function (startIndex, limit, query) { return __awaiter(void 0, void 0, void 0, function () {
@@ -179,6 +180,40 @@ var SearchSelect = function () {
                         "label": "Hariharan  Jeganathan",
                     }
                 ]
-            } })));
+            } }),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement("br", null),
+        react_1.default.createElement(TextInput_1.default, { label: "My Label", id: "input1", name: "hello", 
+            //helperText="Hello"
+            // errorMessage="Required"
+            // error={true}
+            type: "email", 
+            // inputRightIcon={<User color="#FF0000" />}
+            // onRightIconclick={() => {
+            //   console.log("icon click");
+            // }}
+            // inputLeftIcon={<User color="#FF0000" />}
+            // onLeftIconClick={() => {
+            //   console.log("icon click");
+            // }}
+            key: "input1", 
+            // border={"0px solid"}
+            // padding={"0px"}
+            // inputStyle={{ border: "0px solid", padding: "0px" }}
+            // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
+            // error={true}
+            // errorMessage="Required"
+            onChange: function (e) {
+                console.log(e.target.files);
+            }, onKeyDown: function () {
+                console.log("keydown");
+            }, onBlur: function () {
+                console.log("blur");
+            }, 
+            // helperText="sometibg"
+            isRequired: true, informationMessage: "This is information", isInformation: true, 
+            // isDisabled
+            minW: "200px", maxW: "300px" })));
 };
 exports.default = SearchSelect;

package/dist/Pages/table.js

@@ -172,6 +172,6 @@ var column = [
 ];
 var TableExample = function () {
     return (react_1.default.createElement("div", null,
-        react_1.default.createElement(Table_1.default, { columns: column, data: tableData, isCheckbox: true, isVisiblity: false, isLoading: false, noBorders: false, onSelection: function (checked) { return console.log(checked); }, onRowClick: function (row, header) { return console.log(row, header); }, isPagination: false, isTableSettings: true, onGlobalSearch: function (value) { return console.log(value, "searched"); } })));
+        react_1.default.createElement(Table_1.default, { columns: column, data: tableData, isCheckbox: true, isVisiblity: false, isLoading: false, noBorders: false, onSelection: function (checked) { return console.log(checked); }, onRowClick: function (row, header) { return console.log(row, header); }, isPagination: false, isTableSettings: true, onGlobalSearch: function (value) { return console.log(value, "searched"); }, onColumnFilter: function (filters) { return console.log(filters, "all column filters"); } })));
 };
 exports.TableExample = TableExample;