phx-react 1.3.270 → 1.3.271
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/Radio/Radio.d.ts +4 -0
- package/dist/cjs/components/Radio/Radio.js +17 -4
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/Radio/Radio.d.ts +4 -0
- package/dist/esm/components/Radio/Radio.js +17 -4
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,5 +7,9 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
7
7
|
title?: string;
|
|
8
8
|
error?: boolean;
|
|
9
9
|
errorType?: 'required-field' | 'duplicate-field';
|
|
10
|
+
expanded?: boolean;
|
|
11
|
+
children?: any;
|
|
12
|
+
helpText?: string;
|
|
13
|
+
onChange?: any;
|
|
10
14
|
}
|
|
11
15
|
export declare const PHXRadio: React.FC<InputProps>;
|
|
@@ -2,16 +2,29 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.PHXRadio = 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 PHXRadio = function (_a) {
|
|
8
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
|
|
8
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, expanded = _a.expanded, children = _a.children, onChange = _a.onChange, helpText = _a.helpText, rest = tslib_1.__rest(_a, ["className", "error", "errorType", "label", "register", "title", "expanded", "children", "onChange", "helpText"]);
|
|
9
|
+
var _b = (0, react_1.useState)(false), show = _b[0], setShow = _b[1];
|
|
10
|
+
(0, react_1.useEffect)(function () {
|
|
11
|
+
// @ts-ignore
|
|
12
|
+
setShow(expanded);
|
|
13
|
+
}, [expanded]);
|
|
14
|
+
var handleChange = function (e) {
|
|
15
|
+
setShow(e.target.checked);
|
|
16
|
+
if (onChange) {
|
|
17
|
+
onChange(e);
|
|
18
|
+
}
|
|
19
|
+
};
|
|
9
20
|
return (react_1["default"].createElement("div", { className: className },
|
|
10
21
|
react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
11
22
|
react_1["default"].createElement("div", { className: 'mt-1 flex items-center' },
|
|
12
|
-
react_1["default"].createElement("label", { className: '
|
|
13
|
-
react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { className: (0, types_1.classNames)(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
|
|
23
|
+
react_1["default"].createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
24
|
+
react_1["default"].createElement("input", tslib_1.__assign({}, rest, register, { onChange: handleChange, className: (0, types_1.classNames)(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
|
|
14
25
|
react_1["default"].createElement("span", { className: 'ml-2' }, title))),
|
|
26
|
+
helpText && show ? react_1["default"].createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
|
|
27
|
+
show && children ? react_1["default"].createElement("div", { className: 'ml-7' }, children) : react_1["default"].createElement(react_1["default"].Fragment, null),
|
|
15
28
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
16
29
|
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
30
|
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' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;AAAA,qDAAuE;AAEvE,kCAAqC;AAe9B,IAAM,QAAQ,GAAyB,UAAC,EAYlC;IAXX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,sBAXsC,iHAY9C,CADQ;IAED,IAAA,KAAkB,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,IAAA,iBAAS,EAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IACD,OAAO,CACL,0CAAK,SAAS,EAAE,SAAS;QACvB,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,0CAAK,SAAS,EAAC,wBAAwB;YACrC,4CAAO,SAAS,EAAC,oFAAoF;gBACnG,+DACM,IAAI,EACJ,QAAQ,IACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,IAAA,kBAAU,EACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,2CAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,0CAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,mEAAK;QACjE,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,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,QAAQ,YAsEpB"}
|
|
@@ -7,5 +7,9 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
7
7
|
title?: string;
|
|
8
8
|
error?: boolean;
|
|
9
9
|
errorType?: 'required-field' | 'duplicate-field';
|
|
10
|
+
expanded?: boolean;
|
|
11
|
+
children?: any;
|
|
12
|
+
helpText?: string;
|
|
13
|
+
onChange?: any;
|
|
10
14
|
}
|
|
11
15
|
export declare const PHXRadio: React.FC<InputProps>;
|
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React from 'react';
|
|
2
|
+
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { classNames } from '../types';
|
|
4
4
|
export var PHXRadio = function (_a) {
|
|
5
|
-
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title"]);
|
|
5
|
+
var className = _a.className, error = _a.error, errorType = _a.errorType, label = _a.label, register = _a.register, title = _a.title, expanded = _a.expanded, children = _a.children, onChange = _a.onChange, helpText = _a.helpText, rest = __rest(_a, ["className", "error", "errorType", "label", "register", "title", "expanded", "children", "onChange", "helpText"]);
|
|
6
|
+
var _b = useState(false), show = _b[0], setShow = _b[1];
|
|
7
|
+
useEffect(function () {
|
|
8
|
+
// @ts-ignore
|
|
9
|
+
setShow(expanded);
|
|
10
|
+
}, [expanded]);
|
|
11
|
+
var handleChange = function (e) {
|
|
12
|
+
setShow(e.target.checked);
|
|
13
|
+
if (onChange) {
|
|
14
|
+
onChange(e);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
6
17
|
return (React.createElement("div", { className: className },
|
|
7
18
|
React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
8
19
|
React.createElement("div", { className: 'mt-1 flex items-center' },
|
|
9
|
-
React.createElement("label", { className: '
|
|
10
|
-
React.createElement("input", __assign({}, rest, register, { className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
|
|
20
|
+
React.createElement("label", { className: 'flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
21
|
+
React.createElement("input", __assign({}, rest, register, { onChange: handleChange, className: classNames(error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', 'h-4 w-4 border-gray-300 p-0 text-indigo-600 focus:ring-indigo-500'), type: 'radio' })),
|
|
11
22
|
React.createElement("span", { className: 'ml-2' }, title))),
|
|
23
|
+
helpText && show ? React.createElement("div", { className: 'pl-7 text-xs font-light text-gray-400' }, helpText) : null,
|
|
24
|
+
show && children ? React.createElement("div", { className: 'ml-7' }, children) : React.createElement(React.Fragment, null),
|
|
12
25
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
13
26
|
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
27
|
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' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAerC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAYlC;IAXX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACL,IAAI,cAXsC,iHAY9C,CADQ;IAED,IAAA,KAAkB,QAAQ,CAAU,KAAK,CAAC,EAAzC,IAAI,QAAA,EAAE,OAAO,QAA4B,CAAA;IAEhD,SAAS,CAAC;QACR,aAAa;QACb,OAAO,CAAC,QAAQ,CAAC,CAAA;IACnB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAM,YAAY,GAAG,UAAC,CAAM;QAC1B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,CAAC,CAAC,CAAA;SACZ;IACH,CAAC,CAAA;IACD,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,oFAAoF;gBACnG,0CACM,IAAI,EACJ,QAAQ,IACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CACnB,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,mEAAmE,CACpE,EACD,IAAI,EAAC,OAAO,IACZ;gBACF,8BAAM,SAAS,EAAC,MAAM,IAAE,KAAK,CAAQ,CAC/B,CACJ;QACL,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,uCAAuC,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;QACjG,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,MAAM,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,yCAAK;QACjE,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,IAChC,SAAS,KAAK,gBAAgB,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,sBAAsB,CAClF,CACA,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;AACH,CAAC,CAAA"}
|