pixelize-design-library 2.1.76 → 2.2.1

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 (113) hide show
  1. package/dist/Components/Apexcharts/ApexLineChart/ApexLineChart.js +0 -27
  2. package/dist/Components/Apexcharts/ApexPolarCharts/ApexPolarCharts.d.ts +4 -0
  3. package/dist/Components/Apexcharts/ApexPolarCharts/ApexPolarCharts.js +68 -0
  4. package/dist/Components/Apexcharts/{ApexDonutChart/ApexDonutChartProps.d.ts → ApexPolarCharts/ApexPolarChartsProps.d.ts} +6 -5
  5. package/dist/index.d.ts +2 -1
  6. package/dist/index.js +4 -2
  7. package/package.json +3 -2
  8. package/dist/App.d.ts +0 -4
  9. package/dist/App.js +0 -118
  10. package/dist/Components/Apexcharts/ApexDonutChart/ApexDonutChart.d.ts +0 -4
  11. package/dist/Components/Apexcharts/ApexDonutChart/ApexDonutChart.js +0 -58
  12. package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.d.ts +0 -1
  13. package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.js +0 -6
  14. package/dist/Components/InputTextArea/InputTextArea.stories.d.ts +0 -1
  15. package/dist/Components/InputTextArea/InputTextArea.stories.js +0 -7
  16. package/dist/Components/KaTable/CustomHeader.d.ts +0 -14
  17. package/dist/Components/KaTable/CustomHeader.js +0 -69
  18. package/dist/Components/KaTable/KaTable.d.ts +0 -13
  19. package/dist/Components/KaTable/KaTable.js +0 -111
  20. package/dist/Components/KaTable/KaTableProps.d.ts +0 -23
  21. package/dist/Components/KaTable/KaTableProps.js +0 -2
  22. package/dist/Components/KaTable/SelectionCell.d.ts +0 -8
  23. package/dist/Components/KaTable/SelectionCell.js +0 -38
  24. package/dist/Components/KaTable/SelectionHeader.d.ts +0 -3
  25. package/dist/Components/KaTable/SelectionHeader.js +0 -56
  26. package/dist/Components/KaTable/ka-table.css +0 -27
  27. package/dist/Components/KaTable/useMergedChildComponents.d.ts +0 -14
  28. package/dist/Components/KaTable/useMergedChildComponents.js +0 -224
  29. package/dist/Components/Table/Table.css +0 -16
  30. package/dist/Layout.d.ts +0 -3
  31. package/dist/Layout.js +0 -279
  32. package/dist/Pages/KaTableExample.d.ts +0 -3
  33. package/dist/Pages/KaTableExample.js +0 -259
  34. package/dist/Pages/TInput.d.ts +0 -3
  35. package/dist/Pages/TInput.js +0 -46
  36. package/dist/Pages/accordion.d.ts +0 -3
  37. package/dist/Pages/accordion.js +0 -42
  38. package/dist/Pages/alertdialog.d.ts +0 -3
  39. package/dist/Pages/alertdialog.js +0 -44
  40. package/dist/Pages/button.d.ts +0 -3
  41. package/dist/Pages/button.js +0 -29
  42. package/dist/Pages/card.d.ts +0 -3
  43. package/dist/Pages/card.js +0 -105
  44. package/dist/Pages/chart.d.ts +0 -3
  45. package/dist/Pages/chart.js +0 -35
  46. package/dist/Pages/checkbox.d.ts +0 -3
  47. package/dist/Pages/checkbox.js +0 -12
  48. package/dist/Pages/contactForm.d.ts +0 -3
  49. package/dist/Pages/contactForm.js +0 -16
  50. package/dist/Pages/datePick.d.ts +0 -3
  51. package/dist/Pages/datePick.js +0 -71
  52. package/dist/Pages/drawer.d.ts +0 -3
  53. package/dist/Pages/drawer.js +0 -48
  54. package/dist/Pages/dropdown.d.ts +0 -3
  55. package/dist/Pages/dropdown.js +0 -24
  56. package/dist/Pages/editor.d.ts +0 -3
  57. package/dist/Pages/editor.js +0 -14
  58. package/dist/Pages/fileUpload.d.ts +0 -2
  59. package/dist/Pages/fileUpload.js +0 -65
  60. package/dist/Pages/input.d.ts +0 -3
  61. package/dist/Pages/input.js +0 -81
  62. package/dist/Pages/kanbanboard.d.ts +0 -3
  63. package/dist/Pages/kanbanboard.js +0 -179
  64. package/dist/Pages/modal.d.ts +0 -3
  65. package/dist/Pages/modal.js +0 -55
  66. package/dist/Pages/multiSelect.d.ts +0 -3
  67. package/dist/Pages/multiSelect.js +0 -45
  68. package/dist/Pages/noteArea.d.ts +0 -3
  69. package/dist/Pages/noteArea.js +0 -49
  70. package/dist/Pages/numberInput.d.ts +0 -3
  71. package/dist/Pages/numberInput.js +0 -39
  72. package/dist/Pages/photoViewer.d.ts +0 -3
  73. package/dist/Pages/photoViewer.js +0 -12
  74. package/dist/Pages/pinInputs.d.ts +0 -3
  75. package/dist/Pages/pinInputs.js +0 -12
  76. package/dist/Pages/productCaard.d.ts +0 -3
  77. package/dist/Pages/productCaard.js +0 -249
  78. package/dist/Pages/productDetailCard.d.ts +0 -3
  79. package/dist/Pages/productDetailCard.js +0 -57
  80. package/dist/Pages/progressbar.d.ts +0 -3
  81. package/dist/Pages/progressbar.js +0 -12
  82. package/dist/Pages/radioButton.d.ts +0 -3
  83. package/dist/Pages/radioButton.js +0 -44
  84. package/dist/Pages/search.d.ts +0 -3
  85. package/dist/Pages/search.js +0 -44
  86. package/dist/Pages/searchSelect.d.ts +0 -3
  87. package/dist/Pages/searchSelect.js +0 -219
  88. package/dist/Pages/select.d.ts +0 -3
  89. package/dist/Pages/select.js +0 -43
  90. package/dist/Pages/selectSearch.d.ts +0 -3
  91. package/dist/Pages/selectSearch.js +0 -93
  92. package/dist/Pages/skeleton.d.ts +0 -3
  93. package/dist/Pages/skeleton.js +0 -22
  94. package/dist/Pages/switch.d.ts +0 -3
  95. package/dist/Pages/switch.js +0 -40
  96. package/dist/Pages/table.d.ts +0 -2
  97. package/dist/Pages/table.js +0 -180
  98. package/dist/Pages/textArea.d.ts +0 -3
  99. package/dist/Pages/textArea.js +0 -15
  100. package/dist/Pages/timeline.d.ts +0 -3
  101. package/dist/Pages/timeline.js +0 -74
  102. package/dist/Pages/tooltip.d.ts +0 -3
  103. package/dist/Pages/tooltip.js +0 -12
  104. package/dist/Pages/toster.d.ts +0 -3
  105. package/dist/Pages/toster.js +0 -63
  106. package/dist/Pages/verifyEmail.d.ts +0 -3
  107. package/dist/Pages/verifyEmail.js +0 -18
  108. package/dist/Theme/Default/fonts.d.ts +0 -35
  109. package/dist/Theme/Default/fonts.js +0 -37
  110. package/dist/bootstrap.d.ts +0 -1
  111. package/dist/bootstrap.js +0 -14
  112. package/dist/withTheme.js +0 -28
  113. /package/dist/Components/Apexcharts/{ApexDonutChart/ApexDonutChartProps.js → ApexPolarCharts/ApexPolarChartsProps.js} +0 -0
@@ -1,219 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
- return new (P || (P = Promise))(function (resolve, reject) {
28
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
- step((generator = generator.apply(thisArg, _arguments || [])).next());
32
- });
33
- };
34
- var __generator = (this && this.__generator) || function (thisArg, body) {
35
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
- function verb(n) { return function (v) { return step([n, v]); }; }
38
- function step(op) {
39
- if (f) throw new TypeError("Generator is already executing.");
40
- while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
- if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
- if (y = 0, t) op = [op[0] & 2, t.value];
43
- switch (op[0]) {
44
- case 0: case 1: t = op; break;
45
- case 4: _.label++; return { value: op[1], done: false };
46
- case 5: _.label++; y = op[1]; op = [0]; continue;
47
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
- default:
49
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
- if (t[2]) _.ops.pop();
54
- _.trys.pop(); continue;
55
- }
56
- op = body.call(thisArg, _);
57
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
- }
60
- };
61
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
62
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
63
- if (ar || !(i in from)) {
64
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
65
- ar[i] = from[i];
66
- }
67
- }
68
- return to.concat(ar || Array.prototype.slice.call(from));
69
- };
70
- var __importDefault = (this && this.__importDefault) || function (mod) {
71
- return (mod && mod.__esModule) ? mod : { "default": mod };
72
- };
73
- Object.defineProperty(exports, "__esModule", { value: true });
74
- var react_1 = __importStar(require("react"));
75
- var SearchSelect_1 = __importDefault(require("../Components/SearchSelect/SearchSelect"));
76
- // import { Plus } from "lucide-react";
77
- var react_2 = require("@chakra-ui/react");
78
- var TextInput_1 = __importDefault(require("../Components/Input/TextInput"));
79
- var max = 149;
80
- var rrr = function (start, limit) {
81
- var end = Math.min(start + limit, max + 1); // +1 to include `max` as valid
82
- return Array.from({ length: end - start }, function (_, index) { return ({
83
- id: (start + index).toString(),
84
- label: "Option ".concat(start + index),
85
- view: (react_1.default.createElement(react_2.Box, null, " demo"))
86
- }); });
87
- };
88
- var delay = function (ms) { return new Promise(function (resolve) { return setTimeout(resolve, ms); }); };
89
- var SearchSelect = function () {
90
- var _a = (0, react_1.useState)({}), selectedOptions = _a[0], setselectedOptions = _a[1];
91
- var _b = (0, react_1.useState)(rrr(1, 50)), soptions = _b[0], setSoptions = _b[1]; // initial 50
92
- var _c = (0, react_1.useState)(""), search = _c[0], setSearch = _c[1];
93
- var _d = (0, react_1.useState)(false), paginationLoading = _d[0], setpaginationLoading = _d[1];
94
- var _e = (0, react_1.useState)({}), customSelectValue = _e[0], setCustomSelectValue = _e[1];
95
- return (react_1.default.createElement("div", null,
96
- react_1.default.createElement(SearchSelect_1.default
97
- // width={"250px"}
98
- , {
99
- // width={"250px"}
100
- label: "Users", id: "user-select", options: soptions, value: selectedOptions, isMultiple: true, onSelect: function (val) {
101
- console.log("val", val);
102
- setselectedOptions(val);
103
- }, onSearch: function (query) { return setSearch(query); }, searchQuery: search, isOptionLoading: false, placeholder: "Search users...", chip: {
104
- maxChips: 3,
105
- onClick: function () { return console.log("chip removed"); },
106
- }, isSelectAll: true, isRequired: true, pagination: {
107
- limit: 50,
108
- scrollLoading: paginationLoading,
109
- onScroll: function (startIndex, limit, query) { return __awaiter(void 0, void 0, void 0, function () {
110
- var newOptions;
111
- return __generator(this, function (_a) {
112
- switch (_a.label) {
113
- case 0:
114
- console.log("Fetching:", startIndex, limit, query);
115
- if (startIndex > max) {
116
- console.log("No more data to load.");
117
- return [2 /*return*/];
118
- }
119
- setpaginationLoading(true);
120
- return [4 /*yield*/, delay(1000)];
121
- case 1:
122
- _a.sent();
123
- newOptions = rrr(startIndex, limit);
124
- setpaginationLoading(false);
125
- if (newOptions.length === 0) {
126
- console.log("No new options returned.");
127
- return [2 /*return*/];
128
- }
129
- setSoptions(function (prev) { return __spreadArray(__spreadArray([], prev, true), newOptions, true); });
130
- return [2 /*return*/];
131
- }
132
- });
133
- }); },
134
- },
135
- // width={"500px"}
136
- addNew: {
137
- enabled: true,
138
- text: "Add new user",
139
- onClick: function () { return console.log("Add New User"); },
140
- },
141
- // rightIcon={{
142
- // icon: <Plus size={16} />,
143
- // onClick: () => console.log("Clicked Right Icon"),
144
- // }}
145
- // error={true}
146
- // errorMessage="hello"
147
- // isRemoveAllIcon
148
- // dropdownProfileView
149
- virtualization: true, insideSelect: {
150
- width: "50px",
151
- onSelect: function (val) { return setCustomSelectValue(val); },
152
- value: customSelectValue,
153
- option: [
154
- {
155
- "id": 3,
156
- "label": "Hariharan J",
157
- },
158
- {
159
- "id": 1,
160
- "label": "Karuppusamy S",
161
- },
162
- {
163
- "id": 2,
164
- "label": "SasiKumar M",
165
- },
166
- {
167
- "id": 4,
168
- "label": "Hariharan Jeganathan",
169
- },
170
- {
171
- "id": 5,
172
- "label": "Karuppusamy S",
173
- },
174
- {
175
- "id": 6,
176
- "label": "SasiKumar M",
177
- },
178
- {
179
- "id": 7,
180
- "label": "Hariharan Jeganathan",
181
- }
182
- ]
183
- } }),
184
- react_1.default.createElement("br", null),
185
- react_1.default.createElement("br", null),
186
- react_1.default.createElement("br", null),
187
- react_1.default.createElement(TextInput_1.default, { label: "My Label", id: "input1", name: "hello",
188
- //helperText="Hello"
189
- // errorMessage="Required"
190
- // error={true}
191
- type: "email",
192
- // inputRightIcon={<User color="#FF0000" />}
193
- // onRightIconclick={() => {
194
- // console.log("icon click");
195
- // }}
196
- // inputLeftIcon={<User color="#FF0000" />}
197
- // onLeftIconClick={() => {
198
- // console.log("icon click");
199
- // }}
200
- key: "input1",
201
- // border={"0px solid"}
202
- // padding={"0px"}
203
- // inputStyle={{ border: "0px solid", padding: "0px" }}
204
- // inputGroupStyle={{ border: "0px solid", padding: "0px" }}
205
- // error={true}
206
- // errorMessage="Required"
207
- onChange: function (e) {
208
- console.log(e.target.files);
209
- }, onKeyDown: function () {
210
- console.log("keydown");
211
- }, onBlur: function () {
212
- console.log("blur");
213
- },
214
- // helperText="sometibg"
215
- isRequired: true, informationMessage: "This is information", isInformation: true,
216
- // isDisabled
217
- minW: "200px", maxW: "300px" })));
218
- };
219
- exports.default = SearchSelect;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const SelectPage: () => React.JSX.Element;
3
- export default SelectPage;
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- var react_1 = __importStar(require("react"));
30
- var Select_1 = __importDefault(require("../Components/Select/Select"));
31
- var SelectPage = function () {
32
- var _a = (0, react_1.useState)(""), selected = _a[0], setSelected = _a[1];
33
- var handleOnChange = function (selectedOption) {
34
- var checked = selectedOption.id;
35
- setSelected(checked);
36
- };
37
- return (react_1.default.createElement("div", null,
38
- react_1.default.createElement(Select_1.default, { options: [
39
- { id: 1, label: "magesssssss" },
40
- { id: 2, label: "sjdfg" },
41
- ], onChange: handleOnChange, value: selected })));
42
- };
43
- exports.default = SelectPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const SelectSearchs: () => React.JSX.Element;
3
- export default SelectSearchs;
@@ -1,93 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- var react_1 = __importStar(require("react"));
30
- var SelectSearch_1 = __importDefault(require("../Components/SelectSearch/SelectSearch"));
31
- var lucide_react_1 = require("lucide-react");
32
- var SelectSearchs = function () {
33
- var _a = (0, react_1.useState)("Option 1"), selectSearchText = _a[0], setSelectSearchText = _a[1];
34
- var _b = (0, react_1.useState)({
35
- id: "1",
36
- label: "Option 1",
37
- }), selectedOption = _b[0], setSelectedOption = _b[1];
38
- var _c = (0, react_1.useState)("Option 1"), multiSelectSearchText = _c[0], setMultiSelectSearchText = _c[1];
39
- var _d = (0, react_1.useState)({
40
- id: "1",
41
- label: "Option 1",
42
- }), multiselectedOption = _d[0], setMultiSelectedOption = _d[1];
43
- return (react_1.default.createElement("div", null,
44
- react_1.default.createElement("div", null,
45
- react_1.default.createElement(SelectSearch_1.default, { BottomText: "Add Check", isBottomIcon: true, isProfile: true, BottomIcon: false, options: [
46
- {
47
- id: "1",
48
- label: "Option 1",
49
- profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
50
- email: "kavinKumar0298@gggmail.com",
51
- },
52
- {
53
- id: "2",
54
- label: "select 2",
55
- profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
56
- email: "kavinKumar0298@gggmail.com",
57
- },
58
- {
59
- id: "3",
60
- label: "clone 3",
61
- profileUrl: "https://play-lh.googleusercontent.com/Fro4e_osoDhhrjgiZ_Y2C5FNXBMWvrb4rGpmkM1PDAcUPXeiAlPCq7NeaT4Q6NRUxRqo",
62
- email: "kavinKumar0298@gggmail.com",
63
- },
64
- ], inputOnchange: function (value) {
65
- setSelectSearchText(value.toString());
66
- console.log(value);
67
- }, initialSelectedOption: selectedOption, onOptionSelect: function (data) {
68
- setSelectSearchText(data.label);
69
- }, name: "hai", label: "SelectSearch", searchQuery: selectSearchText, rightIcon: react_1.default.createElement(lucide_react_1.User, { color: "gray.300" }), isMultipleSelect: false, onOptionMultiSelect: function (data) {
70
- setSelectedOption(data);
71
- }, handleBottomClick: function () { return console.log("clg"); } })),
72
- react_1.default.createElement("br", null),
73
- react_1.default.createElement("br", null),
74
- react_1.default.createElement("br", null),
75
- react_1.default.createElement("br", null),
76
- react_1.default.createElement("br", null),
77
- react_1.default.createElement("div", null,
78
- react_1.default.createElement(SelectSearch_1.default, { BottomText: "Add Check", options: [
79
- { id: "1", label: "Option 1" },
80
- { id: "2", label: "select 2" },
81
- { id: "3", label: "clone 3" },
82
- ], inputOnchange: function (value) {
83
- setMultiSelectSearchText(value.toString());
84
- // console.log(value);
85
- }, initialSelectedOption: multiselectedOption,
86
- // onOptionSelect={(data) => {
87
- // setMultiSelectSearchText(data.label);
88
- // }}
89
- name: "hai", label: "MultiSelectSearch", searchQuery: multiSelectSearchText, rightIcon: react_1.default.createElement(lucide_react_1.User, { color: "gray.300" }), isMultipleSelect: true, onOptionMultiSelect: function (data) {
90
- setMultiSelectedOption(data);
91
- } }))));
92
- };
93
- exports.default = SelectSearchs;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const SkeletonPage: () => React.JSX.Element;
3
- export default SkeletonPage;
@@ -1,22 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = require("@chakra-ui/react");
7
- var react_2 = __importDefault(require("react"));
8
- var Skeletons_1 = __importDefault(require("../Components/Skeletons/Skeletons"));
9
- var SkeletonPage = function () {
10
- return (react_2.default.createElement("div", null,
11
- react_2.default.createElement(react_1.Box, null,
12
- react_2.default.createElement(Skeletons_1.default, { type: "skeleton" }),
13
- react_2.default.createElement("br", null),
14
- react_2.default.createElement(Skeletons_1.default, { type: "circle" }),
15
- react_2.default.createElement("br", null),
16
- react_2.default.createElement(Skeletons_1.default, { type: "text", mt: 4 }),
17
- react_2.default.createElement("br", null),
18
- react_2.default.createElement("br", null),
19
- react_2.default.createElement(Skeletons_1.default, { height: "10px", isLoaded: false, fadeDuration: 4, bg: "blue.500", color: "white", type: "skeleton" },
20
- react_2.default.createElement(react_1.Box, null, "Hello ChakraUI!")))));
21
- };
22
- exports.default = SkeletonPage;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const SwitchPage: () => React.JSX.Element;
3
- export default SwitchPage;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- var react_1 = __importStar(require("react"));
30
- var Switch_1 = __importDefault(require("../Components/Switch/Switch"));
31
- var SwitchPage = function () {
32
- var _a = (0, react_1.useState)("left"), switchActive = _a[0], setSwitchActive = _a[1];
33
- var handleSwitchToggle = function (value) {
34
- // console.log(value);
35
- setSwitchActive(value);
36
- };
37
- return (react_1.default.createElement("div", null,
38
- react_1.default.createElement(Switch_1.default, { leftText: "Overview", rightText: "Timeline", switchActive: switchActive, onSwitchToggle: handleSwitchToggle })));
39
- };
40
- exports.default = SwitchPage;
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare const TableExample: () => React.JSX.Element;
@@ -1,180 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TableExample = void 0;
7
- var react_1 = __importDefault(require("react"));
8
- var Table_1 = __importDefault(require("../Components/Table/Table"));
9
- var react_2 = require("@chakra-ui/react");
10
- var tableData = [
11
- {
12
- id: 1,
13
- name: (react_1.default.createElement(react_2.Box, { display: "flex", alignItems: "center", gap: "0.5rem" },
14
- react_1.default.createElement("span", null, "\uD83D\uDE00"),
15
- " John Doe1")),
16
- age: 30,
17
- gender: "Male",
18
- onLink: function (url) {
19
- console.log("URL", url);
20
- },
21
- onEdit: function (url) {
22
- console.log("Edit", url);
23
- },
24
- onDelete: function (url) {
25
- console.log("Delete", url);
26
- },
27
- },
28
- {
29
- id: 2,
30
- name: "Jane Doe2",
31
- age: 25,
32
- gender: "Female",
33
- content: function () {
34
- return (react_1.default.createElement("div", null,
35
- react_1.default.createElement(Table_1.default, { columns: column, data: [] })));
36
- },
37
- },
38
- {
39
- id: 3,
40
- name: "Bob Smith1",
41
- age: 40,
42
- gender: "Male",
43
- onLink: function (url) {
44
- console.log("URL", url);
45
- },
46
- onEdit: function (url) {
47
- console.log("Edit", url);
48
- },
49
- onDelete: function (url) {
50
- console.log("Delete", url);
51
- },
52
- },
53
- {
54
- id: 4,
55
- name: "Bob Smith2",
56
- age: 40,
57
- gender: "Male",
58
- },
59
- {
60
- id: 5,
61
- name: "Bob Smitha3",
62
- age: 40,
63
- gender: "Male",
64
- },
65
- {
66
- id: 6,
67
- name: "Bobe Smith4",
68
- age: 40,
69
- gender: "Male",
70
- },
71
- {
72
- id: 7,
73
- name: "Bob Smith5",
74
- age: 40,
75
- gender: "Male",
76
- },
77
- {
78
- id: 8,
79
- name: "Bob Smith6",
80
- age: 40,
81
- gender: "Male",
82
- },
83
- {
84
- id: 9,
85
- name: "crushmika",
86
- age: 33,
87
- gender: "Female",
88
- },
89
- {
90
- id: 10,
91
- name: "Shree1",
92
- age: 30,
93
- gender: "Female",
94
- onLink: function (url) {
95
- console.log("URL", url);
96
- },
97
- onEdit: function (url) {
98
- console.log("Edit", url);
99
- },
100
- onDelete: function (url) {
101
- console.log("Delete", url);
102
- },
103
- },
104
- {
105
- id: 11,
106
- name: "Shree2",
107
- age: 25,
108
- gender: "Female",
109
- },
110
- {
111
- id: 12,
112
- name: "Bob Smith7",
113
- age: 40,
114
- gender: "Male",
115
- onLink: function (url) {
116
- console.log("URL", url);
117
- },
118
- onEdit: function (url) {
119
- console.log("Edit", url);
120
- },
121
- onDelete: function (url) {
122
- console.log("Delete", url);
123
- },
124
- },
125
- {
126
- id: 13,
127
- name: "Waquima gaabi",
128
- age: 40,
129
- gender: "female",
130
- },
131
- {
132
- id: 14,
133
- name: "Bob Smith8",
134
- age: 40,
135
- gender: "Male",
136
- },
137
- {
138
- id: 15,
139
- name: "Johny",
140
- age: 40,
141
- gender: "Male",
142
- },
143
- {
144
- id: 16,
145
- name: "Bob Smith9",
146
- age: 40,
147
- gender: "Male",
148
- },
149
- ];
150
- var column = [
151
- {
152
- label: "Name",
153
- id: "name",
154
- isFreeze: false,
155
- isSort: true,
156
- },
157
- {
158
- label: "Age",
159
- id: "age",
160
- isFreeze: false,
161
- isSort: true,
162
- },
163
- {
164
- label: "Gender",
165
- id: "gender",
166
- },
167
- {
168
- label: "Action",
169
- id: "action",
170
- isVisiblity: true,
171
- node: function (props) {
172
- return props.name;
173
- },
174
- },
175
- ];
176
- var TableExample = function () {
177
- return (react_1.default.createElement("div", null,
178
- 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"); } })));
179
- };
180
- exports.TableExample = TableExample;
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- declare const TextAreaPage: () => React.JSX.Element;
3
- export default TextAreaPage;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- var react_1 = __importDefault(require("react"));
7
- var InputTextArea_1 = __importDefault(require("../Components/InputTextArea/InputTextArea"));
8
- var TextAreaPage = function () {
9
- return (react_1.default.createElement("div", null,
10
- react_1.default.createElement(InputTextArea_1.default, { label: "hello", helperText: "Hello",
11
- // errorMessage="Required"
12
- // error={true}
13
- rows: 5 })));
14
- };
15
- exports.default = TextAreaPage;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const TimelinePage: () => React.JSX.Element;
3
- export default TimelinePage;