@bigbinary/neetoui 8.0.1 → 8.1.1
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/formik/Checkbox.js +15 -11
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Input.js +15 -11
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +9 -3
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +13 -6
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +10 -4
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +9 -3
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +16 -5
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +15 -11
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +9 -3
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/formik/Checkbox.js +16 -12
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Input.js +16 -12
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +10 -4
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +14 -7
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +12 -6
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +10 -4
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +17 -6
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +16 -12
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +10 -4
- package/dist/formik/TreeSelect.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
-
var
|
|
8
|
+
var ramda = require('ramda');
|
|
9
9
|
var Checkbox$1 = require('../Checkbox.js');
|
|
10
10
|
require('classnames');
|
|
11
11
|
require('../useId-4e3deb5c.js');
|
|
@@ -23,7 +23,6 @@ require('dayjs/plugin/weekday');
|
|
|
23
23
|
require('dayjs/plugin/weekOfYear');
|
|
24
24
|
require('@bigbinary/neeto-cist');
|
|
25
25
|
require('qs');
|
|
26
|
-
require('ramda');
|
|
27
26
|
require('../en-c1fe180c.js');
|
|
28
27
|
require('../Label.js');
|
|
29
28
|
require('@bigbinary/neeto-icons');
|
|
@@ -52,23 +51,28 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
52
51
|
name: name
|
|
53
52
|
}, function (_ref2) {
|
|
54
53
|
var field = _ref2.field,
|
|
55
|
-
meta = _ref2.meta
|
|
54
|
+
meta = _ref2.meta,
|
|
55
|
+
form = _ref2.form;
|
|
56
|
+
var _form$status = form.status,
|
|
57
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
58
|
+
setStatus = form.setStatus;
|
|
59
|
+
var fieldStatus = formik.getIn(status, name);
|
|
60
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
61
|
+
onChange: function onChange(e) {
|
|
62
|
+
setStatus(ramda.dissoc(name, status));
|
|
63
|
+
field.onChange(e);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
56
66
|
return /*#__PURE__*/React__default["default"].createElement(Checkbox$1, _extends__default["default"]({
|
|
57
67
|
checked: field.value
|
|
58
|
-
}, _objectSpread(_objectSpread({},
|
|
68
|
+
}, _objectSpread(_objectSpread({}, fieldProps), {}, {
|
|
59
69
|
ref: ref
|
|
60
70
|
}), {
|
|
61
|
-
error: meta.touched ? meta.error : ""
|
|
71
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
62
72
|
}, rest));
|
|
63
73
|
});
|
|
64
74
|
});
|
|
65
75
|
Checkbox.displayName = "Checkbox";
|
|
66
|
-
Checkbox.propTypes = {
|
|
67
|
-
/**
|
|
68
|
-
* The name of the Checkbox.
|
|
69
|
-
*/
|
|
70
|
-
name: index.propTypes.exports.string
|
|
71
|
-
};
|
|
72
76
|
|
|
73
77
|
module.exports = Checkbox;
|
|
74
78
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta }) => (\n <CheckboxField\n
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/formik/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport CheckboxField from \"components/Checkbox\";\n\nconst Checkbox = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <CheckboxField\n checked={field.value}\n {...{ ...fieldProps, ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * The name of the Checkbox.\n */\n name: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","CheckboxField","_extends","checked","value","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,QAAQ,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC1CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,MAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,YAAA;MAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS,CAAA;AAC9B,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC,CAAA;AAC/BJ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEf,yBAAA,CAAAC,aAAA,CAACgB,UAAa,EAAAC,4BAAA,CAAA;MACZC,OAAO,EAAEf,KAAK,CAACgB,KAAAA;AAAM,KAAA,EAAAP,aAAA,CAAAA,aAAA,CAAA,EAAA,EACZD,UAAU,CAAA,EAAA,EAAA,EAAA;AAAEjB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,CAAA,EAAA;MACxB0B,KAAK,EAAEhB,IAAI,CAACiB,OAAO,GAAGjB,IAAI,CAACgB,KAAK,IAAIX,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDb,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
|
package/dist/cjs/formik/Input.js
CHANGED
|
@@ -5,11 +5,10 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
-
var
|
|
8
|
+
var ramda = require('ramda');
|
|
9
9
|
var Input = require('../Input.js');
|
|
10
10
|
require('@babel/runtime/helpers/slicedToArray');
|
|
11
11
|
require('classnames');
|
|
12
|
-
require('ramda');
|
|
13
12
|
require('../useId-4e3deb5c.js');
|
|
14
13
|
require('react-router-dom');
|
|
15
14
|
require('@bigbinary/neeto-hotkeys');
|
|
@@ -52,21 +51,26 @@ var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
52
51
|
name: name
|
|
53
52
|
}, function (_ref2) {
|
|
54
53
|
var field = _ref2.field,
|
|
55
|
-
meta = _ref2.meta
|
|
54
|
+
meta = _ref2.meta,
|
|
55
|
+
form = _ref2.form;
|
|
56
|
+
var _form$status = form.status,
|
|
57
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
58
|
+
setStatus = form.setStatus;
|
|
59
|
+
var fieldStatus = formik.getIn(status, name);
|
|
60
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
61
|
+
onChange: function onChange(e) {
|
|
62
|
+
setStatus(ramda.dissoc(name, status));
|
|
63
|
+
field.onChange(e);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
56
66
|
return /*#__PURE__*/React__default["default"].createElement(Input, _extends__default["default"]({}, _objectSpread({
|
|
57
67
|
ref: ref
|
|
58
|
-
},
|
|
59
|
-
error: meta.touched ? meta.error : ""
|
|
68
|
+
}, fieldProps), {
|
|
69
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
60
70
|
}, rest));
|
|
61
71
|
});
|
|
62
72
|
});
|
|
63
73
|
FormikInput.displayName = "FormikInput";
|
|
64
|
-
FormikInput.propTypes = {
|
|
65
|
-
/**
|
|
66
|
-
* The name of the input field.
|
|
67
|
-
*/
|
|
68
|
-
name: index.propTypes.exports.string
|
|
69
|
-
};
|
|
70
74
|
|
|
71
75
|
module.exports = FormikInput;
|
|
72
76
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta }) => (\n <Input\n
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Input\n {...{ ref, ...fieldProps }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...rest}\n />\n );\n }}\n </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n /**\n * The name of the input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Input","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,WAAW,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,MAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,YAAA;MAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS,CAAA;AAC9B,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC,CAAA;AAC/BJ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;IAED,oBACEf,yBAAA,CAAAC,aAAA,CAACgB,KAAK,EAAAC,4BAAA,KAAAL,aAAA,CAAA;AACElB,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKiB,UAAU,CAAA,EAAA;MACxBO,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIT,WAAW,GAAG,EAAA;AAAG,KAAA,EACjDb,IAAI,CACR,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAAC6B,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -5,11 +5,11 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
+
var ramda = require('ramda');
|
|
8
9
|
var MultiEmailInput = require('../MultiEmailInput.js');
|
|
9
10
|
require('@babel/runtime/helpers/defineProperty');
|
|
10
11
|
require('@babel/runtime/helpers/toConsumableArray');
|
|
11
12
|
require('classnames');
|
|
12
|
-
require('ramda');
|
|
13
13
|
require('../react-select-creatable.esm-23eddf9f.js');
|
|
14
14
|
require('@babel/runtime/helpers/esm/extends');
|
|
15
15
|
require('@babel/runtime/helpers/esm/objectSpread2');
|
|
@@ -71,16 +71,22 @@ var FormikMultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
71
71
|
_useField2$ = _useField2[2],
|
|
72
72
|
setValue = _useField2$.setValue,
|
|
73
73
|
setTouched = _useField2$.setTouched;
|
|
74
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
75
|
+
_useFormikContext$sta = _useFormikContext.status,
|
|
76
|
+
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
77
|
+
setStatus = _useFormikContext.setStatus;
|
|
78
|
+
var fieldStatus = formik.getIn(status, name);
|
|
74
79
|
return /*#__PURE__*/React__default["default"].createElement(MultiEmailInput, _extends__default["default"]({
|
|
75
80
|
ref: ref,
|
|
76
|
-
error: meta.touched ? meta.error : "",
|
|
81
|
+
error: meta.touched ? meta.error || fieldStatus : "",
|
|
77
82
|
name: field.name,
|
|
78
83
|
value: field.value,
|
|
79
84
|
onBlur: function onBlur() {
|
|
80
85
|
return setTouched(true);
|
|
81
86
|
},
|
|
82
87
|
onChange: function onChange(value) {
|
|
83
|
-
|
|
88
|
+
setStatus(ramda.dissoc(name, status));
|
|
89
|
+
setValue(value);
|
|
84
90
|
}
|
|
85
91
|
}, otherProps));
|
|
86
92
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n return (\n <EmailInput\n {...{ ref }}\n error={meta.touched ? meta.error : \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => setValue(value)}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n /**\n * The name of the email input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n return (\n <EmailInput\n {...{ ref }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n /**\n * The name of the email input field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQMA,IAAAA,qBAAqB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAE1C,IAAAC,iBAAA,GAAmCC,uBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;AAC9B,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEhB,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEoB,yBAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,4BAAA,CAAA;AACHxB,IAAAA,GAAG,EAAHA,GAAG;IACTyB,KAAK,EAAEf,IAAI,CAACgB,OAAO,GAAGhB,IAAI,CAACe,KAAK,IAAIN,WAAW,GAAG,EAAG;IACrDlB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjB0B,KAAK,EAAElB,KAAK,CAACkB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMf,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/BgB,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBT,MAAAA,SAAS,CAACY,YAAM,CAAC7B,IAAI,EAAEgB,MAAM,CAAC,CAAC,CAAA;MAC/BL,QAAQ,CAACe,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACEzB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAACkC,WAAW,GAAG,uBAAuB;;;;"}
|
package/dist/cjs/formik/Radio.js
CHANGED
|
@@ -6,6 +6,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var formik = require('formik');
|
|
9
|
+
var ramda = require('ramda');
|
|
9
10
|
var Radio = require('../Radio.js');
|
|
10
11
|
require('classnames');
|
|
11
12
|
require('../Label.js');
|
|
@@ -31,7 +32,6 @@ require('dayjs/plugin/weekday');
|
|
|
31
32
|
require('dayjs/plugin/weekOfYear');
|
|
32
33
|
require('@bigbinary/neeto-cist');
|
|
33
34
|
require('qs');
|
|
34
|
-
require('ramda');
|
|
35
35
|
require('../en-c1fe180c.js');
|
|
36
36
|
|
|
37
37
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -52,22 +52,29 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
52
52
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
53
53
|
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
54
54
|
var _useFormikContext = formik.useFormikContext(),
|
|
55
|
-
setFieldValue = _useFormikContext.setFieldValue
|
|
55
|
+
setFieldValue = _useFormikContext.setFieldValue,
|
|
56
|
+
_useFormikContext$sta = _useFormikContext.status,
|
|
57
|
+
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
58
|
+
setStatus = _useFormikContext.setStatus;
|
|
56
59
|
var _useField = formik.useField({
|
|
57
60
|
name: name
|
|
58
61
|
}),
|
|
59
62
|
_useField2 = _slicedToArray__default["default"](_useField, 2),
|
|
60
63
|
field = _useField2[0],
|
|
61
64
|
meta = _useField2[1];
|
|
62
|
-
|
|
63
|
-
|
|
65
|
+
var fieldStatus = formik.getIn(status, name);
|
|
66
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
64
67
|
onChange: function onChange(event) {
|
|
65
|
-
|
|
68
|
+
setStatus(ramda.dissoc(name, status));
|
|
69
|
+
setFieldValue(name, event.target.value);
|
|
66
70
|
}
|
|
71
|
+
});
|
|
72
|
+
return /*#__PURE__*/React__default["default"].createElement(Radio, _extends__default["default"]({
|
|
73
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
67
74
|
}, _objectSpread(_objectSpread({
|
|
68
75
|
className: className,
|
|
69
76
|
label: label
|
|
70
|
-
},
|
|
77
|
+
}, fieldProps), props)));
|
|
71
78
|
};
|
|
72
79
|
RadioGroup.Item = Radio.Item;
|
|
73
80
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sources":["../../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n const { setFieldValue } = useFormikContext();\n const [field, meta] = useField({ name });\n\n return (\n <Radio\n error={meta.touched ? meta.error : \"\"}\n
|
|
1
|
+
{"version":3,"file":"Radio.js","sources":["../../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n const { setFieldValue, status = {}, setStatus } = useFormikContext();\n const [field, meta] = useField({ name });\n\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: event => {\n setStatus(dissoc(name, status));\n setFieldValue(name, event.target.value);\n },\n };\n\n return (\n <Radio\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...{ className, label, ...fieldProps, ...props }}\n />\n );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useFormikContext$sta","status","setStatus","_useField","useField","_useField2","_slicedToArray","field","meta","fieldStatus","getIn","fieldProps","_objectSpread","onChange","event","dissoc","target","value","React","createElement","Radio","_extends","error","touched","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,4CAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAAkDC,uBAAgB,EAAE;IAA5DC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IAAAC,qBAAA,GAAAH,iBAAA,CAAEI,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAL,iBAAA,CAATK,SAAS,CAAA;EAC7C,IAAAC,SAAA,GAAsBC,eAAQ,CAAC;AAAEb,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAc,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,IAAMI,WAAW,GAAGC,YAAK,CAACT,MAAM,EAAEV,IAAI,CAAC,CAAA;AAEvC,EAAA,IAAMoB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXL,KAAK,CAAA,EAAA,EAAA,EAAA;AACRM,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBZ,MAAAA,SAAS,CAACa,YAAM,CAACxB,IAAI,EAAEU,MAAM,CAAC,CAAC,CAAA;MAC/BF,aAAa,CAACR,IAAI,EAAEuB,KAAK,CAACE,MAAM,CAACC,KAAK,CAAC,CAAA;AACzC,KAAA;GACD,CAAA,CAAA;AAED,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,4BAAA,CAAA;IACJC,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIb,WAAW,GAAG,EAAA;GAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/CnB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUqB,EAAAA,UAAU,CAAKjB,EAAAA,KAAK,CAC/C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAACoC,IAAI,GAAGJ,KAAK,CAACI,IAAI;;;;"}
|
|
@@ -81,6 +81,11 @@ var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
81
81
|
_useField2$ = _useField2[2],
|
|
82
82
|
setValue = _useField2$.setValue,
|
|
83
83
|
setTouched = _useField2$.setTouched;
|
|
84
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
85
|
+
_useFormikContext$sta = _useFormikContext.status,
|
|
86
|
+
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
87
|
+
setStatus = _useFormikContext.setStatus;
|
|
88
|
+
var fieldStatus = formik.getIn(status, name);
|
|
84
89
|
var isMenuOpen = React.useRef(otherProps.defaultMenuIsOpen);
|
|
85
90
|
var getRealOptionValue = function getRealOptionValue(option) {
|
|
86
91
|
if (typeof getOptionValue !== "function") {
|
|
@@ -96,19 +101,20 @@ var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
96
101
|
};
|
|
97
102
|
return /*#__PURE__*/React__default["default"].createElement(Select, _extends__default["default"]({
|
|
98
103
|
options: options,
|
|
99
|
-
error: meta.touched ? meta.error : "",
|
|
104
|
+
error: meta.touched ? meta.error || fieldStatus : "",
|
|
100
105
|
getOptionValue: getOptionValue || ramda.prop("value"),
|
|
101
106
|
innerRef: ref,
|
|
102
107
|
isMulti: !!isMulti,
|
|
103
108
|
name: field.name,
|
|
104
109
|
value: ramda.either(ramda.isNil, ramda.isEmpty)(field.value) ? null : buildValueObj(field.value, options),
|
|
105
|
-
onChange: function onChange(value) {
|
|
106
|
-
return setValue(value);
|
|
107
|
-
},
|
|
108
110
|
onBlur: function onBlur() {
|
|
109
111
|
return React.startTransition(function () {
|
|
110
112
|
setTouched(true);
|
|
111
113
|
});
|
|
114
|
+
},
|
|
115
|
+
onChange: function onChange(value) {
|
|
116
|
+
setStatus(ramda.dissoc(name, status));
|
|
117
|
+
setValue(value);
|
|
112
118
|
}
|
|
113
119
|
}, otherProps, {
|
|
114
120
|
onKeyDown: function onKeyDown(event) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n const {\n name = \"\",\n options = [],\n getOptionValue = null,\n isMulti = false,\n ...otherProps\n } = props;\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n const getRealOptionValue = option => {\n if (typeof getOptionValue !== \"function\") {\n return option.value;\n }\n\n return getOptionValue(option);\n };\n\n const buildValueObj = (value, options) => {\n if (typeof value === \"object\") return value;\n\n return options.filter(option => getRealOptionValue(option) === value)[0];\n };\n\n return (\n <Select\n {...{ options }}\n error={meta.touched ? meta.error : \"\"}\n getOptionValue={getOptionValue || prop(\"value\")}\n innerRef={ref}\n isMulti={!!isMulti}\n name={field.name}\n value={\n either(isNil, isEmpty)(field.value)\n ? null\n : buildValueObj(field.value, options)\n }\n
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { getIn, useFormikContext, useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty, dissoc } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n const {\n name = \"\",\n options = [],\n getOptionValue = null,\n isMulti = false,\n ...otherProps\n } = props;\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n const getRealOptionValue = option => {\n if (typeof getOptionValue !== \"function\") {\n return option.value;\n }\n\n return getOptionValue(option);\n };\n\n const buildValueObj = (value, options) => {\n if (typeof value === \"object\") return value;\n\n return options.filter(option => getRealOptionValue(option) === value)[0];\n };\n\n return (\n <Select\n {...{ options }}\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n getOptionValue={getOptionValue || prop(\"value\")}\n innerRef={ref}\n isMulti={!!isMulti}\n name={field.name}\n value={\n either(isNil, isEmpty)(field.value)\n ? null\n : buildValueObj(field.value, options)\n }\n onBlur={() =>\n startTransition(() => {\n setTouched(true);\n })\n }\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n onKeyDown={event => {\n if (event.key === \"Enter\" && isMenuOpen.current) {\n event.stopPropagation();\n }\n otherProps.onKeyDown?.(event);\n }}\n onMenuClose={() => {\n isMenuOpen.current = false;\n otherProps.onMenuClose?.();\n }}\n onMenuOpen={() => {\n isMenuOpen.current = true;\n otherProps.onMenuOpen?.();\n }}\n />\n );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n /**\n * The name of the select input.\n */\n name: PropTypes.string,\n /**\n * To provide the options to be displayed in the select component.\n */\n options: PropTypes.array,\n /**\n * To provide the function to get the value of the option.\n */\n getOptionValue: PropTypes.string,\n /**\n * To specify whether multiple options can be selected.\n */\n isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onBlur","startTransition","onChange","dissoc","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQMA,IAAAA,WAAW,gBAAGC,gBAAU,CAAC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC7C,EAAA,IAAAC,WAAA,GAMIF,KAAK,CALPG,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,WAAA;IAAAE,cAAA,GAKPJ,KAAK,CAJPK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAIVN,KAAK,CAHPO,cAAc;AAAdA,IAAAA,cAAc,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,cAAA,GAGnBR,KAAK,CAFPS,OAAO;AAAPA,IAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;AACZE,IAAAA,UAAU,GAAAC,4CAAA,CACXX,KAAK,EAAAY,SAAA,CAAA,CAAA;AACT,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACX,IAAI,CAAC;IAAAY,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAAmCC,uBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;AAC9B,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEtB,IAAI,CAAC,CAAA;AAEvC,EAAA,IAAM0B,UAAU,GAAGC,YAAM,CAACpB,UAAU,CAACqB,iBAAiB,CAAC,CAAA;AAEvD,EAAA,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGC,MAAM,EAAI;AACnC,IAAA,IAAI,OAAO1B,cAAc,KAAK,UAAU,EAAE;MACxC,OAAO0B,MAAM,CAACC,KAAK,CAAA;AACrB,KAAA;IAEA,OAAO3B,cAAc,CAAC0B,MAAM,CAAC,CAAA;GAC9B,CAAA;EAED,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAID,KAAK,EAAE7B,OAAO,EAAK;AACxC,IAAA,IAAI+B,2BAAA,CAAOF,KAAK,MAAK,QAAQ,EAAE,OAAOA,KAAK,CAAA;AAE3C,IAAA,OAAO7B,OAAO,CAACgC,MAAM,CAAC,UAAAJ,MAAM,EAAA;AAAA,MAAA,OAAID,kBAAkB,CAACC,MAAM,CAAC,KAAKC,KAAK,CAAA;KAAC,CAAA,CAAC,CAAC,CAAC,CAAA;GACzE,CAAA;AAED,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,4BAAA,CAAA;AACCpC,IAAAA,OAAO,EAAPA,OAAO;IACbqC,KAAK,EAAExB,IAAI,CAACyB,OAAO,GAAGzB,IAAI,CAACwB,KAAK,IAAIf,WAAW,GAAG,EAAG;AACrDpB,IAAAA,cAAc,EAAEA,cAAc,IAAIqC,UAAI,CAAC,OAAO,CAAE;AAChDC,IAAAA,QAAQ,EAAE5C,GAAI;IACdQ,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBN,IAAI,EAAEc,KAAK,CAACd,IAAK;IACjB+B,KAAK,EACHY,YAAM,CAACC,WAAK,EAAEC,aAAO,CAAC,CAAC/B,KAAK,CAACiB,KAAK,CAAC,GAC/B,IAAI,GACJC,aAAa,CAAClB,KAAK,CAACiB,KAAK,EAAE7B,OAAO,CACvC;IACD4C,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OACNC,qBAAe,CAAC,YAAM;QACpB7B,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,OAAC,CAAC,CAAA;KACH;AACD8B,IAAAA,QAAQ,EAAE,SAAAA,QAAAjB,CAAAA,KAAK,EAAI;AACjBR,MAAAA,SAAS,CAAC0B,YAAM,CAACjD,IAAI,EAAEsB,MAAM,CAAC,CAAC,CAAA;MAC/BL,QAAQ,CAACc,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACExB,UAAU,EAAA;AACd2C,IAAAA,SAAS,EAAE,SAAAA,SAAAC,CAAAA,KAAK,EAAI;AAAA,MAAA,IAAAC,qBAAA,CAAA;MAClB,IAAID,KAAK,CAACE,GAAG,KAAK,OAAO,IAAI3B,UAAU,CAAC4B,OAAO,EAAE;QAC/CH,KAAK,CAACI,eAAe,EAAE,CAAA;AACzB,OAAA;AACA,MAAA,CAAAH,qBAAA,GAAA7C,UAAU,CAAC2C,SAAS,MAAAE,IAAAA,IAAAA,qBAAA,KAApBA,KAAAA,CAAAA,IAAAA,qBAAA,CAAAI,IAAA,CAAAjD,UAAU,EAAa4C,KAAK,CAAC,CAAA;KAC7B;IACFM,WAAW,EAAE,SAAAA,WAAAA,GAAM;AAAA,MAAA,IAAAC,qBAAA,CAAA;MACjBhC,UAAU,CAAC4B,OAAO,GAAG,KAAK,CAAA;AAC1B,MAAA,CAAAI,qBAAA,GAAAnD,UAAU,CAACkD,WAAW,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,IAAtBA,qBAAA,CAAAF,IAAA,CAAAjD,UAAU,CAAgB,CAAA;KAC1B;IACFoD,UAAU,EAAE,SAAAA,UAAAA,GAAM;AAAA,MAAA,IAAAC,qBAAA,CAAA;MAChBlC,UAAU,CAAC4B,OAAO,GAAG,IAAI,CAAA;AACzB,MAAA,CAAAM,qBAAA,GAAArD,UAAU,CAACoD,UAAU,MAAA,IAAA,IAAAC,qBAAA,KAAA,KAAA,CAAA,IAArBA,qBAAA,CAAAJ,IAAA,CAAAjD,UAAU,CAAe,CAAA;AAC3B,KAAA;GACA,CAAA,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFZ,WAAW,CAACkE,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -6,6 +6,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
6
6
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
7
7
|
var React = require('react');
|
|
8
8
|
var formik = require('formik');
|
|
9
|
+
var ramda = require('ramda');
|
|
9
10
|
var Slider = require('../Slider.js');
|
|
10
11
|
require('antd/lib/config-provider');
|
|
11
12
|
require('antd/lib/slider');
|
|
@@ -42,7 +43,6 @@ require('dayjs/plugin/weekday');
|
|
|
42
43
|
require('dayjs/plugin/weekOfYear');
|
|
43
44
|
require('@bigbinary/neeto-cist');
|
|
44
45
|
require('qs');
|
|
45
|
-
require('ramda');
|
|
46
46
|
require('../en-c1fe180c.js');
|
|
47
47
|
|
|
48
48
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
@@ -66,8 +66,13 @@ var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
66
66
|
_useField2$ = _useField2[2],
|
|
67
67
|
setValue = _useField2$.setValue,
|
|
68
68
|
setTouched = _useField2$.setTouched;
|
|
69
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
70
|
+
_useFormikContext$sta = _useFormikContext.status,
|
|
71
|
+
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
72
|
+
setStatus = _useFormikContext.setStatus;
|
|
73
|
+
var fieldStatus = formik.getIn(status, name);
|
|
69
74
|
return /*#__PURE__*/React__default["default"].createElement(Slider, _extends__default["default"]({
|
|
70
|
-
error: meta.error || ""
|
|
75
|
+
error: meta.error || fieldStatus || ""
|
|
71
76
|
}, _objectSpread(_objectSpread({
|
|
72
77
|
ref: ref
|
|
73
78
|
}, field), {}, {
|
|
@@ -77,7 +82,8 @@ var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
77
82
|
return setTouched(true);
|
|
78
83
|
},
|
|
79
84
|
onChange: function onChange(value) {
|
|
80
|
-
|
|
85
|
+
setStatus(ramda.dissoc(name, status));
|
|
86
|
+
setValue(value);
|
|
81
87
|
}
|
|
82
88
|
}, otherProps));
|
|
83
89
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n return (\n <Slider\n error={meta.error || \"\"}\n {...{ ref, ...field, name }}\n onBlur={() => setTouched(true)}\n onChange={value => setValue(value)}\n {...otherProps}\n />\n );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { getIn, useField, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n\n const fieldStatus = getIn(status, name);\n\n return (\n <Slider\n error={meta.error || fieldStatus || \"\"}\n {...{ ref, ...field, name }}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAAmCC,uBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;AAE9B,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEhB,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEoB,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,4BAAA,CAAA;AACLC,IAAAA,KAAK,EAAEf,IAAI,CAACe,KAAK,IAAIN,WAAW,IAAI,EAAA;GAAGO,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACjC1B,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzB0B,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMd,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Be,IAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,KAAK,EAAI;AACjBX,MAAAA,SAAS,CAACY,YAAM,CAAC7B,IAAI,EAAEgB,MAAM,CAAC,CAAC,CAAA;MAC/BL,QAAQ,CAACiB,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACE3B,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAACkC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -5,6 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
+
var ramda = require('ramda');
|
|
8
9
|
var Switch = require('../Switch.js');
|
|
9
10
|
require('classnames');
|
|
10
11
|
require('@bigbinary/neeto-icons');
|
|
@@ -23,7 +24,6 @@ require('dayjs/plugin/weekday');
|
|
|
23
24
|
require('dayjs/plugin/weekOfYear');
|
|
24
25
|
require('@bigbinary/neeto-cist');
|
|
25
26
|
require('qs');
|
|
26
|
-
require('ramda');
|
|
27
27
|
require('../en-c1fe180c.js');
|
|
28
28
|
require('../Label.js');
|
|
29
29
|
require('../Button.js');
|
|
@@ -51,13 +51,24 @@ var FormikSwitch = function FormikSwitch(_ref) {
|
|
|
51
51
|
name: name
|
|
52
52
|
}, function (_ref2) {
|
|
53
53
|
var field = _ref2.field,
|
|
54
|
-
error = _ref2.meta.error
|
|
54
|
+
error = _ref2.meta.error,
|
|
55
|
+
form = _ref2.form;
|
|
56
|
+
var _form$status = form.status,
|
|
57
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
58
|
+
setStatus = form.setStatus;
|
|
59
|
+
var fieldStatus = formik.getIn(status, name);
|
|
60
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
61
|
+
onChange: function onChange(e) {
|
|
62
|
+
setStatus(ramda.dissoc(name, status));
|
|
63
|
+
field.onChange(e);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
55
66
|
return /*#__PURE__*/React__default["default"].createElement(Switch, _extends__default["default"]({
|
|
56
|
-
checked: field.value
|
|
67
|
+
checked: field.value,
|
|
68
|
+
error: error || fieldStatus
|
|
57
69
|
}, _objectSpread(_objectSpread({
|
|
58
|
-
error: error,
|
|
59
70
|
name: name
|
|
60
|
-
},
|
|
71
|
+
}, fieldProps), rest)));
|
|
61
72
|
});
|
|
62
73
|
};
|
|
63
74
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n <Field {...{ name }}>\n {({ field, meta: { error } }) => (\n <Switch
|
|
1
|
+
{"version":3,"file":"Switch.js","sources":["../../../src/formik/Switch.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Switch from \"components/Switch\";\n\nconst FormikSwitch = ({ name, ...rest }) => (\n <Field {...{ name }}>\n {({ field, meta: { error }, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Switch\n checked={field.value}\n error={error || fieldStatus}\n {...{ name, ...fieldProps, ...rest }}\n />\n );\n }}\n </Field>\n);\n\nFormikSwitch.propTypes = {\n /**\n * The name of the switch.\n */\n name: PropTypes.string,\n};\n\nexport default FormikSwitch;\n"],"names":["FormikSwitch","_ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","error","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Switch","_extends","checked","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAAA,EAAA,oBACnCC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAAsC;AAAA,IAAA,IAAnCC,KAAK,GAAAD,KAAA,CAALC,KAAK;AAAUC,MAAAA,KAAK,GAAAF,KAAA,CAAbG,IAAI,CAAID,KAAK;MAAIE,IAAI,GAAAJ,KAAA,CAAJI,IAAI,CAAA;AAC9B,IAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,MAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,YAAA;MAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS,CAAA;AAC9B,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEb,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMiB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXV,KAAK,CAAA,EAAA,EAAA,EAAA;AACRW,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACrB,IAAI,EAAEa,MAAM,CAAC,CAAC,CAAA;AAC/BL,QAAAA,KAAK,CAACW,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEhB,yBAAA,CAAAC,aAAA,CAACiB,MAAM,EAAAC,4BAAA,CAAA;MACLC,OAAO,EAAEhB,KAAK,CAACiB,KAAM;MACrBhB,KAAK,EAAEA,KAAK,IAAIM,WAAAA;KAAYG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACtBlB,MAAAA,IAAI,EAAJA,IAAAA;KAASiB,EAAAA,UAAU,CAAKhB,EAAAA,IAAI,CAClC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA;;;;"}
|
|
@@ -5,7 +5,7 @@ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
-
var
|
|
8
|
+
var ramda = require('ramda');
|
|
9
9
|
var Textarea = require('../Textarea-af523fdb.js');
|
|
10
10
|
require('@babel/runtime/helpers/slicedToArray');
|
|
11
11
|
require('classnames');
|
|
@@ -23,7 +23,6 @@ require('dayjs/plugin/weekday');
|
|
|
23
23
|
require('dayjs/plugin/weekOfYear');
|
|
24
24
|
require('@bigbinary/neeto-cist');
|
|
25
25
|
require('qs');
|
|
26
|
-
require('ramda');
|
|
27
26
|
require('../en-c1fe180c.js');
|
|
28
27
|
require('../Label.js');
|
|
29
28
|
require('@bigbinary/neeto-icons');
|
|
@@ -52,21 +51,26 @@ var FormikTextarea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
52
51
|
name: name
|
|
53
52
|
}, function (_ref2) {
|
|
54
53
|
var field = _ref2.field,
|
|
55
|
-
meta = _ref2.meta
|
|
54
|
+
meta = _ref2.meta,
|
|
55
|
+
form = _ref2.form;
|
|
56
|
+
var _form$status = form.status,
|
|
57
|
+
status = _form$status === void 0 ? {} : _form$status,
|
|
58
|
+
setStatus = form.setStatus;
|
|
59
|
+
var fieldStatus = formik.getIn(status, name);
|
|
60
|
+
var fieldProps = _objectSpread(_objectSpread({}, field), {}, {
|
|
61
|
+
onChange: function onChange(e) {
|
|
62
|
+
setStatus(ramda.dissoc(name, status));
|
|
63
|
+
field.onChange(e);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
56
66
|
return /*#__PURE__*/React__default["default"].createElement(Textarea.Textarea, _extends__default["default"]({
|
|
57
|
-
error: meta.touched ? meta.error : ""
|
|
67
|
+
error: meta.touched ? meta.error || fieldStatus : ""
|
|
58
68
|
}, _objectSpread(_objectSpread({
|
|
59
69
|
ref: ref
|
|
60
|
-
},
|
|
70
|
+
}, fieldProps), rest)));
|
|
61
71
|
});
|
|
62
72
|
});
|
|
63
73
|
FormikTextarea.displayName = "FormikTextarea";
|
|
64
|
-
FormikTextarea.propTypes = {
|
|
65
|
-
/**
|
|
66
|
-
* The name of the textarea field.
|
|
67
|
-
*/
|
|
68
|
-
name: index.propTypes.exports.string
|
|
69
|
-
};
|
|
70
74
|
|
|
71
75
|
module.exports = FormikTextarea;
|
|
72
76
|
//# sourceMappingURL=Textarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta }) => (\n <Textarea\n
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/formik/Textarea.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field, getIn } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { dissoc } from \"ramda\";\n\nimport Textarea from \"components/Textarea\";\n\nconst FormikTextarea = forwardRef(({ name, ...rest }, ref) => (\n <Field {...{ name }}>\n {({ field, meta, form }) => {\n const { status = {}, setStatus } = form;\n const fieldStatus = getIn(status, name);\n\n const fieldProps = {\n ...field,\n onChange: e => {\n setStatus(dissoc(name, status));\n field.onChange(e);\n },\n };\n\n return (\n <Textarea\n error={meta.touched ? meta.error || fieldStatus : \"\"}\n {...{ ref, ...fieldProps, ...rest }}\n />\n );\n }}\n </Field>\n));\n\nFormikTextarea.displayName = \"FormikTextarea\";\n\nFormikTextarea.propTypes = {\n /**\n * The name of the textarea field.\n */\n name: PropTypes.string,\n};\n\nexport default FormikTextarea;\n"],"names":["FormikTextarea","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","form","_form$status","status","setStatus","fieldStatus","getIn","fieldProps","_objectSpread","onChange","e","dissoc","Textarea","_extends","error","touched","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,cAAc,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAChDC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;GACV,EAAA,UAAAO,KAAA,EAA2B;AAAA,IAAA,IAAxBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,KAAA,CAAJG,IAAI,CAAA;AACnB,IAAA,IAAAC,YAAA,GAAmCD,IAAI,CAA/BE,MAAM;AAANA,MAAAA,MAAM,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,YAAA;MAAEE,SAAS,GAAKH,IAAI,CAAlBG,SAAS,CAAA;AAC9B,IAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEZ,IAAI,CAAC,CAAA;AAEvC,IAAA,IAAMgB,UAAU,GAAAC,aAAA,CAAAA,aAAA,KACXT,KAAK,CAAA,EAAA,EAAA,EAAA;AACRU,MAAAA,QAAQ,EAAE,SAAAA,QAAAC,CAAAA,CAAC,EAAI;AACbN,QAAAA,SAAS,CAACO,YAAM,CAACpB,IAAI,EAAEY,MAAM,CAAC,CAAC,CAAA;AAC/BJ,QAAAA,KAAK,CAACU,QAAQ,CAACC,CAAC,CAAC,CAAA;AACnB,OAAA;KACD,CAAA,CAAA;AAED,IAAA,oBACEf,yBAAA,CAAAC,aAAA,CAACgB,iBAAQ,EAAAC,4BAAA,CAAA;MACPC,KAAK,EAAEd,IAAI,CAACe,OAAO,GAAGf,IAAI,CAACc,KAAK,IAAIT,WAAW,GAAG,EAAA;KAAGG,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAC/ClB,MAAAA,GAAG,EAAHA,GAAAA;KAAQiB,EAAAA,UAAU,CAAKf,EAAAA,IAAI,CACjC,CAAA,CAAA,CAAA;AAEN,GAAC,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,cAAc,CAAC6B,WAAW,GAAG,gBAAgB;;;;"}
|
|
@@ -5,6 +5,7 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
|
5
5
|
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var formik = require('formik');
|
|
8
|
+
var ramda = require('ramda');
|
|
8
9
|
var TreeSelect = require('../TreeSelect.js');
|
|
9
10
|
require('antd/lib/config-provider');
|
|
10
11
|
require('antd/lib/tree-select');
|
|
@@ -22,7 +23,6 @@ require('dayjs/plugin/weekday');
|
|
|
22
23
|
require('dayjs/plugin/weekOfYear');
|
|
23
24
|
require('@bigbinary/neeto-cist');
|
|
24
25
|
require('qs');
|
|
25
|
-
require('ramda');
|
|
26
26
|
require('../en-c1fe180c.js');
|
|
27
27
|
require('../constants.js');
|
|
28
28
|
require('antd/locale/de_DE');
|
|
@@ -60,16 +60,22 @@ var FormikTreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
60
60
|
_useField2$ = _useField2[2],
|
|
61
61
|
setValue = _useField2$.setValue,
|
|
62
62
|
setTouched = _useField2$.setTouched;
|
|
63
|
+
var _useFormikContext = formik.useFormikContext(),
|
|
64
|
+
_useFormikContext$sta = _useFormikContext.status,
|
|
65
|
+
status = _useFormikContext$sta === void 0 ? {} : _useFormikContext$sta,
|
|
66
|
+
setStatus = _useFormikContext.setStatus;
|
|
67
|
+
var fieldStatus = formik.getIn(status, name);
|
|
63
68
|
return /*#__PURE__*/React__default["default"].createElement(TreeSelect, _extends__default["default"]({
|
|
64
69
|
ref: ref,
|
|
65
|
-
error: meta.error || "",
|
|
70
|
+
error: meta.error || fieldStatus || "",
|
|
66
71
|
name: field.name,
|
|
67
72
|
value: field.value,
|
|
68
73
|
onBlur: function onBlur() {
|
|
69
74
|
return setTouched(true);
|
|
70
75
|
},
|
|
71
76
|
onChange: function onChange(value) {
|
|
72
|
-
|
|
77
|
+
setStatus(ramda.dissoc(name, status));
|
|
78
|
+
setValue(value);
|
|
73
79
|
}
|
|
74
80
|
}, otherProps));
|
|
75
81
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeSelect.js","sources":["../../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n\n return (\n <TreeSelect\n {...{ ref }}\n error={meta.error || \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => setValue(value)}\n {...otherProps}\n />\n );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"TreeSelect.js","sources":["../../../src/formik/TreeSelect.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField, getIn, useFormikContext } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport TreeSelect from \"components/TreeSelect\";\n\nconst FormikTreeSelect = forwardRef(({ name, ...otherProps }, ref) => {\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n\n const fieldStatus = getIn(status, name);\n\n return (\n <TreeSelect\n {...{ ref }}\n error={meta.error || fieldStatus || \"\"}\n name={field.name}\n value={field.value}\n onBlur={() => setTouched(true)}\n onChange={value => {\n setStatus(dissoc(name, status));\n setValue(value);\n }}\n {...otherProps}\n />\n );\n});\n\nFormikTreeSelect.displayName = \"TreeSelect\";\n\nexport default FormikTreeSelect;\n"],"names":["FormikTreeSelect","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","_useFormikContext$sta","status","setStatus","fieldStatus","getIn","React","createElement","TreeSelect","_extends","error","value","onBlur","onChange","dissoc","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,gBAAgB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,4CAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACxD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,kCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;EAC1C,IAAAC,iBAAA,GAAmCC,uBAAgB,EAAE;IAAAC,qBAAA,GAAAF,iBAAA,CAA7CG,MAAM;AAANA,IAAAA,MAAM,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,SAAS,GAAAJ,iBAAA,CAATI,SAAS,CAAA;AAE9B,EAAA,IAAMC,WAAW,GAAGC,YAAK,CAACH,MAAM,EAAEhB,IAAI,CAAC,CAAA;AAEvC,EAAA,oBACEoB,yBAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,4BAAA,CAAA;AACHxB,IAAAA,GAAG,EAAHA,GAAG;AACTyB,IAAAA,KAAK,EAAEf,IAAI,CAACe,KAAK,IAAIN,WAAW,IAAI,EAAG;IACvClB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjByB,KAAK,EAAEjB,KAAK,CAACiB,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMd,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;AAC/Be,IAAAA,QAAQ,EAAE,SAAAA,QAAAF,CAAAA,KAAK,EAAI;AACjBR,MAAAA,SAAS,CAACW,YAAM,CAAC5B,IAAI,EAAEgB,MAAM,CAAC,CAAC,CAAA;MAC/BL,QAAQ,CAACc,KAAK,CAAC,CAAA;AACjB,KAAA;AAAE,GAAA,EACExB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,gBAAgB,CAACiC,WAAW,GAAG,YAAY;;;;"}
|