phx-react 1.3.790 → 1.3.791
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/HeaderBar/HeaderBar.js +5 -4
- package/dist/cjs/components/HeaderBar/HeaderBar.js.map +1 -1
- package/dist/cjs/components/Input/Input.d.ts +3 -0
- package/dist/cjs/components/Input/Input.js +11 -4
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/esm/components/HeaderBar/HeaderBar.js +5 -4
- package/dist/esm/components/HeaderBar/HeaderBar.js.map +1 -1
- package/dist/esm/components/Input/Input.d.ts +3 -0
- package/dist/esm/components/Input/Input.js +11 -4
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/package.json +1 -1
|
@@ -36,10 +36,11 @@ var PHXHeaderBar = function (_a) {
|
|
|
36
36
|
react_2["default"].createElement("div", { className: 'flex items-center mr-2' },
|
|
37
37
|
isCancel && (react_2["default"].createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
38
38
|
react_2["default"].createElement(solid_2.ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
39
|
-
react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0 ',
|
|
40
|
-
react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') },
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
react_2["default"].createElement("div", { className: (0, types_1.classNames)('min-w-0 ', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
|
|
40
|
+
react_2["default"].createElement("h1", { className: (0, types_1.classNames)("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1', subTitle ? 'mt-5' : '') },
|
|
41
|
+
title,
|
|
42
|
+
subTitle && react_2["default"].createElement("p", { className: 'text-xs text-gray-500 font-normal' }, subTitle)),
|
|
43
|
+
type === 'title-with-badge' && (react_2["default"].createElement("div", { className: "".concat(subTitle ? 'mb-4' : '', " flex items-center") },
|
|
43
44
|
react_2["default"].createElement(Badge_1.PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
44
45
|
react_2["default"].createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
|
|
45
46
|
react_2["default"].createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":";;;;AAAA,2CAAoD;AACpD,mDAAkE;AAClE,mDAAyD;AACzD,qDAAuC;AACvC,kCAAqC;AACrC,kCAAmC;AACnC,oCAAqC;AACrC,wCAAmD;AAuE5C,IAAM,YAAY,GAAG,UAAC,EAsChB;QArCX,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,sBAAsB,4BAAA,EACtB,sBAIC,EAJD,cAAc,mBAAG;QACf,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAAoB,0BAAA,EACpB,oBAIC,EAJD,YAAY,mBAAG;QACb,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG;QACrB,qBAAqB;QACrB,IAAI,UAAU,EAAE;YACd,UAAU,EAAE,CAAA;SACb;IACH,CAAC,CAAA;IACD,IAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAE,2EAAoE,SAAS,CAAE;QAC7F,0CAAK,SAAS,EAAC,wBAAwB;YACpC,QAAQ,IAAI,CACX,6CACE,SAAS,EAAC,sPAAsP,EAChQ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ;gBAEb,iCAAC,qBAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACV;YACD,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
3
|
import { ComplexAction } from '../types';
|
|
4
|
+
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
4
5
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
5
6
|
className?: string;
|
|
6
7
|
label?: string;
|
|
@@ -18,6 +19,8 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
18
19
|
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
19
20
|
prefix?: string;
|
|
20
21
|
suffix?: string;
|
|
22
|
+
prefixIcon?: keyof typeof OutlineIcons;
|
|
23
|
+
suffixIcon?: keyof typeof OutlineIcons;
|
|
21
24
|
labelAction?: ComplexAction;
|
|
22
25
|
buttonAction?: ComplexAction;
|
|
23
26
|
}
|
|
@@ -6,8 +6,9 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
6
6
|
var types_1 = require("../types");
|
|
7
7
|
var Button_1 = require("../Button");
|
|
8
8
|
var ErrorMessage_1 = tslib_1.__importDefault(require("../../commons/ErrorMessage"));
|
|
9
|
+
var OutlineIcons = tslib_1.__importStar(require("@heroicons/react/24/outline"));
|
|
9
10
|
var PHXInput = function (_a) {
|
|
10
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "labelAction", "buttonAction"]);
|
|
11
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "prefixIcon", "suffixIcon", "labelAction", "buttonAction"]);
|
|
11
12
|
var message = function (type) {
|
|
12
13
|
var errorMessage = '';
|
|
13
14
|
switch (type) {
|
|
@@ -34,18 +35,24 @@ var PHXInput = function (_a) {
|
|
|
34
35
|
}
|
|
35
36
|
return errorMessage;
|
|
36
37
|
};
|
|
38
|
+
var PrefixIconComponent = prefixIcon ? OutlineIcons[prefixIcon] : null;
|
|
39
|
+
var SuffixIconComponent = suffixIcon ? OutlineIcons[suffixIcon] : null;
|
|
37
40
|
return (react_1["default"].createElement("div", { className: className },
|
|
38
41
|
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' : '') },
|
|
39
42
|
label && react_1["default"].createElement("label", null, label),
|
|
40
43
|
(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))),
|
|
41
44
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
|
|
42
45
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
|
|
43
|
-
react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 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' : '', disabled ? 'bg-gray-50' : '', !prefix && 'pl-3', !suffix && 'pr-3'), style: {
|
|
44
|
-
paddingLeft: "".concat(prefix
|
|
45
|
-
paddingRight: "".concat(suffix
|
|
46
|
+
react_1["default"].createElement("input", tslib_1.__assign({}, register, rest, { disabled: disabled, className: (0, types_1.classNames)('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 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' : '', disabled ? 'bg-gray-50' : '', (!prefix || !prefixIcon) && 'pl-3', (!suffix || !suffixIcon) && 'pr-3'), style: {
|
|
47
|
+
paddingLeft: "".concat(prefix ? prefix.length * 10 + 12 : prefixIcon ? 28 : 12, "px"),
|
|
48
|
+
paddingRight: "".concat(suffix ? suffix.length * 10 + 12 : suffixIcon ? 28 : 12, "px")
|
|
46
49
|
} })),
|
|
47
50
|
prefix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
|
|
48
51
|
suffix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
|
|
52
|
+
PrefixIconComponent && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 left-2.5 flex items-center text-gray-500' },
|
|
53
|
+
react_1["default"].createElement(PrefixIconComponent, { className: 'h-4 w-4' }))),
|
|
54
|
+
SuffixIconComponent && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-2.5 flex items-center text-gray-500' },
|
|
55
|
+
react_1["default"].createElement(SuffixIconComponent, { className: 'h-4 w-4' }))),
|
|
49
56
|
listOption && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
|
|
50
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-500 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,
|
|
51
58
|
react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,kCAAoD;AACpD,oCAAqC;AACrC,oFAAqD;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,10 +32,11 @@ export var PHXHeaderBar = function (_a) {
|
|
|
32
32
|
React.createElement("div", { className: 'flex items-center mr-2' },
|
|
33
33
|
isCancel && (React.createElement("button", { className: 'mr-2 inline-flex items-center rounded-lg border-gray-300 bg-transparent px-2 py-1 text-xs font-medium text-gray-700 hover:bg-gray-200 active:bg-gray-300 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset]', onClick: onCancel, type: 'button' },
|
|
34
34
|
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5' }))),
|
|
35
|
-
React.createElement("div", { className: classNames('min-w-0 ',
|
|
36
|
-
React.createElement("h1", { className: classNames("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1') },
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
React.createElement("div", { className: classNames('min-w-0 ', type === 'default' ? 'flex-1' : 'flex', type === 'title-with-badge' && 'flex-wrap sm:flex-nowrap') },
|
|
36
|
+
React.createElement("h1", { className: classNames("".concat(titleSize, " text-base font-semibold leading-6 text-gray-900"), type === 'default' ? '' : 'mr-2 flex-1', subTitle ? 'mt-5' : '') },
|
|
37
|
+
title,
|
|
38
|
+
subTitle && React.createElement("p", { className: 'text-xs text-gray-500 font-normal' }, subTitle)),
|
|
39
|
+
type === 'title-with-badge' && (React.createElement("div", { className: "".concat(subTitle ? 'mb-4' : '', " flex items-center") },
|
|
39
40
|
React.createElement(PHXBadge, { text: badge.badgeText, type: badge.badgeType }))))),
|
|
40
41
|
React.createElement("div", { className: 'flex flex-shrink-0 items-center justify-end gap-x-2' },
|
|
41
42
|
React.createElement("div", { className: importData || exportData ? 'hidden md:flex md:gap-x-2' : 'hidden' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAY,WAAW,EAAE,MAAM,aAAa,CAAA;AAuEnD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAsChB;QArCX,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,SAAS,eAAA,EACT,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,sBAAsB,4BAAA,EACtB,sBAIC,EAJD,cAAc,mBAAG;QACf,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,qBAAqB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACrB,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,iBAAuB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,oBAAoB,0BAAA,EACpB,oBAIC,EAJD,YAAY,mBAAG;QACb,UAAU,EAAE,IAAI;QAChB,gBAAgB,EAAE,KAAK;QACvB,eAAe,EAAE,KAAK;KACvB,KAAA,EACD,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,QAAQ,cAAA;IAER,IAAM,cAAc,GAAG;QACrB,qBAAqB;QACrB,IAAI,UAAU,EAAE;YACd,UAAU,EAAE,CAAA;SACb;IACH,CAAC,CAAA;IACD,IAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;IACH,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,2EAAoE,SAAS,CAAE;QAC7F,6BAAK,SAAS,EAAC,wBAAwB;YACpC,QAAQ,IAAI,CACX,gCACE,SAAS,EAAC,sPAAsP,EAChQ,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ;gBAEb,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACV;YACD,6BACE,SAAS,EAAE,UAAU,CACnB,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"HeaderBar.js","sourceRoot":"","sources":["../../../../src/components/HeaderBar/HeaderBar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
3
|
import { ComplexAction } from '../types';
|
|
4
|
+
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
4
5
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
5
6
|
className?: string;
|
|
6
7
|
label?: string;
|
|
@@ -18,6 +19,8 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
18
19
|
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
19
20
|
prefix?: string;
|
|
20
21
|
suffix?: string;
|
|
22
|
+
prefixIcon?: keyof typeof OutlineIcons;
|
|
23
|
+
suffixIcon?: keyof typeof OutlineIcons;
|
|
21
24
|
labelAction?: ComplexAction;
|
|
22
25
|
buttonAction?: ComplexAction;
|
|
23
26
|
}
|
|
@@ -3,8 +3,9 @@ import React from 'react';
|
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
import { PHXButton } from '../Button';
|
|
5
5
|
import ErrorMessage from '../../commons/ErrorMessage';
|
|
6
|
+
import * as OutlineIcons from '@heroicons/react/24/outline';
|
|
6
7
|
export var PHXInput = function (_a) {
|
|
7
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = __rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "labelAction", "buttonAction"]);
|
|
8
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, helpText = _a.helpText, label = _a.label, register = _a.register, registerSelect = _a.registerSelect, listOption = _a.listOption, disabled = _a.disabled, selected = _a.selected, prefix = _a.prefix, suffix = _a.suffix, prefixIcon = _a.prefixIcon, suffixIcon = _a.suffixIcon, labelAction = _a.labelAction, buttonAction = _a.buttonAction, rest = __rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix", "prefixIcon", "suffixIcon", "labelAction", "buttonAction"]);
|
|
8
9
|
var message = function (type) {
|
|
9
10
|
var errorMessage = '';
|
|
10
11
|
switch (type) {
|
|
@@ -31,18 +32,24 @@ export var PHXInput = function (_a) {
|
|
|
31
32
|
}
|
|
32
33
|
return errorMessage;
|
|
33
34
|
};
|
|
35
|
+
var PrefixIconComponent = prefixIcon ? OutlineIcons[prefixIcon] : null;
|
|
36
|
+
var SuffixIconComponent = suffixIcon ? OutlineIcons[suffixIcon] : null;
|
|
34
37
|
return (React.createElement("div", { className: className },
|
|
35
38
|
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' : '') },
|
|
36
39
|
label && React.createElement("label", null, label),
|
|
37
40
|
(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))),
|
|
38
41
|
React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
|
|
39
42
|
React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
|
|
40
|
-
React.createElement("input", __assign({}, register, rest, { disabled: disabled, className: classNames('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 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' : '', disabled ? 'bg-gray-50' : '', !prefix && 'pl-3', !suffix && 'pr-3'), style: {
|
|
41
|
-
paddingLeft: "".concat(prefix
|
|
42
|
-
paddingRight: "".concat(suffix
|
|
43
|
+
React.createElement("input", __assign({}, register, rest, { disabled: disabled, className: classNames('block w-full border-[0.5px] rounded-lg border-gray-500 py-1.5 px-3 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' : '', disabled ? 'bg-gray-50' : '', (!prefix || !prefixIcon) && 'pl-3', (!suffix || !suffixIcon) && 'pr-3'), style: {
|
|
44
|
+
paddingLeft: "".concat(prefix ? prefix.length * 10 + 12 : prefixIcon ? 28 : 12, "px"),
|
|
45
|
+
paddingRight: "".concat(suffix ? suffix.length * 10 + 12 : suffixIcon ? 28 : 12, "px")
|
|
43
46
|
} })),
|
|
44
47
|
prefix && React.createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
|
|
45
48
|
suffix && React.createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
|
|
49
|
+
PrefixIconComponent && (React.createElement("div", { className: 'absolute inset-y-0 left-2.5 flex items-center text-gray-500' },
|
|
50
|
+
React.createElement(PrefixIconComponent, { className: 'h-4 w-4' }))),
|
|
51
|
+
SuffixIconComponent && (React.createElement("div", { className: 'absolute inset-y-0 right-2.5 flex items-center text-gray-500' },
|
|
52
|
+
React.createElement(SuffixIconComponent, { className: 'h-4 w-4' }))),
|
|
46
53
|
listOption && (React.createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
|
|
47
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-500 focus:ring-2 focus:ring-inset focus:ring-indigo-600 text-xs font-normal' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
|
|
48
55
|
React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,YAAY,MAAM,4BAA4B,CAAA;
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|