blixify-ui-web 0.1.78 → 0.1.80
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/lib/components/data/dataTemplate/index.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/index.js +370 -280
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/lib/components/data/dataTemplate/model.d.ts +3 -3
- package/lib/components/data/dataTemplate/model.d.ts.map +1 -1
- package/lib/components/display/table/index.d.ts +2 -1
- package/lib/components/display/table/index.d.ts.map +1 -1
- package/lib/components/display/table/index.js +5 -3
- package/lib/components/display/table/index.js.map +1 -1
- package/lib/components/input/uploadInput/index.d.ts +26 -8
- package/lib/components/input/uploadInput/index.d.ts.map +1 -1
- package/lib/components/input/uploadInput/index.js +182 -28
- package/lib/components/input/uploadInput/index.js.map +1 -1
- package/lib/components/navigation/bars/index.d.ts +11 -1
- package/lib/components/navigation/bars/index.d.ts.map +1 -1
- package/lib/components/navigation/bars/index.js +66 -10
- package/lib/components/navigation/bars/index.js.map +1 -1
- package/lib/components/navigation/leftNav/index.d.ts +2 -0
- package/lib/components/navigation/leftNav/index.d.ts.map +1 -1
- package/lib/components/navigation/leftNav/index.js +4 -1
- package/lib/components/navigation/leftNav/index.js.map +1 -1
- package/lib/components/navigation/tabs/index.d.ts +10 -0
- package/lib/components/navigation/tabs/index.d.ts.map +1 -1
- package/lib/components/navigation/tabs/index.js +54 -5
- package/lib/components/navigation/tabs/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -75,25 +75,63 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
75
75
|
};
|
|
76
76
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
77
77
|
exports.UploadInput = void 0;
|
|
78
|
+
var solid_1 = require("@heroicons/react/20/solid");
|
|
78
79
|
var outline_1 = require("@heroicons/react/24/outline");
|
|
80
|
+
var solid_2 = require("@heroicons/react/24/solid");
|
|
79
81
|
var react_1 = __importStar(require("react"));
|
|
82
|
+
var uuid_1 = require("uuid");
|
|
80
83
|
require("../../../index.css");
|
|
81
|
-
var
|
|
84
|
+
var textButton_1 = require("../../action/textButton");
|
|
82
85
|
var UploadInput = /** @class */ (function (_super) {
|
|
83
86
|
__extends(UploadInput, _super);
|
|
84
87
|
function UploadInput() {
|
|
85
88
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
86
|
-
_this.imageInput = (0, react_1.createRef)();
|
|
87
89
|
_this.state = {
|
|
88
90
|
error: "",
|
|
89
91
|
};
|
|
90
92
|
_this.setAsyncState = function (newState) {
|
|
91
93
|
return new Promise(function (resolve) { return _this.setState(newState, resolve); });
|
|
92
94
|
};
|
|
95
|
+
_this.handleOnChange = function (e) {
|
|
96
|
+
if (_this.props.onChange) {
|
|
97
|
+
if (_this.props.type && _this.props.type === "multi") {
|
|
98
|
+
if (e.target.files && e.target.files.length > 0) {
|
|
99
|
+
var newFiles = Array.from(e.target.files);
|
|
100
|
+
var mappedFiles = newFiles.map(function (file) {
|
|
101
|
+
if (file instanceof File) {
|
|
102
|
+
var isDuplicate = _this.props.files.upload.some(function (data) {
|
|
103
|
+
return (data instanceof Object && data.fileName.name === file.name);
|
|
104
|
+
});
|
|
105
|
+
if (isDuplicate)
|
|
106
|
+
return null;
|
|
107
|
+
return { token: (0, uuid_1.v4)(), fileName: file };
|
|
108
|
+
}
|
|
109
|
+
return file;
|
|
110
|
+
});
|
|
111
|
+
var filteredFiles = mappedFiles.filter(function (file) { return file !== null; });
|
|
112
|
+
_this.props.onChange({
|
|
113
|
+
value: filteredFiles,
|
|
114
|
+
action: "upload",
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
else {
|
|
119
|
+
_this.props.onChange(e);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
_this.handleOnRemove = function (item) {
|
|
124
|
+
if (_this.props.type === "multi") {
|
|
125
|
+
if (_this.props.onChange) {
|
|
126
|
+
_this.props.onChange({ value: item, action: "remove" });
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
93
130
|
_this.handleSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
94
|
-
var error, fileSize, maxFileSize;
|
|
95
|
-
|
|
96
|
-
|
|
131
|
+
var error, fileSize, maxFileSize, tempFileNames_1, maxFileSize_1;
|
|
132
|
+
var _a;
|
|
133
|
+
return __generator(this, function (_b) {
|
|
134
|
+
switch (_b.label) {
|
|
97
135
|
case 0:
|
|
98
136
|
error = "";
|
|
99
137
|
if (!this.props.optional) {
|
|
@@ -106,22 +144,70 @@ var UploadInput = /** @class */ (function (_super) {
|
|
|
106
144
|
error = "File size cannot exceed ".concat(maxFileSize, "MB");
|
|
107
145
|
}
|
|
108
146
|
}
|
|
147
|
+
else if (this.props.files.upload.length > 0) {
|
|
148
|
+
tempFileNames_1 = [];
|
|
149
|
+
maxFileSize_1 = (_a = this.props.maxFileSize) !== null && _a !== void 0 ? _a : 30;
|
|
150
|
+
this.props.files.upload.map(function (item) {
|
|
151
|
+
var fileSize = item.fileName.size / 1024 / 1024;
|
|
152
|
+
if (fileSize > maxFileSize_1)
|
|
153
|
+
tempFileNames_1.push(item.fileName.name);
|
|
154
|
+
return null;
|
|
155
|
+
});
|
|
156
|
+
if (tempFileNames_1.length > 0) {
|
|
157
|
+
error = "File name: ".concat(tempFileNames_1.join(", "), ", size cannot exceed ").concat(maxFileSize_1, "MB");
|
|
158
|
+
}
|
|
159
|
+
}
|
|
109
160
|
else {
|
|
110
161
|
error = "Please upload a file";
|
|
111
162
|
}
|
|
112
163
|
}
|
|
113
164
|
return [4 /*yield*/, this.setAsyncState({ error: error })];
|
|
114
165
|
case 1:
|
|
115
|
-
|
|
166
|
+
_b.sent();
|
|
116
167
|
return [2 /*return*/, error ? false : true];
|
|
117
168
|
}
|
|
118
169
|
});
|
|
119
170
|
}); };
|
|
120
|
-
_this.
|
|
121
|
-
if (
|
|
122
|
-
|
|
171
|
+
_this.handleGetFileExtension = function (file) {
|
|
172
|
+
if (file) {
|
|
173
|
+
var dotIndex = file.name.lastIndexOf(".");
|
|
174
|
+
if (dotIndex > 0 && dotIndex < file.name.length - 1) {
|
|
175
|
+
return file.name.substring(dotIndex + 1);
|
|
176
|
+
}
|
|
177
|
+
else {
|
|
178
|
+
throw Error("Invalid file name: no extension found.");
|
|
179
|
+
}
|
|
123
180
|
}
|
|
124
181
|
};
|
|
182
|
+
_this.handleDownloadFile = function (filePath) { return __awaiter(_this, void 0, void 0, function () {
|
|
183
|
+
var res, url, link, e_1;
|
|
184
|
+
var _a;
|
|
185
|
+
return __generator(this, function (_b) {
|
|
186
|
+
switch (_b.label) {
|
|
187
|
+
case 0:
|
|
188
|
+
_b.trys.push([0, 2, , 3]);
|
|
189
|
+
return [4 /*yield*/, ((_a = this.props.lib) === null || _a === void 0 ? void 0 : _a.axios.get(filePath, {
|
|
190
|
+
responseType: "blob",
|
|
191
|
+
}))];
|
|
192
|
+
case 1:
|
|
193
|
+
res = _b.sent();
|
|
194
|
+
url = URL.createObjectURL(res.data);
|
|
195
|
+
link = document.createElement("a");
|
|
196
|
+
link.href = url;
|
|
197
|
+
link.setAttribute("download", "");
|
|
198
|
+
link.style.display = "none";
|
|
199
|
+
document.body.appendChild(link);
|
|
200
|
+
link.click();
|
|
201
|
+
document.body.removeChild(link);
|
|
202
|
+
URL.revokeObjectURL(url);
|
|
203
|
+
return [3 /*break*/, 3];
|
|
204
|
+
case 2:
|
|
205
|
+
e_1 = _b.sent();
|
|
206
|
+
return [3 /*break*/, 3];
|
|
207
|
+
case 3: return [2 /*return*/];
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
}); };
|
|
125
211
|
_this.renderFileDescription = function () {
|
|
126
212
|
if (_this.props.fileDescription) {
|
|
127
213
|
return _this.props.fileDescription;
|
|
@@ -130,28 +216,96 @@ var UploadInput = /** @class */ (function (_super) {
|
|
|
130
216
|
return "PNG, JPG, JPEG, TIFF up to 30MB";
|
|
131
217
|
}
|
|
132
218
|
};
|
|
219
|
+
_this.renderMultiUploadContent = function (data, type) {
|
|
220
|
+
var uploadList = [];
|
|
221
|
+
data.map(function (eachData, index) {
|
|
222
|
+
var fileName = "";
|
|
223
|
+
var fileSrc = "";
|
|
224
|
+
if (type === "upload" && eachData.fileName instanceof File) {
|
|
225
|
+
fileName = eachData.fileName.name;
|
|
226
|
+
fileSrc = URL.createObjectURL(eachData.fileName);
|
|
227
|
+
}
|
|
228
|
+
else if (type === "data" && typeof eachData.fileName === "string") {
|
|
229
|
+
fileName = eachData.fileName;
|
|
230
|
+
fileSrc = eachData.fileName;
|
|
231
|
+
}
|
|
232
|
+
uploadList.push(react_1.default.createElement(react_1.default.Fragment, null,
|
|
233
|
+
react_1.default.createElement("div", { className: "relative ".concat(type === "data" ? "mb-4" : "", " mx-2"), key: index },
|
|
234
|
+
react_1.default.createElement("div", { className: "relative inline-block" },
|
|
235
|
+
_this.props.hidePreview ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
236
|
+
react_1.default.createElement(outline_1.DocumentTextIcon, { className: "mx-auto h-20 max-w-40 object-cover text-gray-300" }),
|
|
237
|
+
react_1.default.createElement("div", { className: "h-5 w-5 bg-white absolute -top-2.5 -right-2.5 rounded-full" }, !_this.props.disabled && (react_1.default.createElement(solid_2.XCircleIcon, { className: "h-fit w-fit cursor-pointer text-red-400 hover:text-red-600", onClick: function () { return _this.handleOnRemove(eachData); } }))))) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
238
|
+
react_1.default.createElement("img", { src: fileSrc, alt: "preview.png", className: "mx-auto h-32 w-auto max-w-40 object-contain rounded-md" }),
|
|
239
|
+
react_1.default.createElement("div", { className: "h-5 w-5 bg-white absolute -top-2.5 -right-2.5 rounded-full" }, !_this.props.disabled && (react_1.default.createElement(solid_2.XCircleIcon, { className: "h-fit w-fit cursor-pointer text-red-400 hover:text-red-600", onClick: function () { return _this.handleOnRemove(eachData); } }))))),
|
|
240
|
+
react_1.default.createElement("span", { title: fileName, className: "mb-1.5 text-xs text-gray-500 bg-white" }, fileName.length > 20
|
|
241
|
+
? fileName.substring(0, 20) + "..."
|
|
242
|
+
: fileName),
|
|
243
|
+
type === "data" && (react_1.default.createElement("div", null,
|
|
244
|
+
react_1.default.createElement(textButton_1.TextButton, { text: "Download", className: "text-sm text-primary-600", onClick: function () { return _this.handleDownloadFile(fileName); } })))))));
|
|
245
|
+
return null;
|
|
246
|
+
});
|
|
247
|
+
return uploadList;
|
|
248
|
+
};
|
|
133
249
|
_this.renderUploadContent = function () {
|
|
134
|
-
if (
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
250
|
+
if (_this.props.type === "multi") {
|
|
251
|
+
if (_this.props.files.data.length > 0 ||
|
|
252
|
+
_this.props.files.upload.length > 0) {
|
|
253
|
+
return (react_1.default.createElement("div", { className: "space-y-1 text-center" },
|
|
254
|
+
react_1.default.createElement("div", { className: "flex flex-col" },
|
|
255
|
+
react_1.default.createElement("div", { className: "flex flex-wrap justify-center gap-4" },
|
|
256
|
+
_this.renderMultiUploadContent(_this.props.files.data, "data"),
|
|
257
|
+
_this.renderMultiUploadContent(_this.props.files.upload, "upload")),
|
|
258
|
+
react_1.default.createElement("div", { className: "flex text-sm text-gray-600 justify-center" },
|
|
259
|
+
react_1.default.createElement("label", { className: "relative bg-primary-500 rounded-md font-medium px-4 py-1 text-white ".concat(_this.props.disabled
|
|
260
|
+
? "bg-gray-500 cursor-not-allowed"
|
|
261
|
+
: "hover:bg-primary-600 cursor-pointer") },
|
|
262
|
+
react_1.default.createElement("span", null, "Add file"),
|
|
263
|
+
react_1.default.createElement("input", { id: _this.props.id, name: "file-upload", type: "file", multiple: true, className: "sr-only", accept: _this.props.accept, disabled: _this.props.disabled, onChange: function (e) { return _this.handleOnChange(e); } }))),
|
|
264
|
+
react_1.default.createElement("p", { className: "text-xs text-gray-500 pt-4" }, _this.renderFileDescription()))));
|
|
265
|
+
}
|
|
266
|
+
else {
|
|
267
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
268
|
+
react_1.default.createElement(solid_1.FolderPlusIcon, { className: "mx-auto h-24 w-24 text-gray-300" }),
|
|
269
|
+
react_1.default.createElement("div", { className: "flex text-sm text-gray-600 justify-center" },
|
|
270
|
+
react_1.default.createElement("label", { className: "relative bg-primary-500 rounded-md font-medium px-4 py-1 text-white ".concat(_this.props.disabled
|
|
271
|
+
? "bg-gray-500 cursor-not-allowed"
|
|
272
|
+
: "hover:bg-primary-600 cursor-pointer") },
|
|
273
|
+
react_1.default.createElement("span", null, "Upload file"),
|
|
274
|
+
react_1.default.createElement("input", { id: _this.props.id, name: "file-upload", type: "file", multiple: true, className: "sr-only", accept: _this.props.accept, disabled: _this.props.disabled, onChange: function (e) { return _this.handleOnChange(e); } }))),
|
|
275
|
+
react_1.default.createElement("p", { className: "text-xs text-gray-500 pt-4 text-center" }, _this.renderFileDescription())));
|
|
276
|
+
}
|
|
142
277
|
}
|
|
143
278
|
else {
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
279
|
+
var dataType = "";
|
|
280
|
+
var fileName = "";
|
|
281
|
+
if (typeof _this.props.file === "string" && _this.props.file) {
|
|
282
|
+
dataType = "url";
|
|
283
|
+
fileName = _this.props.file;
|
|
284
|
+
}
|
|
285
|
+
else if (_this.props.file instanceof File) {
|
|
286
|
+
dataType = "file";
|
|
287
|
+
fileName = _this.props.file.name;
|
|
288
|
+
}
|
|
289
|
+
return (react_1.default.createElement("div", { className: "relative" },
|
|
290
|
+
react_1.default.createElement("div", { className: "flex flex-col text-center" },
|
|
291
|
+
!_this.props.hidePreview ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
292
|
+
react_1.default.createElement("img", { alt: "", src: dataType === "file"
|
|
293
|
+
? URL.createObjectURL(_this.props.file)
|
|
294
|
+
: _this.props.file, className: "mx-auto h-32 w-auto max-w-40 object-contain rounded-md mb-4" }),
|
|
295
|
+
react_1.default.createElement("span", { title: fileName, className: "mb-1.5 text-xs text-gray-500 bg-white" }, fileName
|
|
296
|
+
? "".concat(fileName.length > 20
|
|
297
|
+
? fileName.substring(0, 20) + "..."
|
|
298
|
+
: fileName)
|
|
299
|
+
: "Untitled File"))) : (react_1.default.createElement(solid_1.FolderPlusIcon, { className: "mx-auto h-24 w-24 text-gray-300" })),
|
|
300
|
+
react_1.default.createElement("div", { className: "flex flex-col justify-center" },
|
|
301
|
+
dataType === "url" && (react_1.default.createElement(textButton_1.TextButton, { text: "Download", className: "text-sm text-primary-600 mb-4", onClick: function () { return _this.handleDownloadFile(_this.props.file); } })),
|
|
302
|
+
react_1.default.createElement("div", { className: "flex text-sm text-gray-600 justify-center" },
|
|
303
|
+
react_1.default.createElement("label", { className: "relative bg-primary-500 rounded-md font-medium px-4 py-1 text-white ".concat(_this.props.disabled
|
|
304
|
+
? "bg-gray-500 cursor-not-allowed"
|
|
305
|
+
: "hover:bg-primary-600 cursor-pointer") },
|
|
306
|
+
react_1.default.createElement("span", null, "Upload file"),
|
|
307
|
+
react_1.default.createElement("input", { id: _this.props.id, name: "file-upload", type: "file", className: "sr-only", accept: _this.props.accept, disabled: _this.props.disabled, onChange: _this.handleOnChange }))),
|
|
308
|
+
react_1.default.createElement("p", { className: "text-xs text-gray-500 pt-4" }, _this.renderFileDescription())))));
|
|
155
309
|
}
|
|
156
310
|
};
|
|
157
311
|
return _this;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/uploadInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/uploadInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,12 +9,22 @@ interface Props extends LinkProps {
|
|
|
9
9
|
icon: any;
|
|
10
10
|
}[];
|
|
11
11
|
selectedId: string;
|
|
12
|
+
draggable?: boolean;
|
|
12
13
|
primaryColor?: boolean;
|
|
13
14
|
customColor?: "red" | "orange" | "yellow" | "green" | "blue" | "indigo" | "violet";
|
|
14
15
|
onClick?: (id: string) => void;
|
|
16
|
+
handleChangeBars?: (value: any) => void;
|
|
15
17
|
}
|
|
16
18
|
export declare class Bars extends Component<Props> {
|
|
17
|
-
|
|
19
|
+
dragItem: any;
|
|
20
|
+
dragOverItem: any;
|
|
21
|
+
dragImg: any;
|
|
22
|
+
componentDidMount(): void;
|
|
23
|
+
handleDragStart: (event: any, index: any) => void;
|
|
24
|
+
handleDragOver: (event: any) => void;
|
|
25
|
+
handleDragEnter: (index: any) => void;
|
|
26
|
+
handleDrop: () => void;
|
|
27
|
+
renderBarColor: (type: string, selected: boolean, isDragging: boolean) => string;
|
|
18
28
|
render(): JSX.Element;
|
|
19
29
|
}
|
|
20
30
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EACR,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CACpC;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAQR;IAEF,cAAc,SAAU,MAAM,YAAY,OAAO,cAAc,OAAO,YA0EpE;IAEF,MAAM;CAsEP"}
|
|
@@ -37,6 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
37
37
|
__setModuleDefault(result, mod);
|
|
38
38
|
return result;
|
|
39
39
|
};
|
|
40
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
41
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
42
|
+
if (ar || !(i in from)) {
|
|
43
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
44
|
+
ar[i] = from[i];
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
48
|
+
};
|
|
40
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
50
|
exports.Bars = void 0;
|
|
42
51
|
var react_1 = __importStar(require("react"));
|
|
@@ -53,38 +62,76 @@ var Bars = /** @class */ (function (_super) {
|
|
|
53
62
|
__extends(Bars, _super);
|
|
54
63
|
function Bars() {
|
|
55
64
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
56
|
-
_this.
|
|
65
|
+
_this.dragItem = (0, react_1.createRef)();
|
|
66
|
+
_this.dragOverItem = (0, react_1.createRef)();
|
|
67
|
+
_this.dragImg = null;
|
|
68
|
+
_this.handleDragStart = function (event, index) {
|
|
69
|
+
event.dataTransfer.setDragImage(_this.dragImg, 0, 0);
|
|
70
|
+
_this.dragItem.current = index;
|
|
71
|
+
};
|
|
72
|
+
_this.handleDragOver = function (event) {
|
|
73
|
+
event.preventDefault();
|
|
74
|
+
};
|
|
75
|
+
_this.handleDragEnter = function (index) {
|
|
76
|
+
_this.dragOverItem.current = index;
|
|
77
|
+
var copiedBars = __spreadArray([], _this.props.bars, true);
|
|
78
|
+
var dragItemContent = copiedBars[_this.dragItem.current];
|
|
79
|
+
copiedBars.splice(_this.dragItem.current, 1);
|
|
80
|
+
copiedBars.splice(_this.dragOverItem.current, 0, dragItemContent);
|
|
81
|
+
_this.dragItem.current = _this.dragOverItem.current;
|
|
82
|
+
if (_this.props.handleChangeBars)
|
|
83
|
+
_this.props.handleChangeBars(copiedBars);
|
|
84
|
+
};
|
|
85
|
+
_this.handleDrop = function () {
|
|
86
|
+
var copiedBars = __spreadArray([], _this.props.bars, true);
|
|
87
|
+
var dragItemContent = copiedBars[_this.dragItem.current];
|
|
88
|
+
copiedBars.splice(_this.dragItem.current, 1);
|
|
89
|
+
copiedBars.splice(_this.dragOverItem.current, 0, dragItemContent);
|
|
90
|
+
_this.dragItem.current = null;
|
|
91
|
+
_this.dragOverItem.current = null;
|
|
92
|
+
if (_this.props.handleChangeBars)
|
|
93
|
+
_this.props.handleChangeBars(copiedBars);
|
|
94
|
+
};
|
|
95
|
+
_this.renderBarColor = function (type, selected, isDragging) {
|
|
57
96
|
var className = "";
|
|
58
97
|
var color = _this.props.primaryColor;
|
|
59
98
|
var cusColorText = "bg-primary-500";
|
|
99
|
+
var dragColorText = "bg-primary-400";
|
|
60
100
|
var cusColorIcon = "hover:bg-primary-400";
|
|
61
101
|
switch (_this.props.customColor) {
|
|
62
102
|
case "red":
|
|
63
103
|
cusColorText = "bg-red-500";
|
|
104
|
+
dragColorText = "bg-red-400";
|
|
64
105
|
cusColorIcon = "hover:bg-red-400";
|
|
65
106
|
break;
|
|
66
107
|
case "orange":
|
|
67
108
|
cusColorText = "bg-orange-500";
|
|
109
|
+
dragColorText = "bg-orange-400";
|
|
68
110
|
cusColorIcon = "hover:bg-orange-400";
|
|
69
111
|
break;
|
|
70
112
|
case "yellow":
|
|
71
113
|
cusColorText = "bg-yellow-500";
|
|
114
|
+
dragColorText = "bg-yellow-400";
|
|
72
115
|
cusColorIcon = "hover:bg-yellow-400";
|
|
73
116
|
break;
|
|
74
117
|
case "green":
|
|
75
118
|
cusColorText = "bg-green-500";
|
|
119
|
+
dragColorText = "bg-green-400";
|
|
76
120
|
cusColorIcon = "hover:bg-green-400";
|
|
77
121
|
break;
|
|
78
122
|
case "blue":
|
|
79
123
|
cusColorText = "bg-blue-500";
|
|
124
|
+
dragColorText = "bg-blue-400";
|
|
80
125
|
cusColorIcon = "hover:bg-blue-400";
|
|
81
126
|
break;
|
|
82
127
|
case "indigo":
|
|
83
128
|
cusColorText = "bg-indigo-500";
|
|
129
|
+
dragColorText = "bg-indigo-400";
|
|
84
130
|
cusColorIcon = "hover:bg-indigo-400";
|
|
85
131
|
break;
|
|
86
132
|
case "violet":
|
|
87
133
|
cusColorText = "bg-violet-500";
|
|
134
|
+
dragColorText = "bg-violet-400";
|
|
88
135
|
cusColorIcon = "hover:bg-violet-400";
|
|
89
136
|
break;
|
|
90
137
|
default:
|
|
@@ -94,39 +141,48 @@ var Bars = /** @class */ (function (_super) {
|
|
|
94
141
|
if (selected) {
|
|
95
142
|
className = "".concat(color ? "".concat(cusColorText, " text-white") : "bg-gray-100 text-gray-900");
|
|
96
143
|
}
|
|
144
|
+
else if (isDragging) {
|
|
145
|
+
className = "".concat(color ? "".concat(dragColorText, " text-white") : "bg-gray-50 text-gray-900");
|
|
146
|
+
}
|
|
97
147
|
else {
|
|
98
|
-
className = "text-gray-600 ".concat(color
|
|
148
|
+
className = "text-gray-600 ".concat(color && _this.dragItem.current === null
|
|
99
149
|
? "".concat(cusColorIcon, " hover:text-white")
|
|
100
150
|
: "hover:bg-gray-50 hover:text-gray-900", " ");
|
|
101
151
|
}
|
|
102
152
|
}
|
|
103
153
|
else {
|
|
104
|
-
if (selected) {
|
|
154
|
+
if (selected || isDragging) {
|
|
105
155
|
className = "".concat(color ? "text-white" : "text-gray-500");
|
|
106
156
|
}
|
|
107
157
|
else {
|
|
108
|
-
className = "".concat(color
|
|
158
|
+
className = "".concat(color && _this.dragItem.current === null
|
|
109
159
|
? "text-gray-500 group-hover:text-white"
|
|
110
|
-
: "text-gray-
|
|
160
|
+
: "text-gray-500 group-hover:text-gray-500");
|
|
111
161
|
}
|
|
112
162
|
}
|
|
113
163
|
return className;
|
|
114
164
|
};
|
|
115
165
|
return _this;
|
|
116
166
|
}
|
|
167
|
+
Bars.prototype.componentDidMount = function () {
|
|
168
|
+
this.dragImg = new Image(0, 0);
|
|
169
|
+
this.dragImg.src =
|
|
170
|
+
"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
|
|
171
|
+
};
|
|
117
172
|
Bars.prototype.render = function () {
|
|
118
173
|
var _this = this;
|
|
119
174
|
var selectedId = this.props.selectedId;
|
|
120
|
-
return (react_1.default.createElement("nav", { className: "space-y-1", "aria-label": "Sidebar" }, this.props.bars.map(function (item) {
|
|
121
|
-
var containerClassName = classNames(_this.renderBarColor("text", item.id === selectedId), "group flex items-center px-3 py-2 text-sm font-medium rounded-md");
|
|
175
|
+
return (react_1.default.createElement("nav", { className: "space-y-1", "aria-label": "Sidebar" }, this.props.bars.map(function (item, index) {
|
|
176
|
+
var containerClassName = classNames(_this.renderBarColor("text", item.id === selectedId, _this.dragItem.current === index), "group flex items-center px-3 py-2 text-sm font-medium rounded-md");
|
|
122
177
|
var childrenComponent = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
123
|
-
react_1.default.createElement(item.icon, { className: classNames(_this.renderBarColor("icon", item.id === selectedId), "flex-shrink-0 -ml-1 mr-3 h-6 w-6"), "aria-hidden": "true" }),
|
|
178
|
+
react_1.default.createElement(item.icon, { className: classNames(_this.renderBarColor("icon", item.id === selectedId, _this.dragItem.current === index), "flex-shrink-0 -ml-1 mr-3 h-6 w-6"), "aria-hidden": "true" }),
|
|
124
179
|
react_1.default.createElement("span", { className: "truncate" }, item.name)));
|
|
125
180
|
if (_this.props.onClick) {
|
|
126
|
-
return (react_1.default.createElement("div", { key: item.name, className: containerClassName, onClick: _this.props.onClick.bind(_this, item.id) }, childrenComponent));
|
|
181
|
+
return (react_1.default.createElement("div", { key: item.name, className: containerClassName, onClick: _this.props.onClick.bind(_this, item.id), draggable: _this.props.draggable, onDragStart: function (event) { return _this.handleDragStart(event, index); }, onDragEnter: function () { return _this.handleDragEnter(index); }, onDragOver: function (event) { return _this.handleDragOver(event); }, onDrop: _this.handleDrop }, childrenComponent));
|
|
127
182
|
}
|
|
128
183
|
else {
|
|
129
|
-
return (react_1.default.createElement(
|
|
184
|
+
return (react_1.default.createElement("div", { key: item.name, draggable: _this.props.draggable, onDragStart: function (event) { return _this.handleDragStart(event, index); }, onDragEnter: function () { return _this.handleDragEnter(index); }, onDragOver: function (event) { return _this.handleDragOver(event); }, onDrop: _this.handleDrop },
|
|
185
|
+
react_1.default.createElement(link_1.Link, { key: item.name, href: item.href, className: containerClassName, linkType: _this.props.linkType, custom: _this.props.custom }, childrenComponent)));
|
|
130
186
|
}
|
|
131
187
|
})));
|
|
132
188
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,9 @@ interface Props extends LinkProps {
|
|
|
11
11
|
selectedId: string;
|
|
12
12
|
navigation: Navigation[];
|
|
13
13
|
leftNavMobileMenu: boolean;
|
|
14
|
+
draggable?: boolean;
|
|
14
15
|
handleToggleLeftNavMobileMenu: () => void;
|
|
16
|
+
handleChangeNavigation?: (value: any) => void;
|
|
15
17
|
renderDashboardLogo: () => any;
|
|
16
18
|
renderDashboardContent: () => any;
|
|
17
19
|
renderDashboardHeaderContent: () => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAGjD,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,CAAC;CACX;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B,EAAE,MAAM,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;IACzC,mBAAmB,EAAE,MAAM,GAAG,CAAC;IAC/B,sBAAsB,EAAE,MAAM,GAAG,CAAC;IAClC,4BAA4B,EAAE,MAAM,GAAG,CAAC;IACxC,4BAA4B,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1C;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,UAAU,oBAyBR;IAEF,qBAAqB,oBAanB;IAEF,aAAa,oBA+CX;IAEF,MAAM;CAaP"}
|
|
@@ -52,7 +52,10 @@ var LeftNav = /** @class */ (function (_super) {
|
|
|
52
52
|
_this.renderBars = function () {
|
|
53
53
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
54
54
|
react_1.default.createElement("div", { className: "flex flex-col space-y-1" },
|
|
55
|
-
react_1.default.createElement(bars_1.Bars, { bars: _this.props.navigation, selectedId: _this.props.selectedId,
|
|
55
|
+
react_1.default.createElement(bars_1.Bars, { primaryColor: true, bars: _this.props.navigation, selectedId: _this.props.selectedId, draggable: _this.props.draggable, custom: _this.props.custom, linkType: _this.props.linkType, handleChangeBars: function (value) {
|
|
56
|
+
if (_this.props.handleChangeNavigation)
|
|
57
|
+
_this.props.handleChangeNavigation(value);
|
|
58
|
+
} })),
|
|
56
59
|
react_1.default.createElement("div", { className: "grow" }),
|
|
57
60
|
_this.props.renderDashboardFooterContent && (react_1.default.createElement("div", { className: "flex flex-shrink-0 border-t border-gray-200 p-4" }, _this.props.renderDashboardFooterContent()))));
|
|
58
61
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAmE;AACnE,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AACrD,uDAAsD;AAEtD,gCAA+B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/leftNav/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,9 +8,19 @@ interface Props extends LinkProps {
|
|
|
8
8
|
href: string;
|
|
9
9
|
}[];
|
|
10
10
|
selectedId: string;
|
|
11
|
+
draggable?: boolean;
|
|
11
12
|
onClick?: (id: string) => void;
|
|
13
|
+
handleChangeTabs?: (value: any) => void;
|
|
12
14
|
}
|
|
13
15
|
export declare class Tabs extends Component<Props> {
|
|
16
|
+
dragItem: any;
|
|
17
|
+
dragOverItem: any;
|
|
18
|
+
dragImg: any;
|
|
19
|
+
componentDidMount(): void;
|
|
20
|
+
handleDragStart: (event: any, index: any) => void;
|
|
21
|
+
handleDragOver: (event: any) => void;
|
|
22
|
+
handleDragEnter: (index: any) => void;
|
|
23
|
+
handleDrop: () => void;
|
|
14
24
|
render(): JSX.Element;
|
|
15
25
|
}
|
|
16
26
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AACpD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAMvD,UAAU,KAAM,SAAQ,SAAS;IAC/B,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAC;CACpC;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,QAAQ,EAAE,GAAG,CAAe;IAC5B,YAAY,EAAE,GAAG,CAAe;IAChC,OAAO,EAAE,GAAG,CAAQ;IAEpB,iBAAiB;IAMjB,eAAe,mCAGb;IAEF,cAAc,uBAEZ;IAEF,eAAe,uBAQb;IAEF,UAAU,aAQR;IAEF,MAAM;CA4DP"}
|