phx-react 1.3.271 → 1.3.272
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 +0 -4
- package/dist/cjs/components/Radio/Radio.js +4 -17
- package/dist/cjs/components/Radio/Radio.js.map +1 -1
- package/dist/esm/components/Radio/Radio.d.ts +0 -4
- package/dist/esm/components/Radio/Radio.js +4 -17
- package/dist/esm/components/Radio/Radio.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,9 +7,5 @@ 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;
|
|
14
10
|
}
|
|
15
11
|
export declare const PHXRadio: React.FC<InputProps>;
|
|
@@ -2,29 +2,16 @@
|
|
|
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.__importDefault(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,
|
|
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
|
-
};
|
|
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"]);
|
|
20
9
|
return (react_1["default"].createElement("div", { className: className },
|
|
21
10
|
react_1["default"].createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
22
11
|
react_1["default"].createElement("div", { className: 'mt-1 flex items-center' },
|
|
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, {
|
|
12
|
+
react_1["default"].createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
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' })),
|
|
25
14
|
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),
|
|
28
15
|
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
29
16
|
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' },
|
|
30
17
|
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,wDAAkD;AAElD,kCAAqC;AAW9B,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,sBAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,0CAAK,SAAS,EAAE,SAAS;QACvB,4CAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,0CAAK,SAAS,EAAC,wBAAwB;YACrC,4CAAO,SAAS,EAAC,0FAA0F;gBACzG,+DACM,IAAI,EACJ,QAAQ,IACZ,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,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;CAAA,CAAA;AAhDY,QAAA,QAAQ,YAgDpB"}
|
|
@@ -7,9 +7,5 @@ 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;
|
|
14
10
|
}
|
|
15
11
|
export declare const PHXRadio: React.FC<InputProps>;
|
|
@@ -1,27 +1,14 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React
|
|
2
|
+
import React 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,
|
|
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
|
-
};
|
|
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"]);
|
|
17
6
|
return (React.createElement("div", { className: className },
|
|
18
7
|
React.createElement("label", { className: 'block text-xs font-normal text-gray-700' }, label),
|
|
19
8
|
React.createElement("div", { className: 'mt-1 flex items-center' },
|
|
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, {
|
|
9
|
+
React.createElement("label", { className: 'block flex items-center text-xs font-normal leading-5 text-gray-700 hover:cursor-pointer' },
|
|
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' })),
|
|
22
11
|
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),
|
|
25
12
|
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
26
13
|
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' },
|
|
27
14
|
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,KAA8B,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,CAAC,IAAM,QAAQ,GAAyB,UAAC,EAQlC;IAPX,IAAA,SAAS,eAAA,EACT,KAAK,WAAA,EACL,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAPsC,iEAQ9C,CADQ;IACS,OAAA,CAChB,6BAAK,SAAS,EAAE,SAAS;QACvB,+BAAO,SAAS,EAAC,yCAAyC,IAAE,KAAK,CAAS;QAC1E,6BAAK,SAAS,EAAC,wBAAwB;YACrC,+BAAO,SAAS,EAAC,0FAA0F;gBACzG,0CACM,IAAI,EACJ,QAAQ,IACZ,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,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;CAAA,CAAA"}
|