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.
- package/dist/Components/Apexcharts/ApexLineChart/ApexLineChart.js +0 -27
- package/dist/Components/Apexcharts/ApexPolarCharts/ApexPolarCharts.d.ts +4 -0
- package/dist/Components/Apexcharts/ApexPolarCharts/ApexPolarCharts.js +68 -0
- package/dist/Components/Apexcharts/{ApexDonutChart/ApexDonutChartProps.d.ts → ApexPolarCharts/ApexPolarChartsProps.d.ts} +6 -5
- package/dist/index.d.ts +2 -1
- package/dist/index.js +4 -2
- package/package.json +3 -2
- package/dist/App.d.ts +0 -4
- package/dist/App.js +0 -118
- package/dist/Components/Apexcharts/ApexDonutChart/ApexDonutChart.d.ts +0 -4
- package/dist/Components/Apexcharts/ApexDonutChart/ApexDonutChart.js +0 -58
- package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.d.ts +0 -1
- package/dist/Components/Apexcharts/ApexPieChart/ApexPieChart.stories.js +0 -6
- package/dist/Components/InputTextArea/InputTextArea.stories.d.ts +0 -1
- package/dist/Components/InputTextArea/InputTextArea.stories.js +0 -7
- package/dist/Components/KaTable/CustomHeader.d.ts +0 -14
- package/dist/Components/KaTable/CustomHeader.js +0 -69
- package/dist/Components/KaTable/KaTable.d.ts +0 -13
- package/dist/Components/KaTable/KaTable.js +0 -111
- package/dist/Components/KaTable/KaTableProps.d.ts +0 -23
- package/dist/Components/KaTable/KaTableProps.js +0 -2
- package/dist/Components/KaTable/SelectionCell.d.ts +0 -8
- package/dist/Components/KaTable/SelectionCell.js +0 -38
- package/dist/Components/KaTable/SelectionHeader.d.ts +0 -3
- package/dist/Components/KaTable/SelectionHeader.js +0 -56
- package/dist/Components/KaTable/ka-table.css +0 -27
- package/dist/Components/KaTable/useMergedChildComponents.d.ts +0 -14
- package/dist/Components/KaTable/useMergedChildComponents.js +0 -224
- package/dist/Components/Table/Table.css +0 -16
- package/dist/Layout.d.ts +0 -3
- package/dist/Layout.js +0 -279
- package/dist/Pages/KaTableExample.d.ts +0 -3
- package/dist/Pages/KaTableExample.js +0 -259
- package/dist/Pages/TInput.d.ts +0 -3
- package/dist/Pages/TInput.js +0 -46
- package/dist/Pages/accordion.d.ts +0 -3
- package/dist/Pages/accordion.js +0 -42
- package/dist/Pages/alertdialog.d.ts +0 -3
- package/dist/Pages/alertdialog.js +0 -44
- package/dist/Pages/button.d.ts +0 -3
- package/dist/Pages/button.js +0 -29
- package/dist/Pages/card.d.ts +0 -3
- package/dist/Pages/card.js +0 -105
- package/dist/Pages/chart.d.ts +0 -3
- package/dist/Pages/chart.js +0 -35
- package/dist/Pages/checkbox.d.ts +0 -3
- package/dist/Pages/checkbox.js +0 -12
- package/dist/Pages/contactForm.d.ts +0 -3
- package/dist/Pages/contactForm.js +0 -16
- package/dist/Pages/datePick.d.ts +0 -3
- package/dist/Pages/datePick.js +0 -71
- package/dist/Pages/drawer.d.ts +0 -3
- package/dist/Pages/drawer.js +0 -48
- package/dist/Pages/dropdown.d.ts +0 -3
- package/dist/Pages/dropdown.js +0 -24
- package/dist/Pages/editor.d.ts +0 -3
- package/dist/Pages/editor.js +0 -14
- package/dist/Pages/fileUpload.d.ts +0 -2
- package/dist/Pages/fileUpload.js +0 -65
- package/dist/Pages/input.d.ts +0 -3
- package/dist/Pages/input.js +0 -81
- package/dist/Pages/kanbanboard.d.ts +0 -3
- package/dist/Pages/kanbanboard.js +0 -179
- package/dist/Pages/modal.d.ts +0 -3
- package/dist/Pages/modal.js +0 -55
- package/dist/Pages/multiSelect.d.ts +0 -3
- package/dist/Pages/multiSelect.js +0 -45
- package/dist/Pages/noteArea.d.ts +0 -3
- package/dist/Pages/noteArea.js +0 -49
- package/dist/Pages/numberInput.d.ts +0 -3
- package/dist/Pages/numberInput.js +0 -39
- package/dist/Pages/photoViewer.d.ts +0 -3
- package/dist/Pages/photoViewer.js +0 -12
- package/dist/Pages/pinInputs.d.ts +0 -3
- package/dist/Pages/pinInputs.js +0 -12
- package/dist/Pages/productCaard.d.ts +0 -3
- package/dist/Pages/productCaard.js +0 -249
- package/dist/Pages/productDetailCard.d.ts +0 -3
- package/dist/Pages/productDetailCard.js +0 -57
- package/dist/Pages/progressbar.d.ts +0 -3
- package/dist/Pages/progressbar.js +0 -12
- package/dist/Pages/radioButton.d.ts +0 -3
- package/dist/Pages/radioButton.js +0 -44
- package/dist/Pages/search.d.ts +0 -3
- package/dist/Pages/search.js +0 -44
- package/dist/Pages/searchSelect.d.ts +0 -3
- package/dist/Pages/searchSelect.js +0 -219
- package/dist/Pages/select.d.ts +0 -3
- package/dist/Pages/select.js +0 -43
- package/dist/Pages/selectSearch.d.ts +0 -3
- package/dist/Pages/selectSearch.js +0 -93
- package/dist/Pages/skeleton.d.ts +0 -3
- package/dist/Pages/skeleton.js +0 -22
- package/dist/Pages/switch.d.ts +0 -3
- package/dist/Pages/switch.js +0 -40
- package/dist/Pages/table.d.ts +0 -2
- package/dist/Pages/table.js +0 -180
- package/dist/Pages/textArea.d.ts +0 -3
- package/dist/Pages/textArea.js +0 -15
- package/dist/Pages/timeline.d.ts +0 -3
- package/dist/Pages/timeline.js +0 -74
- package/dist/Pages/tooltip.d.ts +0 -3
- package/dist/Pages/tooltip.js +0 -12
- package/dist/Pages/toster.d.ts +0 -3
- package/dist/Pages/toster.js +0 -63
- package/dist/Pages/verifyEmail.d.ts +0 -3
- package/dist/Pages/verifyEmail.js +0 -18
- package/dist/Theme/Default/fonts.d.ts +0 -35
- package/dist/Theme/Default/fonts.js +0 -37
- package/dist/bootstrap.d.ts +0 -1
- package/dist/bootstrap.js +0 -14
- package/dist/withTheme.js +0 -28
- /package/dist/Components/Apexcharts/{ApexDonutChart/ApexDonutChartProps.js → ApexPolarCharts/ApexPolarChartsProps.js} +0 -0
|
@@ -1,179 +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 KanbanBoard_1 = __importDefault(require("../Components/KanbanBoard/KanbanBoard"));
|
|
8
|
-
var createItems = function (count, prefix) {
|
|
9
|
-
return Array.from({ length: count }, function (_, i) { return ({
|
|
10
|
-
id: "".concat(prefix, "-").concat(i),
|
|
11
|
-
rating: "Acquired",
|
|
12
|
-
name: "".concat(prefix, " Item ").concat(i),
|
|
13
|
-
// owner: `Owner ${i}`,
|
|
14
|
-
// site: "Demo",
|
|
15
|
-
// details: "Additional details here...",
|
|
16
|
-
// location: i % 2 === 0 ? "Chennai" : "Bangalore",
|
|
17
|
-
// status: i % 3 === 0 ? "Pending" : "Completed",
|
|
18
|
-
}); });
|
|
19
|
-
};
|
|
20
|
-
var initialData = {
|
|
21
|
-
acquired: {
|
|
22
|
-
id: "acquired",
|
|
23
|
-
title: "Acquired",
|
|
24
|
-
color: "#9A4FE5",
|
|
25
|
-
items: createItems(1000, "acq"), // 👈 1000 records
|
|
26
|
-
},
|
|
27
|
-
active: {
|
|
28
|
-
id: "requested",
|
|
29
|
-
title: "Requested",
|
|
30
|
-
color: "#4CAF50",
|
|
31
|
-
items: createItems(4, "req"), // 👈 800 records
|
|
32
|
-
},
|
|
33
|
-
closed: {
|
|
34
|
-
id: "closed",
|
|
35
|
-
title: "close",
|
|
36
|
-
color: "#4CfF50",
|
|
37
|
-
items: createItems(3, "cls"),
|
|
38
|
-
},
|
|
39
|
-
open: {
|
|
40
|
-
id: "open",
|
|
41
|
-
title: "Open",
|
|
42
|
-
color: "#4CfF50",
|
|
43
|
-
items: createItems(5, "OP"),
|
|
44
|
-
},
|
|
45
|
-
done: {
|
|
46
|
-
id: "done",
|
|
47
|
-
title: "Done",
|
|
48
|
-
color: "#4CfF50",
|
|
49
|
-
items: createItems(6, "done"), // 👈 600 records
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
var viewListData = [
|
|
53
|
-
{
|
|
54
|
-
view_id: 5,
|
|
55
|
-
type: "contact",
|
|
56
|
-
viewName: "status",
|
|
57
|
-
groupBy: "Lead Source",
|
|
58
|
-
selectedField: [
|
|
59
|
-
"contact_owner",
|
|
60
|
-
"first_name",
|
|
61
|
-
"last_name",
|
|
62
|
-
"title",
|
|
63
|
-
"assistant",
|
|
64
|
-
"email",
|
|
65
|
-
"mobile",
|
|
66
|
-
"lead_source",
|
|
67
|
-
"dob",
|
|
68
|
-
"skype_id",
|
|
69
|
-
"twitter",
|
|
70
|
-
"sec_email",
|
|
71
|
-
"mail_street",
|
|
72
|
-
"mail_city",
|
|
73
|
-
"mail_state",
|
|
74
|
-
"mail_zip",
|
|
75
|
-
"mail_country",
|
|
76
|
-
"other_street",
|
|
77
|
-
"other_city",
|
|
78
|
-
"other_state",
|
|
79
|
-
"other_zip",
|
|
80
|
-
"other_country",
|
|
81
|
-
"fax",
|
|
82
|
-
"description",
|
|
83
|
-
],
|
|
84
|
-
moduleId: null,
|
|
85
|
-
created_at: 1756720852175,
|
|
86
|
-
updated_at: 1756720852175,
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
view_id: 4,
|
|
90
|
-
type: "contact",
|
|
91
|
-
viewName: "demo",
|
|
92
|
-
groupBy: "Lead Source",
|
|
93
|
-
selectedField: [
|
|
94
|
-
"contact_owner",
|
|
95
|
-
"first_name",
|
|
96
|
-
"last_name",
|
|
97
|
-
"title",
|
|
98
|
-
"assistant",
|
|
99
|
-
"email",
|
|
100
|
-
"mobile",
|
|
101
|
-
"lead_source",
|
|
102
|
-
"dob",
|
|
103
|
-
"skype_id",
|
|
104
|
-
"twitter",
|
|
105
|
-
"sec_email",
|
|
106
|
-
"mail_street",
|
|
107
|
-
"mail_city",
|
|
108
|
-
"mail_state",
|
|
109
|
-
"mail_zip",
|
|
110
|
-
"mail_country",
|
|
111
|
-
"other_street",
|
|
112
|
-
"other_city",
|
|
113
|
-
"other_state",
|
|
114
|
-
"other_zip",
|
|
115
|
-
"other_country",
|
|
116
|
-
"fax",
|
|
117
|
-
"description",
|
|
118
|
-
],
|
|
119
|
-
moduleId: null,
|
|
120
|
-
created_at: 1756720474429,
|
|
121
|
-
updated_at: 1756720474429,
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
view_id: 2,
|
|
125
|
-
type: "contact",
|
|
126
|
-
viewName: "kanabana",
|
|
127
|
-
groupBy: "Lead Source",
|
|
128
|
-
selectedField: [
|
|
129
|
-
"contact_owner",
|
|
130
|
-
"first_name",
|
|
131
|
-
"last_name",
|
|
132
|
-
"title",
|
|
133
|
-
"assistant",
|
|
134
|
-
"email",
|
|
135
|
-
"mobile",
|
|
136
|
-
"lead_source",
|
|
137
|
-
"dob",
|
|
138
|
-
"skype_id",
|
|
139
|
-
"twitter",
|
|
140
|
-
"sec_email",
|
|
141
|
-
"mail_street",
|
|
142
|
-
"mail_city",
|
|
143
|
-
"mail_state",
|
|
144
|
-
"mail_zip",
|
|
145
|
-
"mail_country",
|
|
146
|
-
"other_street",
|
|
147
|
-
"other_city",
|
|
148
|
-
"other_state",
|
|
149
|
-
"other_zip",
|
|
150
|
-
"other_country",
|
|
151
|
-
"fax",
|
|
152
|
-
"description",
|
|
153
|
-
],
|
|
154
|
-
moduleId: null,
|
|
155
|
-
created_at: 1756457931264,
|
|
156
|
-
updated_at: 1756457931264,
|
|
157
|
-
},
|
|
158
|
-
];
|
|
159
|
-
var KanbanBoardExample = function () {
|
|
160
|
-
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: {
|
|
161
|
-
isCreatable: true,
|
|
162
|
-
onCreate: function () { },
|
|
163
|
-
}, kanbanEdit: {
|
|
164
|
-
isEditable: true,
|
|
165
|
-
onEdit: function () { },
|
|
166
|
-
label: "Edit",
|
|
167
|
-
}, kanbanSelect: {
|
|
168
|
-
isSelect: true,
|
|
169
|
-
options: viewListData === null || viewListData === void 0 ? void 0 : viewListData.map(function (item) { return ({
|
|
170
|
-
label: item === null || item === void 0 ? void 0 : item.viewName,
|
|
171
|
-
id: String(item === null || item === void 0 ? void 0 : item.view_id),
|
|
172
|
-
}); }),
|
|
173
|
-
onSelectChange: function (option) { },
|
|
174
|
-
selectPlaceholderText: "",
|
|
175
|
-
width: "200px",
|
|
176
|
-
value: "kanbanSelectValue",
|
|
177
|
-
} }));
|
|
178
|
-
};
|
|
179
|
-
exports.default = KanbanBoardExample;
|
package/dist/Pages/modal.d.ts
DELETED
package/dist/Pages/modal.js
DELETED
|
@@ -1,55 +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 Modal_1 = __importStar(require("../Components/Modal/Modal"));
|
|
31
|
-
var Button_1 = __importDefault(require("../Components/Button/Button"));
|
|
32
|
-
var ModalPage = function () {
|
|
33
|
-
var _a = (0, react_1.useState)(false), isOpen = _a[0], setIsOpen = _a[1];
|
|
34
|
-
var _b = (0, react_1.useState)(false), isModelLoading = _b[0], setIsModelLoading = _b[1];
|
|
35
|
-
(0, react_1.useEffect)(function () {
|
|
36
|
-
var timer = setTimeout(function () {
|
|
37
|
-
setIsModelLoading(false);
|
|
38
|
-
}, 5000);
|
|
39
|
-
// Cleanup the timer on component unmount
|
|
40
|
-
return function () { return clearTimeout(timer); };
|
|
41
|
-
}, []);
|
|
42
|
-
var handleOnclick2 = function () {
|
|
43
|
-
setIsOpen(true);
|
|
44
|
-
};
|
|
45
|
-
return (react_1.default.createElement("div", null,
|
|
46
|
-
react_1.default.createElement(Button_1.default, { label: "ModelButton", onClick: handleOnclick2, width: 250, variant: "solid" }),
|
|
47
|
-
react_1.default.createElement(Modal_1.default, { isOpen: isOpen, onClose: function () { return setIsOpen(false); },
|
|
48
|
-
// overlaybg={"blackAlpha.300"}
|
|
49
|
-
// overlaybackdropFilter={"blur(10px) hue-rotate(90deg)"}
|
|
50
|
-
size: "sm", isCentered: true, isLoading: isModelLoading },
|
|
51
|
-
react_1.default.createElement(Modal_1.ModalHeader, null, "hai"),
|
|
52
|
-
react_1.default.createElement(Modal_1.ModalBody, null, "heelo"),
|
|
53
|
-
react_1.default.createElement(Modal_1.ModalFooter, null, "welcome"))));
|
|
54
|
-
};
|
|
55
|
-
exports.default = ModalPage;
|
|
@@ -1,45 +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 MultiSelect_1 = __importDefault(require("../Components/MultiSelect/MultiSelect"));
|
|
31
|
-
var MultiSelectPage = function () {
|
|
32
|
-
var _a = (0, react_1.useState)([
|
|
33
|
-
{
|
|
34
|
-
id: "1721664346718-1",
|
|
35
|
-
label: "Testing",
|
|
36
|
-
},
|
|
37
|
-
]), selectedOptions = _a[0], setSelectedOptions = _a[1];
|
|
38
|
-
var handleValueSelectChange = function (options) {
|
|
39
|
-
setSelectedOptions(options);
|
|
40
|
-
console.log("Selected options updated:", options);
|
|
41
|
-
};
|
|
42
|
-
return (react_1.default.createElement("div", null,
|
|
43
|
-
react_1.default.createElement(MultiSelect_1.default, { value: selectedOptions, onValueChange: handleValueSelectChange })));
|
|
44
|
-
};
|
|
45
|
-
exports.default = MultiSelectPage;
|
package/dist/Pages/noteArea.d.ts
DELETED
package/dist/Pages/noteArea.js
DELETED
|
@@ -1,49 +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 NoteTextArea_1 = __importDefault(require("../Components/NoteTextArea/NoteTextArea"));
|
|
31
|
-
var NoteAreaPage = function () {
|
|
32
|
-
var _a = (0, react_1.useState)(false), saveButtonLoading = _a[0], setSaveButtonLoading = _a[1];
|
|
33
|
-
var handleNoteValue = function (noteValue, titleValue, file) {
|
|
34
|
-
console.log("Title: ", titleValue);
|
|
35
|
-
console.log("Note: ", noteValue);
|
|
36
|
-
console.log("File: ", file);
|
|
37
|
-
setSaveButtonLoading(true);
|
|
38
|
-
setTimeout(function () {
|
|
39
|
-
setSaveButtonLoading(false);
|
|
40
|
-
}, 2000);
|
|
41
|
-
};
|
|
42
|
-
return (react_1.default.createElement("div", null,
|
|
43
|
-
react_1.default.createElement(NoteTextArea_1.default, { width: "720px", handleSubmit: function (noteValue, titleValue, file) {
|
|
44
|
-
handleNoteValue(noteValue, titleValue, file);
|
|
45
|
-
}, value: "text", title: "hello", isEditable: false, saveButtonLoading: saveButtonLoading, handleCancel: function (isActive) {
|
|
46
|
-
console.log("isActive", isActive);
|
|
47
|
-
} })));
|
|
48
|
-
};
|
|
49
|
-
exports.default = NoteAreaPage;
|
|
@@ -1,39 +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 NumberInput_1 = __importDefault(require("../Components/NumberInput/NumberInput"));
|
|
31
|
-
var NumberInputPage = function () {
|
|
32
|
-
var _a = (0, react_1.useState)("0"), numbetInputValue = _a[0], setNumbetInputValue = _a[1];
|
|
33
|
-
var handleNumberinput = function (value) {
|
|
34
|
-
setNumbetInputValue(value);
|
|
35
|
-
};
|
|
36
|
-
return (react_1.default.createElement("div", null,
|
|
37
|
-
react_1.default.createElement(NumberInput_1.default, { min: 0, max: 20, value: numbetInputValue, onChange: handleNumberinput })));
|
|
38
|
-
};
|
|
39
|
-
exports.default = NumberInputPage;
|
|
@@ -1,12 +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 ProfilePhotoViewer_1 = __importDefault(require("../Components/ProfilePhotoViewer/ProfilePhotoViewer"));
|
|
8
|
-
var PhotoViewer = function () {
|
|
9
|
-
return (react_1.default.createElement("div", null,
|
|
10
|
-
react_1.default.createElement(ProfilePhotoViewer_1.default, { photoUrl: "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" !== null && "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" !== void 0 ? "https://media.istockphoto.com/id/2000672702/photo/happy-smiling-mature-indian-or-latin-business-man-ceo-trader-using-computer-typing-working-in.jpg?s=1024x1024&w=is&k=20&c=D1vOFvPH5YG87jlDs8g9THoClPfmdbAsHx2J4PdDtcI=" : "https://bit.ly/dan-abramov", onPhotoChange: function (file) { return console.log(file); }, isEditable: true, isView: true, fallbackText: "" })));
|
|
11
|
-
};
|
|
12
|
-
exports.default = PhotoViewer;
|
package/dist/Pages/pinInputs.js
DELETED
|
@@ -1,12 +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 PinInput_1 = __importDefault(require("../Components/PinInput/PinInput"));
|
|
8
|
-
var PinInputPage = function () {
|
|
9
|
-
return (react_1.default.createElement("div", null,
|
|
10
|
-
react_1.default.createElement(PinInput_1.default, { pins: 5, label: "Enter pin" })));
|
|
11
|
-
};
|
|
12
|
-
exports.default = PinInputPage;
|