phx-react 1.3.295 → 1.3.297
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/Card/Card.d.ts +1 -0
- package/dist/cjs/components/Card/Card.js +12 -2
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Input/Input.d.ts +3 -0
- package/dist/cjs/components/Input/Input.js +17 -12
- package/dist/cjs/components/Input/Input.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +1 -0
- package/dist/esm/components/Card/Card.js +12 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Input/Input.d.ts +3 -0
- package/dist/esm/components/Input/Input.js +17 -12
- package/dist/esm/components/Input/Input.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,18 +18,28 @@ var PHXCard = function Card(_a) {
|
|
|
18
18
|
var HeaderActionMarkup = function (_a) {
|
|
19
19
|
var title = _a.title;
|
|
20
20
|
return primaryHeader ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
21
|
-
react_1["default"].createElement("span", { className: 'text-sm font-
|
|
21
|
+
react_1["default"].createElement("span", { className: 'text-sm font-semibold leading-6 text-gray-900' }, title),
|
|
22
22
|
headerAction &&
|
|
23
23
|
(isHeaderDownload ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (react_1["default"].createElement(react_1["default"].Fragment, null, headerAction.content && (react_1["default"].createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick }, headerAction.content === 'close' ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
24
24
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
25
25
|
react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (react_1["default"].createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))))) : (react_1["default"].createElement(react_1["default"].Fragment, null));
|
|
26
26
|
};
|
|
27
|
+
var SubSectionHeader = function (_a) {
|
|
28
|
+
var title = _a.title, headerAction = _a.headerAction, index = _a.index;
|
|
29
|
+
return (title && (react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' && 'px-5 py-3', index === 0 ? 'px-4 pt-1.5' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
30
|
+
react_1["default"].createElement("span", { className: 'text-xs font-medium leading-6 text-gray-900' }, title),
|
|
31
|
+
headerAction &&
|
|
32
|
+
(isHeaderDownload ? (react_1["default"].createElement(Button_1.PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (react_1["default"].createElement(react_1["default"].Fragment, null, headerAction.content && (react_1["default"].createElement(react_1["default"].Fragment, null, headerAction.content === 'close' ? (react_1["default"].createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
33
|
+
react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
34
|
+
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
35
|
+
react_1["default"].createElement(solid_1.XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' })))) : (react_1["default"].createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline text-xs', onClick: headerAction.onClick }, headerAction.content))))))))));
|
|
36
|
+
};
|
|
27
37
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
28
38
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
29
39
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', 'shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
30
40
|
title && react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
31
41
|
subSection ? (subSection.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
32
|
-
react_1["default"].createElement(
|
|
42
|
+
react_1["default"].createElement(SubSectionHeader, { title: item.title, headerAction: item.headerAction, index: index }),
|
|
33
43
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
34
44
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
35
45
|
footerActionMarkup))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8DAA+B;AAC/B,sEAAuC;AACvC,4DAA6B;AAC7B,kCAAoD;AACpD,oCAAqC;AACrC,mDAAqD;AAe9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAWN;QAVV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,OAAO,EACrE,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,UAAC,EAAc;YAAZ,KAAK,WAAA;QACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,mCAAmC,CAAC;YAC3G,2CAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,8DAA+B;AAC/B,sEAAuC;AACvC,4DAA6B;AAC7B,kCAAoD;AACpD,oCAAqC;AACrC,mDAAqD;AAe9C,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAWN;QAVV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,iCAAC,kBAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,OAAO,EACrE,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,iCAAC,kBAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,UAAC,EAAc;YAAZ,KAAK,WAAA;QACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,mCAAmC,CAAC;YAC3G,2CAAM,SAAS,EAAC,+CAA+C,IAAE,KAAK,CAAQ;YAC7E,YAAY;gBACX,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,iCAAC,kBAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,QAAC,IAAI,EAAC,OAAO,IACxD,YAAY,CAAC,OAAO,CACX,CACb,CAAC,CAAC,CAAC,CACF,oEACG,YAAY,CAAC,OAAO,IAAI,CACvB,6CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,YAAY,CAAC,OAAO,IAE5B,YAAY,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAClC;oBACE,2CAAM,SAAS,EAAC,SAAS,YAAa;oBACtC,iCAAC,iBAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CACnD,CACJ,CAAC,CAAC,CAAC,CACF,0CAAK,SAAS,EAAC,cAAc,IAAE,YAAY,CAAC,OAAO,CAAO,CAC3D,CACM,CACV,CACA,CACJ,CAAC,CACA,CACP,CAAC,CAAC,CAAC,CACF,mEAAK,CACN,CAAA;IACH,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,EAAmC;YAAjC,KAAK,WAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAA;QACpD,OAAO,CACL,KAAK,IAAI,CACP,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,IAAI,KAAK,OAAO,IAAI,WAAW,EAC/B,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EACzC,mCAAmC,CACpC;YAED,2CAAM,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAQ;YAC3E,YAAY;gBACX,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAClB,iCAAC,kBAAS,IAAC,OAAO,EAAE,YAAY,CAAC,OAAO,EAAE,IAAI,QAAC,IAAI,EAAC,OAAO,IACxD,YAAY,CAAC,OAAO,CACX,CACb,CAAC,CAAC,CAAC,CACF,oEACG,YAAY,CAAC,OAAO,IAAI,CACvB,oEACG,YAAY,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAClC,6CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,2DAA2D,EACrE,OAAO,EAAE,YAAY,CAAC,OAAO;oBAE7B;wBACE,2CAAM,SAAS,EAAC,SAAS,YAAa;wBACtC,iCAAC,iBAAS,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CACnD,CACI,CACV,CAAC,CAAC,CAAC,CACF,wCACE,SAAS,EAAC,gFAAgF,EAC1F,OAAO,EAAE,YAAY,CAAC,OAAO,IAE5B,YAAY,CAAC,OAAO,CACnB,CACL,CACA,CACJ,CACA,CACJ,CAAC,CACA,CACP,CACF,CAAA;IACH,CAAC,CAAA;IAED,OAAO,CACL,0CAAK,SAAS,EAAC,QAAQ;QACrB,0CAAK,SAAS,EAAC,sCAAsC;YACnD,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,EAClD,mFAAmF,CACpF;gBAEA,KAAK,IAAI,iCAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,GAAI;gBAC7C,UAAU,CAAC,CAAC,CAAC,CACZ,UAAU,CAAC,GAAG,CAAC,UAAC,IAAS,EAAE,KAAa,IAAK,OAAA,CAC3C,0CAAK,GAAG,EAAE,KAAK;oBACb,iCAAC,gBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,GAAI;oBACtF,0CACE,SAAS,EAAE,IAAA,kBAAU,EACnB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAC5C,KAAK,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAChD,IAEA,IAAI,CAAC,SAAS,CACX,CACF,CACP,EAZ4C,CAY5C,CAAC,CACH,CAAC,CAAC,CAAC,CACF;oBACE,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,IAAG,QAAQ,CAAO,CACnF,CACJ;gBACA,kBAAkB,CACf,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AA9KY,QAAA,OAAO,WA8KnB;AAED,eAAO,CAAC,OAAO,GAAG,oBAAO,CAAA;AACzB,eAAO,CAAC,WAAW,GAAG,wBAAW,CAAA;AACjC,eAAO,CAAC,MAAM,GAAG,mBAAM,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
|
+
import { ComplexAction } from '../types';
|
|
3
4
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
5
|
className?: string;
|
|
5
6
|
label?: string;
|
|
@@ -17,5 +18,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
17
18
|
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
18
19
|
prefix?: string;
|
|
19
20
|
suffix?: string;
|
|
21
|
+
labelAction?: ComplexAction;
|
|
22
|
+
buttonAction?: ComplexAction;
|
|
20
23
|
}
|
|
21
24
|
export declare const PHXInput: React.FC<InputProps>;
|
|
@@ -4,8 +4,9 @@ exports.PHXInput = void 0;
|
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
var types_1 = require("../types");
|
|
7
|
+
var Button_1 = require("../Button");
|
|
7
8
|
var PHXInput = function (_a) {
|
|
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, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix"]);
|
|
9
|
+
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"]);
|
|
9
10
|
var message = function (type) {
|
|
10
11
|
var errorMessage = '';
|
|
11
12
|
switch (type) {
|
|
@@ -33,17 +34,21 @@ var PHXInput = function (_a) {
|
|
|
33
34
|
return errorMessage;
|
|
34
35
|
};
|
|
35
36
|
return (react_1["default"].createElement("div", { className: className },
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
react_1["default"].createElement("
|
|
46
|
-
|
|
37
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex mb-1 text-xs font-normal text-gray-700', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
38
|
+
label && react_1["default"].createElement("label", null, label),
|
|
39
|
+
(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))),
|
|
40
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
|
|
41
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
|
|
42
|
+
react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { disabled: disabled, className: (0, types_1.classNames)('block w-full rounded-lg border border-gray-500 py-1.5 px-3 text-xs font-light 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: {
|
|
43
|
+
paddingLeft: "".concat(prefix && prefix.length * 10 + 12, "px"),
|
|
44
|
+
paddingRight: "".concat(suffix && suffix.length * 10 + 12, "px")
|
|
45
|
+
} })),
|
|
46
|
+
prefix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
|
|
47
|
+
suffix && react_1["default"].createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
|
|
48
|
+
listOption && (react_1["default"].createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
|
|
49
|
+
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-light' }), listOption.map(function (item) { return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
50
|
+
react_1["default"].createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
51
|
+
(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))),
|
|
47
52
|
helpText ? react_1["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
48
53
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
49
54
|
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":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";;;;AAAA,wDAAkD;AAElD,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,18 +14,28 @@ export var PHXCard = function Card(_a) {
|
|
|
14
14
|
var HeaderActionMarkup = function (_a) {
|
|
15
15
|
var title = _a.title;
|
|
16
16
|
return primaryHeader ? (React.createElement("div", { className: classNames(type === 'modal' ? 'px-5 py-3' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
17
|
-
React.createElement("span", { className: 'text-sm font-
|
|
17
|
+
React.createElement("span", { className: 'text-sm font-semibold leading-6 text-gray-900' }, title),
|
|
18
18
|
headerAction &&
|
|
19
19
|
(isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (React.createElement(React.Fragment, null, headerAction.content && (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick }, headerAction.content === 'close' ? (React.createElement(React.Fragment, null,
|
|
20
20
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
21
21
|
React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' }))) : (React.createElement("div", { className: 'text-xs px-1' }, headerAction.content))))))))) : (React.createElement(React.Fragment, null));
|
|
22
22
|
};
|
|
23
|
+
var SubSectionHeader = function (_a) {
|
|
24
|
+
var title = _a.title, headerAction = _a.headerAction, index = _a.index;
|
|
25
|
+
return (title && (React.createElement("div", { className: classNames(type === 'modal' && 'px-5 py-3', index === 0 ? 'px-4 pt-1.5' : 'px-4 pt-4', 'flex justify-between items-center') },
|
|
26
|
+
React.createElement("span", { className: 'text-xs font-medium leading-6 text-gray-900' }, title),
|
|
27
|
+
headerAction &&
|
|
28
|
+
(isHeaderDownload ? (React.createElement(PHXButton, { onClick: headerAction.onClick, soft: true, size: 'small' }, headerAction.content)) : (React.createElement(React.Fragment, null, headerAction.content && (React.createElement(React.Fragment, null, headerAction.content === 'close' ? (React.createElement("button", { type: 'button', className: 'rounded-md p-0.5 bg-white text-gray-400 hover:bg-gray-100', onClick: headerAction.onClick },
|
|
29
|
+
React.createElement(React.Fragment, null,
|
|
30
|
+
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
31
|
+
React.createElement(XMarkIcon, { className: 'h-4 w-4', "aria-hidden": 'true' })))) : (React.createElement("p", { className: 'text-blue-600 hover:cursor-pointer hover:text-blue-800 hover:underline text-xs', onClick: headerAction.onClick }, headerAction.content))))))))));
|
|
32
|
+
};
|
|
23
33
|
return (React.createElement("div", { className: 'w-full' },
|
|
24
34
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
25
35
|
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
26
36
|
title && React.createElement(HeaderActionMarkup, { title: title }),
|
|
27
37
|
subSection ? (subSection.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
28
|
-
React.createElement(
|
|
38
|
+
React.createElement(SubSectionHeader, { title: item.title, headerAction: item.headerAction, index: index }),
|
|
29
39
|
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'px-4 py-2', index < subSection.length - 1 ? 'pb-0' : 'pb-4') }, item.component))); })) : (React.createElement(React.Fragment, null,
|
|
30
40
|
React.createElement("div", { className: classNames(type === 'modal' ? 'py-3 px-5' : 'p-4') }, children))),
|
|
31
41
|
footerActionMarkup))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAerD,MAAM,CAAC,IAAM,OAAO,GAIhB,SAAS,IAAI,CAAC,EAWN;QAVV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA;IAExB,IAAM,kBAAkB,GACtB,mBAAmB,IAAI,sBAAsB,IAAI,kBAAkB,CAAC,CAAC,CAAC,CACpE,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,6CAA6C,CAAC;QAE7G,sBAAsB,IAAI,sBAAsB,CAAC,MAAM,KAAK,CAAC,IAAI,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CACrG,oBAAC,SAAS,IAAC,SAAS,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACzE,sBAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,CACxB,CACb;QAGA,mBAAmB,IAAI,mBAAmB,CAAC,OAAO,IAAI,CACrD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,mBAAmB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACjD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,mBAAmB,CAAC,OAAO,EACpC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,IAAI,mBAAmB,CAAC,OAAO,EACrE,OAAO,EAAE,mBAAmB,CAAC,OAAO,IAEnC,mBAAmB,CAAC,OAAO,CAClB,CACb;QAGA,kBAAkB,IAAI,kBAAkB,CAAC,OAAO,IAAI,CACnD,oBAAC,SAAS,IACR,OAAO,QACP,MAAM,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAChD,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,kBAAkB,CAAC,OAAO,EACnC,OAAO,EAAE,kBAAkB,CAAC,OAAO,IAElC,kBAAkB,CAAC,OAAO,CACjB,CACb,CACG,CACP,CAAC,CAAC,CAAC,CACF,yCAAK,CACN,CAAA;IAEH,IAAM,kBAAkB,GAAG,UAAC,EAAc;YAAZ,KAAK,WAAA;QACjC,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,6BAAK,SAAS,EAAE,UAAU,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,EAAE,mCAAmC,CAAC;YAC3G,8BAAM,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { InputHTMLAttributes } from 'react';
|
|
2
2
|
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
3
|
+
import { ComplexAction } from '../types';
|
|
3
4
|
export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
4
5
|
className?: string;
|
|
5
6
|
label?: string;
|
|
@@ -17,5 +18,7 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
17
18
|
errorType?: 'required-field' | 'validate-input-field' | 'duplicate-field' | 'validate-phone-number' | 'validate-input-email' | 'custom-message';
|
|
18
19
|
prefix?: string;
|
|
19
20
|
suffix?: string;
|
|
21
|
+
labelAction?: ComplexAction;
|
|
22
|
+
buttonAction?: ComplexAction;
|
|
20
23
|
}
|
|
21
24
|
export declare const PHXInput: React.FC<InputProps>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
|
+
import { PHXButton } from '../Button';
|
|
4
5
|
export var PHXInput = function (_a) {
|
|
5
|
-
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, rest = __rest(_a, ["className", "error", "errorType", "errorMessageCustom", "helpText", "label", "register", "registerSelect", "listOption", "disabled", "selected", "prefix", "suffix"]);
|
|
6
|
+
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"]);
|
|
6
7
|
var message = function (type) {
|
|
7
8
|
var errorMessage = '';
|
|
8
9
|
switch (type) {
|
|
@@ -30,17 +31,21 @@ export var PHXInput = function (_a) {
|
|
|
30
31
|
return errorMessage;
|
|
31
32
|
};
|
|
32
33
|
return (React.createElement("div", { className: className },
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
React.createElement("
|
|
43
|
-
|
|
34
|
+
React.createElement("div", { className: classNames('flex mb-1 text-xs font-normal text-gray-700', label && (labelAction === null || labelAction === void 0 ? void 0 : labelAction.content) ? 'justify-between' : '') },
|
|
35
|
+
label && React.createElement("label", null, label),
|
|
36
|
+
(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))),
|
|
37
|
+
React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'flex gap-x-2' : '') },
|
|
38
|
+
React.createElement("div", { className: classNames((buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) ? 'relative flex-1' : 'relative') },
|
|
39
|
+
React.createElement("input", __assign({}, rest, register, { disabled: disabled, className: classNames('block w-full rounded-lg border border-gray-500 py-1.5 px-3 text-xs font-light 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: {
|
|
40
|
+
paddingLeft: "".concat(prefix && prefix.length * 10 + 12, "px"),
|
|
41
|
+
paddingRight: "".concat(suffix && suffix.length * 10 + 12, "px")
|
|
42
|
+
} })),
|
|
43
|
+
prefix && React.createElement("div", { className: 'absolute top-[0.425rem] left-2.5 text-gray-500 text-xs' }, prefix),
|
|
44
|
+
suffix && React.createElement("div", { className: 'absolute top-[0.425rem] right-2.5 text-gray-500 text-xs' }, suffix),
|
|
45
|
+
listOption && (React.createElement("div", { className: 'absolute inset-y-0 right-0 flex items-center' },
|
|
46
|
+
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-light' }), listOption.map(function (item) { return (React.createElement(React.Fragment, null,
|
|
47
|
+
React.createElement("option", { key: item.id, value: item.id, selected: selected === item.id }, item.name))); }))))),
|
|
48
|
+
(buttonAction === null || buttonAction === void 0 ? void 0 : buttonAction.content) && (React.createElement(PHXButton, { onClick: buttonAction.onClick, secondary: true, size: 'micro' }, buttonAction.content))),
|
|
44
49
|
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
45
50
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
46
51
|
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":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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"}
|