pixelize-design-library 2.1.56 → 2.1.58

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/Components/DatePicker/TimePicker.js +0 -117
  2. package/dist/Components/Table/Components/TableActions.js +124 -9
  3. package/dist/Components/Table/Table.d.ts +1 -1
  4. package/dist/Components/Table/Table.js +3 -3
  5. package/dist/Components/Table/TableProps.d.ts +1 -0
  6. package/dist/Pages/table.js +60 -27
  7. package/package.json +1 -1
package/dist/Components/DatePicker/TimePicker.js CHANGED
@@ -1,6 +1,4 @@
1
1
  "use strict";
2
- // import React, { useState, useEffect } from "react";
3
- // import { TimePickerProps } from "./DatePickerProps";
4
2
  var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
5
3
  if (k2 === undefined) k2 = k;
6
4
  var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -25,121 +23,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
25
23
  return result;
26
24
  };
27
25
  Object.defineProperty(exports, "__esModule", { value: true });
28
- // const TimePicker: React.FC<TimePickerProps> = ({
29
- // date,
30
- // onChange,
31
- // dateFormat,
32
- // }) => {
33
- // // console.log(date, "dateindatepicker");
34
- // const is12HourFormat = /(hh|h).*a/i.test(dateFormat);
35
- // const [hour, setHour] = useState(date.getHours());
36
- // const [minute, setMinute] = useState(date.getMinutes());
37
- // const [ampm, setAmpm] = useState(
38
- // is12HourFormat ? (date.getHours() >= 12 ? "PM" : "AM") : ""
39
- // );
40
- // useEffect(() => {
41
- // const newHour = date.getHours();
42
- // setHour(newHour);
43
- // setMinute(date.getMinutes());
44
- // if (is12HourFormat) {
45
- // setAmpm(newHour >= 12 ? "PM" : "AM");
46
- // }
47
- // }, [date, is12HourFormat]);
48
- // const convertTo24Hour = (hr: number, meridiem: string) => {
49
- // if (meridiem === "AM") return hr === 12 ? 0 : hr;
50
- // return hr === 12 ? 12 : hr + 12;
51
- // };
52
- // const updateTime = (hrInput: number, min: number, meridiem?: string) => {
53
- // const newHour = is12HourFormat
54
- // ? convertTo24Hour(hrInput, meridiem || ampm)
55
- // : hrInput;
56
- // const safeHour = Math.max(0, Math.min(23, newHour));
57
- // const safeMinutes = Math.max(0, Math.min(59, min));
58
- // const newDate = new Date(
59
- // date.getFullYear(),
60
- // date.getMonth(),
61
- // date.getDate(),
62
- // safeHour,
63
- // safeMinutes,
64
- // 0,
65
- // 0
66
- // );
67
- // onChange(newDate);
68
- // };
69
- // const handleHourChange = (e: React.ChangeEvent<HTMLInputElement>) => {
70
- // let hr = parseInt(e.target.value || "1", 10);
71
- // if (is12HourFormat) {
72
- // hr = Math.max(1, Math.min(12, hr));
73
- // setHour(hr);
74
- // updateTime(hr, minute, ampm);
75
- // } else {
76
- // hr = Math.max(0, Math.min(23, hr));
77
- // setHour(hr);
78
- // updateTime(hr, minute);
79
- // }
80
- // };
81
- // const handleMinuteChange = (e: React.ChangeEvent<HTMLInputElement>) => {
82
- // let min = parseInt(e.target.value || "0", 10);
83
- // // clamp between 0-59
84
- // min = Math.max(0, Math.min(59, min));
85
- // setMinute(min);
86
- // updateTime(hour, min, ampm);
87
- // };
88
- // const handleAmpmToggle = () => {
89
- // const newMeridiem = ampm === "AM" ? "PM" : "AM";
90
- // const displayHr = hour % 12 === 0 ? 12 : hour % 12;
91
- // // const newHr = convertTo24Hour(displayHr, newMeridiem);
92
- // setAmpm(newMeridiem);
93
- // setHour(displayHr);
94
- // updateTime(displayHr, minute, newMeridiem);
95
- // };
96
- // const displayHour = is12HourFormat ? (hour % 12 === 0 ? 12 : hour % 12) : hour;
97
- // return (
98
- // <div
99
- // style={{
100
- // display: "flex",
101
- // alignItems: "center",
102
- // gap: "0.5rem",
103
- // fontSize: "1.25rem",
104
- // marginTop: "1rem",
105
- // }}
106
- // >
107
- // <input
108
- // type="number"
109
- // value={displayHour}
110
- // onChange={handleHourChange}
111
- // min={is12HourFormat ? 1 : 0}
112
- // max={is12HourFormat ? 12 : 23}
113
- // style={{ width: "3rem", textAlign: "center" }}
114
- // />
115
- // :
116
- // <input
117
- // type="number"
118
- // value={minute.toString().padStart(2, "0")}
119
- // onChange={handleMinuteChange}
120
- // min={0}
121
- // max={59}
122
- // style={{ width: "3rem", textAlign: "center" }}
123
- // />
124
- // {is12HourFormat && (
125
- // <button
126
- // type="button"
127
- // onClick={handleAmpmToggle}
128
- // style={{
129
- // fontWeight: "bold",
130
- // padding: "0.25rem 0.5rem",
131
- // border: "none",
132
- // background: "transparent",
133
- // cursor: "pointer",
134
- // }}
135
- // >
136
- // {ampm}
137
- // </button>
138
- // )}
139
- // </div>
140
- // );
141
- // };
142
- // export default TimePicker;
143
26
  var react_1 = __importStar(require("react"));
144
27
  var react_2 = require("@chakra-ui/react");
145
28
  var TimePicker = function (_a) {
package/dist/Components/Table/Components/TableActions.js CHANGED
@@ -1,28 +1,143 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
2
+ // import React from "react";
3
+ // import {
4
+ // Button,
5
+ // IconButton,
6
+ // Popover,
7
+ // PopoverBody,
8
+ // PopoverContent,
9
+ // PopoverTrigger,
10
+ // Portal,
11
+ // VStack,
12
+ // } from "@chakra-ui/react";
13
+ // import { EllipsisVertical, ExternalLink, Pencil, Trash2 } from "lucide-react";
14
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
15
+ if (k2 === undefined) k2 = k;
16
+ var desc = Object.getOwnPropertyDescriptor(m, k);
17
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
18
+ desc = { enumerable: true, get: function() { return m[k]; } };
19
+ }
20
+ Object.defineProperty(o, k2, desc);
21
+ }) : (function(o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ }));
25
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
26
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
27
+ }) : function(o, v) {
28
+ o["default"] = v;
29
+ });
30
+ var __importStar = (this && this.__importStar) || function (mod) {
31
+ if (mod && mod.__esModule) return mod;
32
+ var result = {};
33
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
34
+ __setModuleDefault(result, mod);
35
+ return result;
4
36
  };
5
37
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
38
+ // const TableActions = ({ row }: any) => {
39
+ // return (
40
+ // <Popover placement="bottom-start" closeOnBlur>
41
+ // <PopoverTrigger>
42
+ // <IconButton
43
+ // aria-label="Link"
44
+ // color={"black"}
45
+ // icon={<EllipsisVertical size={17}/>}
46
+ // size="sm"
47
+ // p={0}
48
+ // variant="ghost"
49
+ // _hover={{ transform: "scale(1.2)" }}
50
+ // />
51
+ // </PopoverTrigger>
52
+ // <Portal>
53
+ // <PopoverContent w="auto" minW="150px" boxShadow="lg" p={0} zIndex={999}>
54
+ // <PopoverBody>
55
+ // <VStack align="stretch" spacing={1}>
56
+ // {row.onLink && (
57
+ // <Button
58
+ // size="sm"
59
+ // variant="ghost"
60
+ // justifyContent="flex-start"
61
+ // gap={2}
62
+ // onClick={() => row?.onLink(row)}
63
+ // >
64
+ // <ExternalLink size={17}/> View
65
+ // </Button>
66
+ // )}
67
+ // {row.onEdit && (
68
+ // <Button
69
+ // size="sm"
70
+ // variant="ghost"
71
+ // justifyContent="flex-start"
72
+ // gap={2}
73
+ // onClick={() => row?.onEdit?.(row)}
74
+ // >
75
+ // <Pencil size={17}/> Edit
76
+ // </Button>
77
+ // )}
78
+ // {row.onDelete && (
79
+ // <Button
80
+ // size="sm"
81
+ // variant="ghost"
82
+ // justifyContent="flex-start"
83
+ // colorScheme="red"
84
+ // gap={2}
85
+ // onClick={() => row?.onDelete?.(row)}
86
+ // >
87
+ // <Trash2 size={17} />
88
+ // Delete
89
+ // </Button>
90
+ // )}
91
+ // </VStack>
92
+ // </PopoverBody>
93
+ // </PopoverContent>
94
+ // </Portal>
95
+ // </Popover>
96
+ // );
97
+ // };
98
+ // export default TableActions;
99
+ var react_1 = __importStar(require("react"));
7
100
  var react_2 = require("@chakra-ui/react");
8
101
  var lucide_react_1 = require("lucide-react");
9
102
  var TableActions = function (_a) {
10
103
  var row = _a.row;
11
- return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", closeOnBlur: true },
104
+ var _b = (0, react_1.useState)(false), isOpen = _b[0], setIsOpen = _b[1];
105
+ // Listen for "close-all-popovers"
106
+ (0, react_1.useEffect)(function () {
107
+ var handler = function () { return setIsOpen(false); };
108
+ window.addEventListener("close-all-popovers", handler);
109
+ return function () { return window.removeEventListener("close-all-popovers", handler); };
110
+ }, []);
111
+ var handleOpen = function () {
112
+ // Close all others first
113
+ window.dispatchEvent(new Event("close-all-popovers"));
114
+ setIsOpen(true);
115
+ };
116
+ var handleClose = function () { return setIsOpen(false); };
117
+ return (react_1.default.createElement(react_2.Popover, { placement: "bottom-start", isOpen: isOpen, onOpen: handleOpen, onClose: handleClose, closeOnBlur: true },
12
118
  react_1.default.createElement(react_2.PopoverTrigger, null,
13
- react_1.default.createElement(react_2.IconButton, { "aria-label": "Link", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" } })),
119
+ react_1.default.createElement(react_2.IconButton, { "aria-label": "Link", color: "black", icon: react_1.default.createElement(lucide_react_1.EllipsisVertical, { size: 17 }), size: "sm", p: 0, variant: "ghost", _hover: { transform: "scale(1.2)" }, onClick: function () { return (isOpen ? handleClose() : handleOpen()); } })),
14
120
  react_1.default.createElement(react_2.Portal, null,
15
121
  react_1.default.createElement(react_2.PopoverContent, { w: "auto", minW: "150px", boxShadow: "lg", p: 0, zIndex: 999 },
16
122
  react_1.default.createElement(react_2.PopoverBody, null,
17
123
  react_1.default.createElement(react_2.VStack, { align: "stretch", spacing: 1 },
18
- row.onLink && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { return row === null || row === void 0 ? void 0 : row.onLink(row); } },
124
+ row.onLink && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () {
125
+ row.onLink(row);
126
+ handleClose();
127
+ } },
19
128
  react_1.default.createElement(lucide_react_1.ExternalLink, { size: 17 }),
20
129
  " View")),
21
- row.onEdit && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onEdit) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
130
+ row.onEdit && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", gap: 2, onClick: function () {
131
+ row.onEdit(row);
132
+ handleClose();
133
+ } },
22
134
  react_1.default.createElement(lucide_react_1.Pencil, { size: 17 }),
23
135
  " Edit")),
24
- row.onDelete && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, onClick: function () { var _a; return (_a = row === null || row === void 0 ? void 0 : row.onDelete) === null || _a === void 0 ? void 0 : _a.call(row, row); } },
136
+ row.onDelete && (react_1.default.createElement(react_2.Button, { size: "sm", variant: "ghost", justifyContent: "flex-start", colorScheme: "red", gap: 2, onClick: function () {
137
+ row.onDelete(row);
138
+ handleClose();
139
+ } },
25
140
  react_1.default.createElement(lucide_react_1.Trash2, { size: 17 }),
26
- "Delete"))))))));
141
+ " Delete"))))))));
27
142
  };
28
143
  exports.default = TableActions;
package/dist/Components/Table/Table.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import React from "react";
2
2
  import { TableProps } from "./TableProps";
3
- export default function Table({ data, columns, onSelection, isLoading, isCheckbox, headerBgColor, freezedBgColor, headerTextColor, freezedTextColor, tableBorderColor, noBorders, isPagination, onRowClick, selections, isActionFreeze, preferencesUrl, preferencesKey, preferencesName, preferencesPage, authToken, paginationMode, noOfRowsPerPage, totalRecords, onPagination, isTableSettings, headerActions, }: TableProps): React.JSX.Element;
3
+ export default function Table({ data, columns, onSelection, isLoading, isCheckbox, headerBgColor, freezedBgColor, headerTextColor, freezedTextColor, tableBorderColor, noBorders, isPagination, onRowClick, selections, isActionFreeze, preferencesUrl, preferencesKey, preferencesName, preferencesPage, authToken, paginationMode, noOfRowsPerPage, totalRecords, onPagination, isTableSettings, headerActions, onGlobalSearch, }: TableProps): React.JSX.Element;
package/dist/Components/Table/Table.js CHANGED
@@ -42,7 +42,7 @@ var Divider_1 = __importDefault(require("../Divider/Divider"));
42
42
  var TableSearch_1 = __importDefault(require("./Components/TableSearch"));
43
43
  function Table(_a) {
44
44
  var _b, _c, _d, _e, _f, _g;
45
- var data = _a.data, columns = _a.columns, onSelection = _a.onSelection, isLoading = _a.isLoading, _h = _a.isCheckbox, isCheckbox = _h === void 0 ? false : _h, headerBgColor = _a.headerBgColor, freezedBgColor = _a.freezedBgColor, headerTextColor = _a.headerTextColor, freezedTextColor = _a.freezedTextColor, tableBorderColor = _a.tableBorderColor, _j = _a.noBorders, noBorders = _j === void 0 ? false : _j, _k = _a.isPagination, isPagination = _k === void 0 ? true : _k, onRowClick = _a.onRowClick, selections = _a.selections, _l = _a.isActionFreeze, isActionFreeze = _l === void 0 ? true : _l, _m = _a.preferencesUrl, preferencesUrl = _m === void 0 ? "" : _m, _o = _a.preferencesKey, preferencesKey = _o === void 0 ? "" : _o, _p = _a.preferencesName, preferencesName = _p === void 0 ? "" : _p, _q = _a.preferencesPage, preferencesPage = _q === void 0 ? "" : _q, _r = _a.authToken, authToken = _r === void 0 ? "" : _r, _s = _a.paginationMode, paginationMode = _s === void 0 ? "client" : _s, _t = _a.noOfRowsPerPage, noOfRowsPerPage = _t === void 0 ? 50 : _t, _u = _a.totalRecords, totalRecords = _u === void 0 ? 0 : _u, onPagination = _a.onPagination, _v = _a.isTableSettings, isTableSettings = _v === void 0 ? false : _v, headerActions = _a.headerActions;
45
+ var data = _a.data, columns = _a.columns, onSelection = _a.onSelection, isLoading = _a.isLoading, _h = _a.isCheckbox, isCheckbox = _h === void 0 ? false : _h, headerBgColor = _a.headerBgColor, freezedBgColor = _a.freezedBgColor, headerTextColor = _a.headerTextColor, freezedTextColor = _a.freezedTextColor, tableBorderColor = _a.tableBorderColor, _j = _a.noBorders, noBorders = _j === void 0 ? false : _j, _k = _a.isPagination, isPagination = _k === void 0 ? true : _k, onRowClick = _a.onRowClick, selections = _a.selections, _l = _a.isActionFreeze, isActionFreeze = _l === void 0 ? true : _l, _m = _a.preferencesUrl, preferencesUrl = _m === void 0 ? "" : _m, _o = _a.preferencesKey, preferencesKey = _o === void 0 ? "" : _o, _p = _a.preferencesName, preferencesName = _p === void 0 ? "" : _p, _q = _a.preferencesPage, preferencesPage = _q === void 0 ? "" : _q, _r = _a.authToken, authToken = _r === void 0 ? "" : _r, _s = _a.paginationMode, paginationMode = _s === void 0 ? "client" : _s, _t = _a.noOfRowsPerPage, noOfRowsPerPage = _t === void 0 ? 50 : _t, _u = _a.totalRecords, totalRecords = _u === void 0 ? 0 : _u, onPagination = _a.onPagination, _v = _a.isTableSettings, isTableSettings = _v === void 0 ? false : _v, headerActions = _a.headerActions, onGlobalSearch = _a.onGlobalSearch;
46
46
  var theme = (0, useCustomTheme_1.useCustomTheme)();
47
47
  var _w = (0, react_1.useState)({}), columnsSearch = _w[0], setColumnsSearch = _w[1];
48
48
  var isServerPagination = paginationMode === "server";
@@ -81,7 +81,7 @@ function Table(_a) {
81
81
  noOfRowsPerPage: noOfRowsPerPage,
82
82
  totalRecords: totalRecords,
83
83
  isServerPagination: isServerPagination,
84
- }), tableData = _y.tableData, isContent = _y.isContent, isLink = _y.isLink, headerRefs = _y.headerRefs, columnWidths = _y.columnWidths, handleSort = _y.handleSort, handleCheckbox = _y.handleCheckbox, filteredData = _y.filteredData, startRow = _y.startRow, endRow = _y.endRow, selection = _y.selection, columnsSort = _y.columnsSort, currentPage = _y.currentPage, pages = _y.pages, rowsPerPage = _y.rowsPerPage, handlePageSizeChange = _y.handlePageSizeChange, setCurrentPage = _y.setCurrentPage, columnsList = _y.columnsList, handleColumnPreferences = _y.handleColumnPreferences, handleGlobalSearch = _y.handleGlobalSearch;
84
+ }), tableData = _y.tableData, isContent = _y.isContent, isLink = _y.isLink, headerRefs = _y.headerRefs, columnWidths = _y.columnWidths, handleSort = _y.handleSort, handleCheckbox = _y.handleCheckbox, filteredData = _y.filteredData, startRow = _y.startRow, endRow = _y.endRow, selection = _y.selection, columnsSort = _y.columnsSort, currentPage = _y.currentPage, pages = _y.pages, rowsPerPage = _y.rowsPerPage, handlePageSizeChange = _y.handlePageSizeChange, setCurrentPage = _y.setCurrentPage, columnsList = _y.columnsList, handleColumnPreferences = _y.handleColumnPreferences;
85
85
  var _filteredData = (0, react_1.useMemo)(function () {
86
86
  return (0, table_1.searchAndSortData)(filteredData, columnsSearch);
87
87
  }, [columnsSearch, filteredData]);
@@ -93,7 +93,7 @@ function Table(_a) {
93
93
  var tablePaginationText = "".concat(startRow + 1, " - ").concat(endRow > tableData.length ? tableData.length : endRow, " of ").concat(isServerPagination ? totalRecords : tableData.length);
94
94
  return (react_1.default.createElement(react_2.Box, { bg: (_c = (_b = theme.colors) === null || _b === void 0 ? void 0 : _b.background) === null || _c === void 0 ? void 0 : _c[50], border: "0.063rem solid ".concat((_d = theme.colors.border) === null || _d === void 0 ? void 0 : _d[500]), borderRadius: 3 },
95
95
  react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", justifyContent: "space-between", px: 3, py: 0, height: 45, gap: 2 },
96
- react_1.default.createElement(TableSearch_1.default, { onSearch: handleGlobalSearch }),
96
+ react_1.default.createElement(TableSearch_1.default, { onSearch: onGlobalSearch }),
97
97
  isTableSettings && (react_1.default.createElement(react_1.default.Fragment, null,
98
98
  react_1.default.createElement(Divider_1.default, null),
99
99
  react_1.default.createElement(TableSettings_1.default, { columns: columnsList, onSave: function (cols) { return handleColumnPreferences(cols); } }))),
package/dist/Components/Table/TableProps.d.ts CHANGED
@@ -30,6 +30,7 @@ export type TableProps = {
30
30
  onPagination?: (page: number, noOfRecords: number) => void;
31
31
  isTableSettings?: boolean;
32
32
  headerActions?: HeaderActionsProps;
33
+ onGlobalSearch?: (searchVal: string) => void;
33
34
  };
34
35
  export type HeaderActionsProps = {
35
36
  isDelete?: {
package/dist/Pages/table.js CHANGED
@@ -9,16 +9,22 @@ var Table_1 = __importDefault(require("../Components/Table/Table"));
9
9
  var tableData = [
10
10
  {
11
11
  id: 1,
12
- name: "John Doe",
12
+ name: "John Doe1",
13
13
  age: 30,
14
14
  gender: "Male",
15
15
  onLink: function (url) {
16
16
  console.log("URL", url);
17
17
  },
18
+ onEdit: function (url) {
19
+ console.log("Edit", url);
20
+ },
21
+ onDelete: function (url) {
22
+ console.log("Delete", url);
23
+ },
18
24
  },
19
25
  {
20
26
  id: 2,
21
- name: "Jane Doe",
27
+ name: "Jane Doe2",
22
28
  age: 25,
23
29
  gender: "Female",
24
30
  content: function () {
@@ -28,85 +34,112 @@ var tableData = [
28
34
  },
29
35
  {
30
36
  id: 3,
31
- name: "Bob Smith",
37
+ name: "Bob Smith1",
32
38
  age: 40,
33
39
  gender: "Male",
40
+ onLink: function (url) {
41
+ console.log("URL", url);
42
+ },
43
+ onEdit: function (url) {
44
+ console.log("Edit", url);
45
+ },
46
+ onDelete: function (url) {
47
+ console.log("Delete", url);
48
+ },
34
49
  },
35
50
  {
36
- id: 3,
37
- name: "Bob Smith",
51
+ id: 4,
52
+ name: "Bob Smith2",
38
53
  age: 40,
39
54
  gender: "Male",
40
55
  },
41
56
  {
42
- id: 3,
43
- name: "Bob Smitha",
57
+ id: 5,
58
+ name: "Bob Smitha3",
44
59
  age: 40,
45
60
  gender: "Male",
46
61
  },
47
62
  {
48
- id: 3,
49
- name: "Bobe Smith",
63
+ id: 6,
64
+ name: "Bobe Smith4",
50
65
  age: 40,
51
66
  gender: "Male",
52
67
  },
53
68
  {
54
- id: 3,
55
- name: "Bob Smith",
69
+ id: 7,
70
+ name: "Bob Smith5",
56
71
  age: 40,
57
72
  gender: "Male",
58
73
  },
59
74
  {
60
- id: 3,
61
- name: "Bob Smith",
75
+ id: 8,
76
+ name: "Bob Smith6",
62
77
  age: 40,
63
78
  gender: "Male",
64
79
  },
65
80
  {
66
- id: 3,
81
+ id: 9,
67
82
  name: "crushmika",
68
83
  age: 33,
69
84
  gender: "Female",
70
85
  },
71
86
  {
72
- id: 33,
73
- name: "Shree",
87
+ id: 10,
88
+ name: "Shree1",
74
89
  age: 30,
75
90
  gender: "Female",
91
+ onLink: function (url) {
92
+ console.log("URL", url);
93
+ },
94
+ onEdit: function (url) {
95
+ console.log("Edit", url);
96
+ },
97
+ onDelete: function (url) {
98
+ console.log("Delete", url);
99
+ },
76
100
  },
77
101
  {
78
- id: 33,
79
- name: "Shree",
102
+ id: 11,
103
+ name: "Shree2",
80
104
  age: 25,
81
105
  gender: "Female",
82
106
  },
83
107
  {
84
- id: 3,
85
- name: "Bob Smith",
108
+ id: 12,
109
+ name: "Bob Smith7",
86
110
  age: 40,
87
111
  gender: "Male",
112
+ onLink: function (url) {
113
+ console.log("URL", url);
114
+ },
115
+ onEdit: function (url) {
116
+ console.log("Edit", url);
117
+ },
118
+ onDelete: function (url) {
119
+ console.log("Delete", url);
120
+ },
88
121
  },
89
122
  {
90
- id: 3,
123
+ id: 13,
91
124
  name: "Waquima gaabi",
92
125
  age: 40,
93
126
  gender: "female",
94
127
  },
95
128
  {
96
- id: 3,
97
- name: "Bob Smith",
129
+ id: 14,
130
+ name: "Bob Smith8",
98
131
  age: 40,
99
132
  gender: "Male",
100
133
  },
101
134
  {
102
- id: 3,
135
+ id: 15,
103
136
  name: "Johny",
104
137
  age: 40,
105
138
  gender: "Male",
106
139
  },
107
140
  {
108
- id: 3,
109
- name: "Bob Smith",
141
+ id: 16,
142
+ name: "Bob Smith9",
110
143
  age: 40,
111
144
  gender: "Male",
112
145
  },
@@ -139,6 +172,6 @@ var column = [
139
172
  ];
140
173
  var TableExample = function () {
141
174
  return (react_1.default.createElement("div", null,
142
- 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 })));
175
+ 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"); } })));
143
176
  };
144
177
  exports.TableExample = TableExample;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.1.56",
3
+ "version": "2.1.58",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",