phx-react 1.3.337 → 1.3.338
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/cjs/components/UploadAvatar/UploadAvatar.d.ts +9 -0
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js +86 -0
- package/dist/cjs/components/UploadAvatar/UploadAvatar.js.map +1 -0
- package/dist/cjs/components/UploadAvatar/index.d.ts +1 -0
- package/dist/cjs/components/UploadAvatar/index.js +5 -0
- package/dist/cjs/components/UploadAvatar/index.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/UploadAvatar/UploadAvatar.d.ts +9 -0
- package/dist/esm/components/UploadAvatar/UploadAvatar.js +83 -0
- package/dist/esm/components/UploadAvatar/UploadAvatar.js.map +1 -0
- package/dist/esm/components/UploadAvatar/index.d.ts +1 -0
- package/dist/esm/components/UploadAvatar/index.js +2 -0
- package/dist/esm/components/UploadAvatar/index.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface UploadAvatarProps {
|
|
3
|
+
basePath: string;
|
|
4
|
+
apiCdnUpload: string;
|
|
5
|
+
projectId: string;
|
|
6
|
+
handleListenUpload: any;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
}
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var react_2 = require("react");
|
|
6
|
+
var Button_1 = require("../Button");
|
|
7
|
+
function PHXUploadAvatar(_a) {
|
|
8
|
+
var _this = this;
|
|
9
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, projectId = _a.projectId;
|
|
10
|
+
var _b = (0, react_2.useState)(''), link = _b[0], setLink = _b[1];
|
|
11
|
+
var inputRef = (0, react_2.useRef)(null);
|
|
12
|
+
var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
|
|
13
|
+
var _c = (0, react_2.useState)(false), loading = _c[0], setLoading = _c[1];
|
|
14
|
+
var handleUploadAvatar = function (e) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
|
|
15
|
+
var files, fileLength, selectedFile, formData, response, responseData, res, error_1;
|
|
16
|
+
return tslib_1.__generator(this, function (_a) {
|
|
17
|
+
switch (_a.label) {
|
|
18
|
+
case 0:
|
|
19
|
+
files = e.target.files;
|
|
20
|
+
fileLength = files.length;
|
|
21
|
+
if (!(files && fileLength !== 0)) return [3 /*break*/, 8];
|
|
22
|
+
setLoading(true);
|
|
23
|
+
selectedFile = files[0];
|
|
24
|
+
formData = new FormData();
|
|
25
|
+
formData.append('file', selectedFile);
|
|
26
|
+
// @ts-ignore
|
|
27
|
+
formData.append('projectId', projectId);
|
|
28
|
+
formData.append('moduleId', 'upload-avatar');
|
|
29
|
+
_a.label = 1;
|
|
30
|
+
case 1:
|
|
31
|
+
_a.trys.push([1, 7, , 8]);
|
|
32
|
+
return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
|
|
33
|
+
method: 'POST',
|
|
34
|
+
body: formData
|
|
35
|
+
})];
|
|
36
|
+
case 2:
|
|
37
|
+
response = _a.sent();
|
|
38
|
+
if (!response.ok) return [3 /*break*/, 5];
|
|
39
|
+
return [4 /*yield*/, response.json()];
|
|
40
|
+
case 3:
|
|
41
|
+
responseData = _a.sent();
|
|
42
|
+
return [4 /*yield*/, responseData.link];
|
|
43
|
+
case 4:
|
|
44
|
+
res = _a.sent();
|
|
45
|
+
setLink(res);
|
|
46
|
+
handleListenUpload(res);
|
|
47
|
+
setLoading(false);
|
|
48
|
+
return [3 /*break*/, 6];
|
|
49
|
+
case 5:
|
|
50
|
+
console.error('Request failed with status:', response.status);
|
|
51
|
+
_a.label = 6;
|
|
52
|
+
case 6: return [3 /*break*/, 8];
|
|
53
|
+
case 7:
|
|
54
|
+
error_1 = _a.sent();
|
|
55
|
+
console.error('Error:', error_1);
|
|
56
|
+
return [3 /*break*/, 8];
|
|
57
|
+
case 8: return [2 /*return*/];
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
}); };
|
|
61
|
+
var handleClick = function () {
|
|
62
|
+
var _a;
|
|
63
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
64
|
+
};
|
|
65
|
+
var handleDeleteImage = function () {
|
|
66
|
+
setLink(defaultAvatar);
|
|
67
|
+
handleListenUpload(defaultAvatar);
|
|
68
|
+
};
|
|
69
|
+
(0, react_2.useEffect)(function () {
|
|
70
|
+
if (defaultValue) {
|
|
71
|
+
setLink(defaultValue);
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
}, [defaultValue]);
|
|
77
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
78
|
+
react_1["default"].createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
79
|
+
react_1["default"].createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
80
|
+
react_1["default"].createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
81
|
+
react_1["default"].createElement(Button_1.PHXButton, { className: 'mr-3', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
82
|
+
react_1["default"].createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
83
|
+
defaultValue || link ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
84
|
+
}
|
|
85
|
+
exports["default"] = PHXUploadAvatar;
|
|
86
|
+
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './UploadAvatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -39,4 +39,5 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.PHXDropdown = exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
3
|
+
exports.PHXUploadAvatar = exports.PHXDropdown = exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var UploadFile_1 = require("./components/UploadFile/UploadFile");
|
|
6
6
|
exports.PHXUploadFile = UploadFile_1.PHXUploadFile;
|
|
@@ -84,4 +84,6 @@ var TimePicker_1 = require("./components/TimePicker");
|
|
|
84
84
|
exports.PHXTimePicker = TimePicker_1.PHXTimePicker;
|
|
85
85
|
var Dropdown_1 = require("./components/Dropdown");
|
|
86
86
|
exports.PHXDropdown = Dropdown_1.PHXDropdown;
|
|
87
|
+
var UploadAvatar_1 = tslib_1.__importDefault(require("./components/UploadAvatar/UploadAvatar"));
|
|
88
|
+
exports.PHXUploadAvatar = UploadAvatar_1["default"];
|
|
87
89
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;AA4EhE,wBA5EO,0BAAa,CA4EP;AA3Ef,sDAAuD;AAwErD,wBAxEO,0BAAa,CAwEP;AAvEf,0CAA2C;AAwDzC,kBAxDO,cAAO,CAwDP;AAvDT,iEAAwC;AAyCtC,oBAzCK,gBAAS,CAyCL;AAxCX,8CAA+C;AAyC7C,oBAzCO,kBAAS,CAyCP;AAxCX,0CAA2C;AAyCzC,kBAzCO,cAAO,CAyCP;AAxCT,gDAAiD;AAyC/C,qBAzCO,oBAAU,CAyCP;AAxCZ,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,4CAA6C;AA2C3C,mBA3CO,gBAAQ,CA2CP;AA1CV,kDAAmD;AAwCjD,sBAxCO,sBAAW,CAwCP;AAvCb,oDAAqD;AAwCnD,uBAxCO,wBAAY,CAwCP;AAvCd,4CAA6C;AAyC3C,mBAzCO,gBAAQ,CAyCP;AAxCV,8CAA+C;AAyC7C,oBAzCO,kBAAS,CAyCP;AAxCX,4CAA6C;AAyC3C,mBAzCO,gBAAQ,CAyCP;AAxCV,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,kDAAmD;AAyCjD,sBAzCO,sBAAW,CAyCP;AAxCb,4DAA6D;AAyC3D,2BAzCO,gCAAgB,CAyCP;AAxClB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,wFAAiE;AA0C/D,+BA1CK,yBAAoB,CA0CL;AAzCtB,0FAA4D;AA0C1D,yBA1CK,0BAAc,CA0CL;AAzChB,gGAAkE;AA0ChE,4BA1CK,6BAAiB,CA0CL;AAzCnB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,0CAA2C;AA0CzC,kBA1CO,cAAO,CA0CP;AAzCT,sDAAuD;AA0CrD,wBA1CO,0BAAa,CA0CP;AAzCf,kEAAmE;AA0CjE,8BA1CO,sCAAmB,CA0CP;AAzCrB,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,4CAA6C;AA0C3C,mBA1CO,gBAAQ,CA0CP;AAzCV,8CAA+C;AA0C7C,oBA1CO,kBAAS,CA0CP;AAzCX,wDAAyD;AA0CvD,yBA1CO,4BAAc,CA0CP;AAzChB,kDAAmD;AA0CjD,sBA1CO,sBAAW,CA0CP;AAzCb,gEAAiE;AA2C/D,6BA3CO,oCAAkB,CA2CP;AA1CpB,sDAAuD;AA2CrD,wBA3CO,0BAAa,CA2CP;AA1Cf,0EAA2E;AA4CzE,kCA5CO,8CAAuB,CA4CP;AA3CzB,kEAAmE;AA4CjE,8BA5CO,sCAAmB,CA4CP;AA3CrB,sDAAuD;AA4CrD,wBA5CO,0BAAa,CA4CP;AA3Cf,oDAAqD;AA4CnD,uBA5CO,wBAAY,CA4CP;AA3Cd,wDAAyD;AA4CvD,yBA5CO,4BAAc,CA4CP;AA3ChB,8DAA+D;AA4C7D,4BA5CO,kCAAiB,CA4CP;AA3CnB,sDAAuD;AA4CrD,wBA5CO,0BAAa,CA4CP;AA3Cf,kDAAmD;AA4CjD,sBA5CO,sBAAW,CA4CP;AA3Cb,gGAAoE;AA4ClE,0BA5CK,yBAAe,CA4CL"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface UploadAvatarProps {
|
|
3
|
+
basePath: string;
|
|
4
|
+
apiCdnUpload: string;
|
|
5
|
+
projectId: string;
|
|
6
|
+
handleListenUpload: any;
|
|
7
|
+
defaultValue?: string;
|
|
8
|
+
}
|
|
9
|
+
export default function PHXUploadAvatar({ apiCdnUpload, basePath, defaultValue, handleListenUpload, projectId, }: UploadAvatarProps): React.JSX.Element;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { __awaiter, __generator } from "tslib";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { PHXButton } from '../Button';
|
|
5
|
+
export default function PHXUploadAvatar(_a) {
|
|
6
|
+
var _this = this;
|
|
7
|
+
var apiCdnUpload = _a.apiCdnUpload, basePath = _a.basePath, defaultValue = _a.defaultValue, handleListenUpload = _a.handleListenUpload, projectId = _a.projectId;
|
|
8
|
+
var _b = useState(''), link = _b[0], setLink = _b[1];
|
|
9
|
+
var inputRef = useRef(null);
|
|
10
|
+
var defaultAvatar = 'https://static-data-sisv2.phx-smartschool.com/common/prod/avatar/default_avatar.png';
|
|
11
|
+
var _c = useState(false), loading = _c[0], setLoading = _c[1];
|
|
12
|
+
var handleUploadAvatar = function (e) { return __awaiter(_this, void 0, void 0, function () {
|
|
13
|
+
var files, fileLength, selectedFile, formData, response, responseData, res, error_1;
|
|
14
|
+
return __generator(this, function (_a) {
|
|
15
|
+
switch (_a.label) {
|
|
16
|
+
case 0:
|
|
17
|
+
files = e.target.files;
|
|
18
|
+
fileLength = files.length;
|
|
19
|
+
if (!(files && fileLength !== 0)) return [3 /*break*/, 8];
|
|
20
|
+
setLoading(true);
|
|
21
|
+
selectedFile = files[0];
|
|
22
|
+
formData = new FormData();
|
|
23
|
+
formData.append('file', selectedFile);
|
|
24
|
+
// @ts-ignore
|
|
25
|
+
formData.append('projectId', projectId);
|
|
26
|
+
formData.append('moduleId', 'upload-avatar');
|
|
27
|
+
_a.label = 1;
|
|
28
|
+
case 1:
|
|
29
|
+
_a.trys.push([1, 7, , 8]);
|
|
30
|
+
return [4 /*yield*/, fetch(basePath + apiCdnUpload, {
|
|
31
|
+
method: 'POST',
|
|
32
|
+
body: formData
|
|
33
|
+
})];
|
|
34
|
+
case 2:
|
|
35
|
+
response = _a.sent();
|
|
36
|
+
if (!response.ok) return [3 /*break*/, 5];
|
|
37
|
+
return [4 /*yield*/, response.json()];
|
|
38
|
+
case 3:
|
|
39
|
+
responseData = _a.sent();
|
|
40
|
+
return [4 /*yield*/, responseData.link];
|
|
41
|
+
case 4:
|
|
42
|
+
res = _a.sent();
|
|
43
|
+
setLink(res);
|
|
44
|
+
handleListenUpload(res);
|
|
45
|
+
setLoading(false);
|
|
46
|
+
return [3 /*break*/, 6];
|
|
47
|
+
case 5:
|
|
48
|
+
console.error('Request failed with status:', response.status);
|
|
49
|
+
_a.label = 6;
|
|
50
|
+
case 6: return [3 /*break*/, 8];
|
|
51
|
+
case 7:
|
|
52
|
+
error_1 = _a.sent();
|
|
53
|
+
console.error('Error:', error_1);
|
|
54
|
+
return [3 /*break*/, 8];
|
|
55
|
+
case 8: return [2 /*return*/];
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
}); };
|
|
59
|
+
var handleClick = function () {
|
|
60
|
+
var _a;
|
|
61
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
|
|
62
|
+
};
|
|
63
|
+
var handleDeleteImage = function () {
|
|
64
|
+
setLink(defaultAvatar);
|
|
65
|
+
handleListenUpload(defaultAvatar);
|
|
66
|
+
};
|
|
67
|
+
useEffect(function () {
|
|
68
|
+
if (defaultValue) {
|
|
69
|
+
setLink(defaultValue);
|
|
70
|
+
}
|
|
71
|
+
else {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
}, [defaultValue]);
|
|
75
|
+
return (React.createElement(React.Fragment, null,
|
|
76
|
+
React.createElement("div", { className: ' items-center lg:flex xl:flex' },
|
|
77
|
+
React.createElement("img", { alt: 'avatar', className: 'inline-block h-14 w-14 rounded-full', src: link && !loading ? link : defaultAvatar }),
|
|
78
|
+
React.createElement("div", { className: 'lg:ml-4 xl:ml-4 2xl:ml-4' },
|
|
79
|
+
React.createElement(PHXButton, { className: 'mr-3', onClick: handleClick, secondary: true, size: 'small' }, "T\u1EA3i \u1EA3nh l\u00EAn"),
|
|
80
|
+
React.createElement("input", { ref: inputRef, className: 'hidden', id: 'file', onChange: handleUploadAvatar, type: 'file' }),
|
|
81
|
+
defaultValue || link ? (React.createElement(PHXButton, { onClick: handleDeleteImage, secondary: true, size: 'small' }, "X\u00F3a \u1EA3nh")) : null))));
|
|
82
|
+
}
|
|
83
|
+
//# sourceMappingURL=UploadAvatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UploadAvatar.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/UploadAvatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './UploadAvatar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/UploadAvatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -39,4 +39,5 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
package/dist/esm/index.js
CHANGED
|
@@ -39,5 +39,6 @@ import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
40
|
import { PHXTimePicker } from './components/TimePicker';
|
|
41
41
|
import { PHXDropdown } from './components/Dropdown';
|
|
42
|
-
|
|
42
|
+
import PHXUploadAvatar from './components/UploadAvatar/UploadAvatar';
|
|
43
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, PHXDropdown, PHXUploadAvatar, };
|
|
43
44
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|