phx-react 1.3.1569 → 1.3.1570
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/Combobox/Combobox.js +9 -3
- package/dist/cjs/components/Combobox/Combobox.js.map +1 -1
- package/dist/cjs/components/Textarea/Textarea.js +28 -4
- package/dist/cjs/components/Textarea/Textarea.js.map +1 -1
- package/dist/esm/components/Combobox/Combobox.js +9 -3
- package/dist/esm/components/Combobox/Combobox.js.map +1 -1
- package/dist/esm/components/Textarea/Textarea.js +28 -4
- package/dist/esm/components/Textarea/Textarea.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,6 +8,7 @@ var Checkbox_1 = require("../Checkbox");
|
|
|
8
8
|
var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
|
|
9
9
|
var types_1 = require("../types");
|
|
10
10
|
var helpers_1 = require("../../helpers/helpers");
|
|
11
|
+
var remove_vn_tones_1 = require("../SelectWithAction/remove-vn-tones");
|
|
11
12
|
var PHXCombobox = function (_a) {
|
|
12
13
|
var className = _a.className, defaultValue = _a.defaultValue, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, id = _a.id, label = _a.label, listOptions = _a.listOptions, onChange = _a.onChange, _c = _a.optionHeight, optionHeight = _c === void 0 ? 300 : _c, placeholder = _a.placeholder, _d = _a.selectFieldPosition, selectFieldPosition = _d === void 0 ? 'bottom' : _d, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, _e = _a.isAllOptions, isAllOptions = _e === void 0 ? true : _e;
|
|
13
14
|
var message = function (type) {
|
|
@@ -66,10 +67,15 @@ var PHXCombobox = function (_a) {
|
|
|
66
67
|
setOptions(listOptions);
|
|
67
68
|
}
|
|
68
69
|
else {
|
|
70
|
+
var searchValue_1 = value.toLowerCase().trim();
|
|
71
|
+
var searchValueUnaccent_1 = (0, remove_vn_tones_1.normalizeVietnameseText)(searchValue_1);
|
|
69
72
|
var filteredOptions = listOptions.filter(function (option) {
|
|
70
73
|
var _a, _b;
|
|
71
|
-
|
|
72
|
-
|
|
74
|
+
var nameOriginal = (option.name || '').toLowerCase();
|
|
75
|
+
var nameUnaccent = (option.name_unaccent || (0, remove_vn_tones_1.normalizeVietnameseText)(nameOriginal)).toLowerCase();
|
|
76
|
+
return (nameOriginal.includes(searchValue_1) ||
|
|
77
|
+
nameUnaccent.includes(searchValueUnaccent_1) ||
|
|
78
|
+
((_b = (_a = option === null || option === void 0 ? void 0 : option.name_unaccent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes((0, helpers_1.unaccentValue)(searchValue_1))));
|
|
73
79
|
});
|
|
74
80
|
setOptions(filteredOptions);
|
|
75
81
|
}
|
|
@@ -110,7 +116,7 @@ var PHXCombobox = function (_a) {
|
|
|
110
116
|
label && react_1.default.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
111
117
|
react_1.default.createElement("div", { ref: wrapperRef, className: 'relative w-full rounded-lg bg-gray-100' },
|
|
112
118
|
react_1.default.createElement("div", { className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', "\n ").concat(!disabled ? 'hover:bg-gray-50' : isHaveSelected ? 'border-0 !bg-gray-100 py-1.5' : 'border-0', "\n shadow-sm block w-full space-y-1 rounded-lg border border-gray-500 bg-white text-sm focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent ") },
|
|
113
|
-
selectedItems.length > 0 &&
|
|
119
|
+
selectedItems.length > 0 && !checkedAll && listOptions.length > 0 && (react_1.default.createElement("div", { className: (0, types_1.classNames)('mx-2 flex flex-wrap items-center gap-2', !disabled && 'mt-2') }, selectedItems.map(function (item) { return (react_1.default.createElement("div", { key: item.name + item.id, className: 'flex items-center rounded-xl bg-gray-200' },
|
|
114
120
|
react_1.default.createElement("p", { style: {
|
|
115
121
|
wordBreak: 'break-word',
|
|
116
122
|
}, className: "text-wrap pl-2 text-xs text-gray-700 ".concat(disabled ? 'py-[2px] pr-2' : 'pr-[2px]') }, item.name),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";;;;AAAA,mDAAqD;AACrD,qDAA0D;AAC1D,wCAAyC;AACzC,oFAAqD;AACrD,kCAAqC;AACrC,iDAAqD;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,17 +2,41 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PHXTextarea = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
-
var react_1 = tslib_1.
|
|
5
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var PHXTextarea = function (_a) {
|
|
8
8
|
var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, suffix = _a.suffix, disabled = _a.disabled, rest = tslib_1.__rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "suffix", "disabled"]);
|
|
9
|
+
var dynamicPaddingRight = suffix ? "".concat(suffix.length * 0.4 + 1, "rem") : '0.75rem';
|
|
10
|
+
var textareaRef = (0, react_1.useRef)(null);
|
|
11
|
+
var _b = (0, react_1.useState)(0), extraRight = _b[0], setExtraRight = _b[1];
|
|
12
|
+
(0, react_1.useEffect)(function () {
|
|
13
|
+
var checkScroll = function () {
|
|
14
|
+
var el = textareaRef.current;
|
|
15
|
+
if (el) {
|
|
16
|
+
var hasScroll = el.scrollHeight > el.clientHeight;
|
|
17
|
+
var scrollbarWidth = el.offsetWidth - el.clientWidth - 8;
|
|
18
|
+
setExtraRight(hasScroll ? scrollbarWidth : 0);
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
checkScroll();
|
|
22
|
+
window.addEventListener('resize', checkScroll);
|
|
23
|
+
return function () { return window.removeEventListener('resize', checkScroll); };
|
|
24
|
+
}, [rest.value, suffix]);
|
|
25
|
+
var registerRef = (register || {}).ref;
|
|
9
26
|
return (react_1.default.createElement("div", { className: className },
|
|
10
27
|
label && react_1.default.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
11
28
|
react_1.default.createElement("div", { className: 'relative' },
|
|
12
|
-
react_1.default.createElement("textarea", tslib_1.__assign({}, register, rest, {
|
|
13
|
-
|
|
29
|
+
react_1.default.createElement("textarea", tslib_1.__assign({}, register, rest, { ref: function (e) {
|
|
30
|
+
if (registerRef)
|
|
31
|
+
registerRef(e);
|
|
32
|
+
textareaRef.current = e;
|
|
33
|
+
}, className: (0, types_1.classNames)('shadow-sm block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', 'resize-none', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '', !suffix && 'pr-3'), disabled: disabled, style: tslib_1.__assign(tslib_1.__assign({}, rest.style), (suffix && {
|
|
34
|
+
paddingRight: dynamicPaddingRight,
|
|
35
|
+
paddingBottom: "".concat(Math.max(((suffix === null || suffix === void 0 ? void 0 : suffix.length) || 0) * 0.3 + 1.5, 2.5), "rem"),
|
|
14
36
|
})) })),
|
|
15
|
-
suffix && (react_1.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-none absolute
|
|
37
|
+
suffix && (react_1.default.createElement("div", { className: (0, types_1.classNames)('pointer-events-none absolute bottom-2 select-none whitespace-nowrap text-xs text-gray-500'), style: {
|
|
38
|
+
right: "calc(0.75rem + ".concat(extraRight, "px)"),
|
|
39
|
+
} }, suffix))),
|
|
16
40
|
helpText ? react_1.default.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
|
|
17
41
|
error && errorMessage ? (react_1.default.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
18
42
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { PHXCheckbox } from '../Checkbox';
|
|
|
5
5
|
import ErrorMessage from '../../commons/ErrorMessage';
|
|
6
6
|
import { classNames } from '../types';
|
|
7
7
|
import { unaccentValue } from '../../helpers/helpers';
|
|
8
|
+
import { normalizeVietnameseText } from '../SelectWithAction/remove-vn-tones';
|
|
8
9
|
export var PHXCombobox = function (_a) {
|
|
9
10
|
var className = _a.className, defaultValue = _a.defaultValue, _b = _a.disabled, disabled = _b === void 0 ? false : _b, error = _a.error, id = _a.id, label = _a.label, listOptions = _a.listOptions, onChange = _a.onChange, _c = _a.optionHeight, optionHeight = _c === void 0 ? 300 : _c, placeholder = _a.placeholder, _d = _a.selectFieldPosition, selectFieldPosition = _d === void 0 ? 'bottom' : _d, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, _e = _a.isAllOptions, isAllOptions = _e === void 0 ? true : _e;
|
|
10
11
|
var message = function (type) {
|
|
@@ -63,10 +64,15 @@ export var PHXCombobox = function (_a) {
|
|
|
63
64
|
setOptions(listOptions);
|
|
64
65
|
}
|
|
65
66
|
else {
|
|
67
|
+
var searchValue_1 = value.toLowerCase().trim();
|
|
68
|
+
var searchValueUnaccent_1 = normalizeVietnameseText(searchValue_1);
|
|
66
69
|
var filteredOptions = listOptions.filter(function (option) {
|
|
67
70
|
var _a, _b;
|
|
68
|
-
|
|
69
|
-
|
|
71
|
+
var nameOriginal = (option.name || '').toLowerCase();
|
|
72
|
+
var nameUnaccent = (option.name_unaccent || normalizeVietnameseText(nameOriginal)).toLowerCase();
|
|
73
|
+
return (nameOriginal.includes(searchValue_1) ||
|
|
74
|
+
nameUnaccent.includes(searchValueUnaccent_1) ||
|
|
75
|
+
((_b = (_a = option === null || option === void 0 ? void 0 : option.name_unaccent) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.includes(unaccentValue(searchValue_1))));
|
|
70
76
|
});
|
|
71
77
|
setOptions(filteredOptions);
|
|
72
78
|
}
|
|
@@ -107,7 +113,7 @@ export var PHXCombobox = function (_a) {
|
|
|
107
113
|
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
108
114
|
React.createElement("div", { ref: wrapperRef, className: 'relative w-full rounded-lg bg-gray-100' },
|
|
109
115
|
React.createElement("div", { className: "".concat(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', "\n ").concat(!disabled ? 'hover:bg-gray-50' : isHaveSelected ? 'border-0 !bg-gray-100 py-1.5' : 'border-0', "\n shadow-sm block w-full space-y-1 rounded-lg border border-gray-500 bg-white text-sm focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent ") },
|
|
110
|
-
selectedItems.length > 0 &&
|
|
116
|
+
selectedItems.length > 0 && !checkedAll && listOptions.length > 0 && (React.createElement("div", { className: classNames('mx-2 flex flex-wrap items-center gap-2', !disabled && 'mt-2') }, selectedItems.map(function (item) { return (React.createElement("div", { key: item.name + item.id, className: 'flex items-center rounded-xl bg-gray-200' },
|
|
111
117
|
React.createElement("p", { style: {
|
|
112
118
|
wordBreak: 'break-word',
|
|
113
119
|
}, className: "text-wrap pl-2 text-xs text-gray-700 ".concat(disabled ? 'py-[2px] pr-2' : 'pr-[2px]') }, item.name),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AACrD,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AACzC,OAAO,YAAY,MAAM,4BAA4B,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"Combobox.js","sourceRoot":"","sources":["../../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,39 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export var PHXTextarea = function (_a) {
|
|
5
5
|
var className = _a.className, error = _a.error, errorMessage = _a.errorMessage, helpText = _a.helpText, label = _a.label, register = _a.register, suffix = _a.suffix, disabled = _a.disabled, rest = __rest(_a, ["className", "error", "errorMessage", "helpText", "label", "register", "suffix", "disabled"]);
|
|
6
|
+
var dynamicPaddingRight = suffix ? "".concat(suffix.length * 0.4 + 1, "rem") : '0.75rem';
|
|
7
|
+
var textareaRef = useRef(null);
|
|
8
|
+
var _b = useState(0), extraRight = _b[0], setExtraRight = _b[1];
|
|
9
|
+
useEffect(function () {
|
|
10
|
+
var checkScroll = function () {
|
|
11
|
+
var el = textareaRef.current;
|
|
12
|
+
if (el) {
|
|
13
|
+
var hasScroll = el.scrollHeight > el.clientHeight;
|
|
14
|
+
var scrollbarWidth = el.offsetWidth - el.clientWidth - 8;
|
|
15
|
+
setExtraRight(hasScroll ? scrollbarWidth : 0);
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
checkScroll();
|
|
19
|
+
window.addEventListener('resize', checkScroll);
|
|
20
|
+
return function () { return window.removeEventListener('resize', checkScroll); };
|
|
21
|
+
}, [rest.value, suffix]);
|
|
22
|
+
var registerRef = (register || {}).ref;
|
|
6
23
|
return (React.createElement("div", { className: className },
|
|
7
24
|
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
8
25
|
React.createElement("div", { className: 'relative' },
|
|
9
|
-
React.createElement("textarea", __assign({}, register, rest, {
|
|
10
|
-
|
|
26
|
+
React.createElement("textarea", __assign({}, register, rest, { ref: function (e) {
|
|
27
|
+
if (registerRef)
|
|
28
|
+
registerRef(e);
|
|
29
|
+
textareaRef.current = e;
|
|
30
|
+
}, className: classNames('shadow-sm block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 text-xs font-normal hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', 'resize-none', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '', !suffix && 'pr-3'), disabled: disabled, style: __assign(__assign({}, rest.style), (suffix && {
|
|
31
|
+
paddingRight: dynamicPaddingRight,
|
|
32
|
+
paddingBottom: "".concat(Math.max(((suffix === null || suffix === void 0 ? void 0 : suffix.length) || 0) * 0.3 + 1.5, 2.5), "rem"),
|
|
11
33
|
})) })),
|
|
12
|
-
suffix && (React.createElement("div", { className: classNames('pointer-events-none absolute
|
|
34
|
+
suffix && (React.createElement("div", { className: classNames('pointer-events-none absolute bottom-2 select-none whitespace-nowrap text-xs text-gray-500'), style: {
|
|
35
|
+
right: "calc(0.75rem + ".concat(extraRight, "px)"),
|
|
36
|
+
} }, suffix))),
|
|
13
37
|
helpText ? React.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
|
|
14
38
|
error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
15
39
|
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' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|