@datability/8ui 0.1.20 → 0.1.22
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/components/Input/InputBasic/index.js +2 -2
- package/dist/components/Input/InputBasic/index.js.map +1 -1
- package/dist/components/Input/InputBasic/index.type.d.ts +2 -0
- package/dist/components/Input/InputRadio/index.js +3 -3
- package/dist/components/Input/InputRadio/index.js.map +1 -1
- package/dist/components/Input/InputRadio/index.scss +5 -0
- package/dist/components/Input/InputRadio/index.type.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6,11 +6,11 @@ import { getIn, useFormikContext } from 'formik';
|
|
|
6
6
|
import './index.scss';
|
|
7
7
|
import InputBase from '../InputBase';
|
|
8
8
|
var Input = function (_a) {
|
|
9
|
-
var name = _a.name, label = _a.label, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.require, require = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e;
|
|
9
|
+
var name = _a.name, label = _a.label, _b = _a.type, type = _b === void 0 ? 'text' : _b, placeholder = _a.placeholder, _c = _a.disabled, disabled = _c === void 0 ? false : _c, _d = _a.require, require = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, inputRef = _a.inputRef;
|
|
10
10
|
var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, handleChange = _f.handleChange;
|
|
11
11
|
var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
|
|
12
12
|
return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
|
|
13
|
-
React.createElement("input", { className: "DBui-inputBasic", type: type, placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
|
|
13
|
+
React.createElement("input", { ref: inputRef, className: "DBui-inputBasic", type: type, placeholder: placeholder, disabled: disabled, value: getIn(values, name), onChange: handleChange, name: name, "data-invalid": isInvalid })));
|
|
14
14
|
};
|
|
15
15
|
export default Input;
|
|
16
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,KAAK,GAA8B,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputBasic/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,KAAK,GAA8B,UAAC,EASzC;QARC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAa,EAAb,IAAI,mBAAG,MAAM,KAAA,EACb,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA;IAEF,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,kBACI,SAAS,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -6,11 +6,11 @@ import { getIn, useFormikContext } from 'formik';
|
|
|
6
6
|
import './index.scss';
|
|
7
7
|
import InputBase from '../InputBase';
|
|
8
8
|
var InputRadio = function (_a) {
|
|
9
|
-
var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, options = _a.options;
|
|
10
|
-
var
|
|
9
|
+
var name = _a.name, label = _a.label, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.require, require = _c === void 0 ? false : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, _e = _a.isVertical, isVertical = _e === void 0 ? false : _e, options = _a.options;
|
|
10
|
+
var _f = useFormikContext(), values = _f.values, touched = _f.touched, errors = _f.errors, handleChange = _f.handleChange;
|
|
11
11
|
var isInvalid = getIn(touched, name) && Boolean(getIn(errors, name));
|
|
12
12
|
return (React.createElement(InputBase, { name: name, label: label, require: require, fullWidth: fullWidth, isInvalid: isInvalid },
|
|
13
|
-
React.createElement("div", { className: "DBui-wrapInputRadioList" }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputRadio" },
|
|
13
|
+
React.createElement("div", { className: "DBui-wrapInputRadioList", "data-vertical": isVertical }, options.map(function (data, index) { return (React.createElement("div", { key: index, className: "DBui-wrapInputRadio" },
|
|
14
14
|
React.createElement("input", { className: "DBui-inputRadio", type: "radio", disabled: disabled, value: data.value, onChange: handleChange, name: name, checked: getIn(values, name) === data.value }),
|
|
15
15
|
React.createElement("p", { className: "DBui-labelRadio", "data-invalid": isInvalid },
|
|
16
16
|
React.createElement("small", null, data.label)))); }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,UAAU,GAA8B,UAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Input/InputRadio/index.tsx"],"names":[],"mappings":"AAAA,MAAM;AACN,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAEhD,SAAS;AAET,qBAAqB;AACrB,OAAO,cAAc,CAAA;AACrB,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,IAAM,UAAU,GAA8B,UAAC,EAQ9C;QAPC,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,OAAO,aAAA;IAED,IAAA,KAA4C,gBAAgB,EAAE,EAA5D,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAuB,CAAA;IACpE,IAAM,SAAS,GAAG,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAA;IAEtE,OAAO,CACL,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;QAC/F,6BAAK,SAAS,EAAC,yBAAyB,mBAAgB,UAAU,IAC/D,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,qBAAqB;YAC9C,+BACE,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,GAC3C;YACF,2BAAG,SAAS,EAAC,iBAAiB,kBAAe,SAAS;gBACpD,mCAAQ,IAAI,CAAC,KAAK,CAAS,CACzB,CACA,CACP,EAf6B,CAe7B,CAAC,CACE,CACI,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|