phx-react 1.3.931 → 1.3.932

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.
Files changed (11) hide show
  1. package/dist/cjs/components/Checkbox/Checkbox.js +1 -1
  2. package/dist/cjs/components/Input/Input.js +1 -1
  3. package/dist/cjs/components/Select/Select.js +1 -1
  4. package/dist/cjs/components/Textarea/Textarea.js +1 -1
  5. package/dist/cjs/components/UploadFile/ButtonUpload.js +1 -1
  6. package/dist/esm/components/Checkbox/Checkbox.js +1 -1
  7. package/dist/esm/components/Input/Input.js +1 -1
  8. package/dist/esm/components/Select/Select.js +1 -1
  9. package/dist/esm/components/Textarea/Textarea.js +1 -1
  10. package/dist/esm/components/UploadFile/ButtonUpload.js +1 -1
  11. package/package.json +1 -1
package/dist/cjs/components/Checkbox/Checkbox.js CHANGED
@@ -52,7 +52,7 @@ var PHXCheckbox = function (_a) {
52
52
  ? 'icon block h-6 w-6 rounded-md border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'
53
53
  : 'icon block h-4 w-4 rounded border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent') }),
54
54
  react_1["default"].createElement("span", { className: (0, types_1.classNames)(isLarge ? 'ml-9 text-sm font-normal' : 'ml-7 font-normal', disabled ? 'text-gray-400 hover:bg-transparent' : getColorByActiveData(false), 'block') }, title)))),
55
- helpText && show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'pl-9 text-sm font-light text-gray-400' : 'pl-7 text-xs font-light text-gray-400') }, helpText)) : null,
55
+ helpText && show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'pl-9 text-sm font-light text-gray-500' : 'pl-7 text-xs font-light text-gray-500') }, helpText)) : null,
56
56
  show && children ? react_1["default"].createElement("div", { className: (0, types_1.classNames)(isLarge ? 'ml-9' : 'ml-7') }, children) : react_1["default"].createElement(react_1["default"].Fragment, null),
57
57
  error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
58
58
  react_1["default"].createElement("svg", { className: (0, types_1.classNames)(isLarge ? 'mr-2.5 h-5 w-5 text-red-500' : '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' },
package/dist/cjs/components/Input/Input.js CHANGED
@@ -57,7 +57,7 @@ var PHXInput = function (_a) {
57
57
  react_1["default"].createElement("select", tslib_1.__assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
58
58
  react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
59
59
  (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (react_1["default"].createElement(Button_1.PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
60
- helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
60
+ helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
61
61
  error && errorType ? react_1["default"].createElement(ErrorMessage_1["default"], { message: message(errorType) }) : null));
62
62
  };
63
63
  exports.PHXInput = PHXInput;
package/dist/cjs/components/Select/Select.js CHANGED
@@ -28,7 +28,7 @@ var PHXSelect = function (_a) {
28
28
  label && react_1["default"].createElement("label", null, label),
29
29
  (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
30
30
  react_1["default"].createElement("select", tslib_1.__assign({}, register, rest, { className: (0, types_1.classNames)('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
31
- helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
31
+ helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
32
32
  error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
33
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' },
34
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' })),
package/dist/cjs/components/Textarea/Textarea.js CHANGED
@@ -9,7 +9,7 @@ var PHXTextarea = function (_a) {
9
9
  return (react_1["default"].createElement("div", { className: className },
10
10
  label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
11
11
  react_1["default"].createElement("textarea", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('font-normal block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') })),
12
- helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
12
+ helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
13
13
  error && errorMessage ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
14
14
  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' },
15
15
  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' })),
package/dist/cjs/components/UploadFile/ButtonUpload.js CHANGED
@@ -10,7 +10,7 @@ function ButtonUpload(_a) {
10
10
  react_1["default"].createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
11
11
  react_1["default"].createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
12
12
  react_1["default"].createElement(Button_1.PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
13
- helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
13
+ helpText ? (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-500' }, helpText)) : (react_1["default"].createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
14
14
  (fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
15
15
  (fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
16
16
  }
package/dist/esm/components/Checkbox/Checkbox.js CHANGED
@@ -49,7 +49,7 @@ export var PHXCheckbox = function (_a) {
49
49
  ? 'icon block h-6 w-6 rounded-md border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent'
50
50
  : 'icon block h-4 w-4 rounded border hover:cursor-pointer hover:bg-gray-100 focus:ring-transparent') }),
51
51
  React.createElement("span", { className: classNames(isLarge ? 'ml-9 text-sm font-normal' : 'ml-7 font-normal', disabled ? 'text-gray-400 hover:bg-transparent' : getColorByActiveData(false), 'block') }, title)))),
52
- helpText && show ? (React.createElement("div", { className: classNames(isLarge ? 'pl-9 text-sm font-light text-gray-400' : 'pl-7 text-xs font-light text-gray-400') }, helpText)) : null,
52
+ helpText && show ? (React.createElement("div", { className: classNames(isLarge ? 'pl-9 text-sm font-light text-gray-500' : 'pl-7 text-xs font-light text-gray-500') }, helpText)) : null,
53
53
  show && children ? React.createElement("div", { className: classNames(isLarge ? 'ml-9' : 'ml-7') }, children) : React.createElement(React.Fragment, null),
54
54
  error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
55
55
  React.createElement("svg", { className: classNames(isLarge ? 'mr-2.5 h-5 w-5 text-red-500' : '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' },
package/dist/esm/components/Input/Input.js CHANGED
@@ -54,7 +54,7 @@ export var PHXInput = function (_a) {
54
54
  React.createElement("select", __assign({ id: 'unit' }, registerSelect, { className: 'h-full rounded-md border-0 bg-transparent py-0 pl-2 pr-7 text-gray-600 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
55
55
  React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
56
56
  (buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (React.createElement(PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
57
- helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
57
+ helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
58
58
  error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null));
59
59
  };
60
60
  //# sourceMappingURL=Input.js.map
package/dist/esm/components/Select/Select.js CHANGED
@@ -25,7 +25,7 @@ export var PHXSelect = function (_a) {
25
25
  label && React.createElement("label", null, label),
26
26
  (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) && (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline', onClick: labelAction.onClick }, labelAction.content))),
27
27
  React.createElement("select", __assign({}, register, rest, { className: classNames('mt-1 block w-full rounded-lg border-[0.5px] border-gray-500 py-1.5 text-xs font-normal shadow-sm 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', rest.disabled ? '' : 'hover:cursor-pointer') }), children),
28
- helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
28
+ helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
29
29
  error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
30
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' },
31
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' })),
package/dist/esm/components/Textarea/Textarea.js CHANGED
@@ -6,7 +6,7 @@ export var PHXTextarea = function (_a) {
6
6
  return (React.createElement("div", { className: className },
7
7
  label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
8
8
  React.createElement("textarea", __assign({}, register, rest, { disabled: disabled, className: classNames('font-normal block w-full rounded-lg border-[0.5px] border-gray-500 px-3 py-1.5 shadow-sm focus:outline-indigo-500 focus:outline-none focus:outline-offset-1 focus:bg-gray-50 hover:bg-gray-50 text-xs focus:ring-transparent focus:border-gray-500', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') })),
9
- helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
9
+ helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-500' }, helpText) : null,
10
10
  error && errorMessage ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
11
11
  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' },
12
12
  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' })),
package/dist/esm/components/UploadFile/ButtonUpload.js CHANGED
@@ -6,7 +6,7 @@ export function ButtonUpload(_a) {
6
6
  React.createElement("div", { className: 'mt-2 flex text-sm leading-6 text-gray-600' },
7
7
  React.createElement("label", { className: 'relative cursor-pointer rounded-md bg-white font-semibold text-indigo-600 hover:text-indigo-500', htmlFor: 'file-upload' },
8
8
  React.createElement(PHXButton, { loading: loading, onClick: handleUploadClick, secondary: true, size: 'micro' }, "T\u1EA3i l\u00EAn"))),
9
- helpText ? (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, helpText)) : (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
9
+ helpText ? (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-500' }, helpText)) : (React.createElement("p", { className: 'cursor-pointer text-xs leading-6 text-gray-400' }, (fileType === 'excel' && 'XLXS, XLS tối đa 100MB') ||
10
10
  (fileType === 'image' && 'JPG, JPEG, PNG, GIF, WEBP') ||
11
11
  (fileType === 'file' && 'PDF, JPG, JPEG, PNG')))));
12
12
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "phx-react",
3
- "version": "1.3.931",
3
+ "version": "1.3.932",
4
4
  "description": "PHX REACT",
5
5
  "main": "./dist/cjs/index.js",
6
6
  "module": "./dist/esm/index.js",