phx-react 1.3.860 → 1.3.861
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/Select/Select.d.ts +2 -1
- package/dist/cjs/components/Select/Select.js +19 -2
- package/dist/cjs/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +2 -1
- package/dist/esm/components/Select/Select.js +19 -2
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,8 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
helpText?: string;
|
|
10
10
|
error?: boolean;
|
|
11
|
-
errorType?: 'required-field' | 'duplicate-field';
|
|
11
|
+
errorType?: 'required-field' | 'duplicate-field' | 'custom-message';
|
|
12
|
+
errorMessageCustom?: string;
|
|
12
13
|
labelAction?: ComplexAction;
|
|
13
14
|
}
|
|
14
15
|
export declare const PHXSelect: React.FC<SelectProps>;
|
|
@@ -5,7 +5,24 @@ var tslib_1 = require("tslib");
|
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var PHXSelect = function (_a) {
|
|
8
|
-
var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, labelAction = _a.labelAction, rest = tslib_1.__rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType", "labelAction"]);
|
|
8
|
+
var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, labelAction = _a.labelAction, rest = tslib_1.__rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType", "errorMessageCustom", "labelAction"]);
|
|
9
|
+
var message = function (type) {
|
|
10
|
+
var errorMessage = '';
|
|
11
|
+
switch (type) {
|
|
12
|
+
case 'required-field':
|
|
13
|
+
errorMessage = 'Vui lòng chọn thông tin';
|
|
14
|
+
break;
|
|
15
|
+
case 'duplicate-field':
|
|
16
|
+
errorMessage = 'Thông tin đã tồn tại';
|
|
17
|
+
break;
|
|
18
|
+
case 'custom-message':
|
|
19
|
+
errorMessage = errorMessageCustom;
|
|
20
|
+
break;
|
|
21
|
+
default:
|
|
22
|
+
break;
|
|
23
|
+
}
|
|
24
|
+
return errorMessage;
|
|
25
|
+
};
|
|
9
26
|
return (react_1["default"].createElement("div", { className: className },
|
|
10
27
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
11
28
|
label && react_1["default"].createElement("label", null, label),
|
|
@@ -15,7 +32,7 @@ var PHXSelect = function (_a) {
|
|
|
15
32
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
16
33
|
react_1["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
17
34
|
react_1["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
18
|
-
react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, errorType
|
|
35
|
+
react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null));
|
|
19
36
|
};
|
|
20
37
|
exports.PHXSelect = PHXSelect;
|
|
21
38
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,wDAAmD;AAEnD,kCAAoD;AAc7C,IAAM,SAAS,GAA0B,UAAC,EAWnC;IAVZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,sBAVwC,qHAWhD,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,gDAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,wCACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,gEACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,IAAA,kBAAU,EACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,0CAAK,SAAS,EAAC,6BAA6B;YAC1C,0CACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,2CACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,wCAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAjFY,QAAA,SAAS,aAiFrB"}
|
|
@@ -8,7 +8,8 @@ export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
helpText?: string;
|
|
10
10
|
error?: boolean;
|
|
11
|
-
errorType?: 'required-field' | 'duplicate-field';
|
|
11
|
+
errorType?: 'required-field' | 'duplicate-field' | 'custom-message';
|
|
12
|
+
errorMessageCustom?: string;
|
|
12
13
|
labelAction?: ComplexAction;
|
|
13
14
|
}
|
|
14
15
|
export declare const PHXSelect: React.FC<SelectProps>;
|
|
@@ -2,7 +2,24 @@ import { __assign, __rest } from "tslib";
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export var PHXSelect = function (_a) {
|
|
5
|
-
var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, labelAction = _a.labelAction, rest = __rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType", "labelAction"]);
|
|
5
|
+
var children = _a.children, className = _a.className, register = _a.register, label = _a.label, helpText = _a.helpText, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, labelAction = _a.labelAction, rest = __rest(_a, ["children", "className", "register", "label", "helpText", "error", "errorType", "errorMessageCustom", "labelAction"]);
|
|
6
|
+
var message = function (type) {
|
|
7
|
+
var errorMessage = '';
|
|
8
|
+
switch (type) {
|
|
9
|
+
case 'required-field':
|
|
10
|
+
errorMessage = 'Vui lòng chọn thông tin';
|
|
11
|
+
break;
|
|
12
|
+
case 'duplicate-field':
|
|
13
|
+
errorMessage = 'Thông tin đã tồn tại';
|
|
14
|
+
break;
|
|
15
|
+
case 'custom-message':
|
|
16
|
+
errorMessage = errorMessageCustom;
|
|
17
|
+
break;
|
|
18
|
+
default:
|
|
19
|
+
break;
|
|
20
|
+
}
|
|
21
|
+
return errorMessage;
|
|
22
|
+
};
|
|
6
23
|
return (React.createElement("div", { className: className },
|
|
7
24
|
React.createElement("div", { className: classNames(label ? 'flex mb-1 text-xs font-normal text-gray-700' : 'hidden', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
8
25
|
label && React.createElement("label", null, label),
|
|
@@ -12,6 +29,6 @@ export var PHXSelect = function (_a) {
|
|
|
12
29
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
13
30
|
React.createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
14
31
|
React.createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
15
|
-
React.createElement("p", { className: 'text-xs text-red-800' }, errorType
|
|
32
|
+
React.createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null));
|
|
16
33
|
};
|
|
17
34
|
//# sourceMappingURL=Select.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAEnD,OAAO,EAAE,UAAU,EAAiB,MAAM,UAAU,CAAA;AAcpD,MAAM,CAAC,IAAM,SAAS,GAA0B,UAAC,EAWnC;IAVZ,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,cAVwC,qHAWhD,CADQ;IAEP,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAA4B,CAAA;gBAC3C,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BACE,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,6CAA6C,CAAC,CAAC,CAAC,QAAQ,EAChE,KAAK,KAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,CAAA,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CACvD;YAEA,KAAK,IAAI,mCAAQ,KAAK,CAAS;YAC/B,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,KAAI,CACvB,2BACE,SAAS,EAAC,wEAAwE,EAClF,OAAO,EAAE,WAAW,CAAC,OAAO,IAE3B,WAAW,CAAC,OAAO,CAClB,CACL,CACG;QACN,2CACM,QAAQ,EACR,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,oPAAoP,EACpP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,CAC5C,KAEA,QAAQ,CACF;QACR,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4CAA4C,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QAC9F,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,CACpB,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,6BACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;gBAElC,8BACE,CAAC,EAAC,0EAA0E,EAC5E,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE;YAEN,2BAAG,SAAS,EAAC,sBAAsB,IAAE,OAAO,CAAC,SAAS,CAAC,CAAK,CACxD,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
|