react-immutable-form-with-bootstrap 1.0.5 → 1.0.7
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/Inputs/Custom/CaptchaBox.d.ts +3 -2
- package/Inputs/Custom/CaptchaBox.js +1 -2
- package/Inputs/Custom/CaptchaBox.js.map +1 -1
- package/Inputs/DateInput.d.ts +2 -2
- package/Inputs/DateInput.js +4 -7
- package/Inputs/DateInput.js.map +1 -1
- package/Inputs/DateTemplate.d.ts +2 -1
- package/Inputs/DateTemplate.js +6 -7
- package/Inputs/DateTemplate.js.map +1 -1
- package/Inputs/InputTemplate.d.ts +2 -2
- package/Inputs/InputTemplate.js +6 -7
- package/Inputs/InputTemplate.js.map +1 -1
- package/Inputs/NumericInput.d.ts +2 -3
- package/Inputs/NumericInput.js +14 -13
- package/Inputs/NumericInput.js.map +1 -1
- package/Inputs/NumericTemplate.d.ts +2 -1
- package/Inputs/NumericTemplate.js +6 -7
- package/Inputs/NumericTemplate.js.map +1 -1
- package/Inputs/SelectTemplate.d.ts +2 -1
- package/Inputs/SelectTemplate.js +6 -7
- package/Inputs/SelectTemplate.js.map +1 -1
- package/Inputs/SimpleInput.d.ts +2 -2
- package/Inputs/SimpleInput.js +15 -9
- package/Inputs/SimpleInput.js.map +1 -1
- package/Inputs/SimpleSelect.d.ts +2 -1
- package/Inputs/SimpleSelect.js +9 -7
- package/Inputs/SimpleSelect.js.map +1 -1
- package/Inputs/SimpleTextarea.d.ts +2 -1
- package/Inputs/SimpleTextarea.js +9 -8
- package/Inputs/SimpleTextarea.js.map +1 -1
- package/Inputs/SwitchInput.d.ts +3 -2
- package/Inputs/SwitchInput.js +8 -9
- package/Inputs/SwitchInput.js.map +1 -1
- package/Inputs/TextareaTemplate.d.ts +2 -1
- package/Inputs/TextareaTemplate.js +6 -7
- package/Inputs/TextareaTemplate.js.map +1 -1
- package/Inputs/util-numeric.d.ts +7 -1
- package/Inputs/util-numeric.js +8 -5
- package/Inputs/util-numeric.js.map +1 -1
- package/Inputs/util-template.d.ts +5 -0
- package/Inputs/{util.js → util-template.js} +8 -7
- package/Inputs/util-template.js.map +1 -0
- package/RenderCount.d.ts +3 -0
- package/RenderCount.js +15 -0
- package/RenderCount.js.map +1 -0
- package/bootstrap/onErrors.d.ts +2 -1
- package/bootstrap/onErrors.js +8 -9
- package/bootstrap/onErrors.js.map +1 -1
- package/create-form-prompt.d.ts +11 -0
- package/{FormPrompt.js → create-form-prompt.js} +21 -21
- package/create-form-prompt.js.map +1 -0
- package/form-utils.d.ts +5 -0
- package/form-utils.js +26 -0
- package/form-utils.js.map +1 -0
- package/index.d.ts +16 -15
- package/index.js +36 -29
- package/index.js.map +1 -1
- package/package.json +12 -5
- package/FormPrompt.d.ts +0 -9
- package/FormPrompt.js.map +0 -1
- package/Inputs/util.d.ts +0 -8
- package/Inputs/util.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FieldRendererProps } from "react-immutable-form/types";
|
|
3
|
-
|
|
3
|
+
type CaptchaBoxProps = FieldRendererProps<HTMLInputElement> & {
|
|
4
4
|
readonly left?: string;
|
|
5
5
|
readonly right?: string;
|
|
6
6
|
readonly words: {
|
|
@@ -9,4 +9,5 @@ export type CaptchaBoxProps = FieldRendererProps<HTMLInputElement> & {
|
|
|
9
9
|
};
|
|
10
10
|
readonly id: string;
|
|
11
11
|
};
|
|
12
|
-
|
|
12
|
+
declare const _default: React.MemoExoticComponent<(props: CaptchaBoxProps) => JSX.Element>;
|
|
13
|
+
export default _default;
|
|
@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawCaptchaBox = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
8
|
const CaptchaBoxInner = (props) => {
|
|
@@ -41,5 +40,5 @@ const CaptchaBoxInner = (props) => {
|
|
|
41
40
|
react_1.default.createElement("input", Object.assign({ className: theClass, disabled: disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: "text", value: value }, elementProps)),
|
|
42
41
|
!hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null)));
|
|
43
42
|
};
|
|
44
|
-
exports.
|
|
43
|
+
exports.default = react_1.default.memo(CaptchaBoxInner);
|
|
45
44
|
//# sourceMappingURL=CaptchaBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CaptchaBox.js","sourceRoot":"","sources":["../../../src/Inputs/Custom/CaptchaBox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CaptchaBox.js","sourceRoot":"","sources":["../../../src/Inputs/Custom/CaptchaBox.tsx"],"names":[],"mappings":"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"}
|
package/Inputs/DateInput.d.ts
CHANGED
|
@@ -4,5 +4,5 @@ export type DateTemplatePropTypes = FieldRendererProps<HTMLInputElement> & {
|
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
readonly customOnChange: (date: Date, handleDateChanged: () => void, handleChange: HandleChangeFunc) => any;
|
|
6
6
|
};
|
|
7
|
-
|
|
8
|
-
export
|
|
7
|
+
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => JSX.Element>;
|
|
8
|
+
export default _default;
|
package/Inputs/DateInput.js
CHANGED
|
@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawDateInput = exports.DateInputInner = void 0;
|
|
7
6
|
const locale_1 = require("date-fns/locale");
|
|
8
7
|
const immutable_1 = __importDefault(require("immutable"));
|
|
9
8
|
const react_1 = __importDefault(require("react"));
|
|
10
9
|
const react_datepicker_1 = __importDefault(require("react-datepicker"));
|
|
11
10
|
const utility_1 = require("x25/utility");
|
|
11
|
+
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
12
12
|
const DateInputInner = (props) => {
|
|
13
|
-
const { hideError, idFileName, customClass, indexFileName, data = immutable_1.default.Map() } = props,
|
|
13
|
+
const { hideError, idFileName, customClass, indexFileName, data = immutable_1.default.Map() } = props, value = data.get("value") || "", meta = data.get("meta") || immutable_1.default.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), datePickerProps = react_1.default.useMemo(() => props.componentProps, [props.componentProps]), hasError = typeof theError !== "undefined", defaultClass = "form-control w-110", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : defaultClass}`, theValue = react_1.default.useMemo(() => {
|
|
14
14
|
const momentObj = (0, utility_1.golangDateToMoment)(value);
|
|
15
15
|
if (momentObj.isValid()) {
|
|
16
16
|
const selectedDate = momentObj.toDate();
|
|
@@ -43,13 +43,10 @@ const DateInputInner = (props) => {
|
|
|
43
43
|
dateOnChange();
|
|
44
44
|
}
|
|
45
45
|
};
|
|
46
|
-
react_1.default.useEffect(() => {
|
|
47
|
-
renderCount.current += 1;
|
|
48
|
-
});
|
|
49
46
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
47
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
50
48
|
react_1.default.createElement(react_datepicker_1.default, Object.assign({ className: theClass, dateFormat: "dd.MM.yyyy", id: indexFileName, locale: locale_1.ro, name: indexFileName, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, selected: theValue }, datePickerProps)),
|
|
51
49
|
!hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
52
50
|
};
|
|
53
|
-
exports.
|
|
54
|
-
exports.RawDateInput = react_1.default.memo(exports.DateInputInner);
|
|
51
|
+
exports.default = react_1.default.memo(DateInputInner);
|
|
55
52
|
//# sourceMappingURL=DateInput.js.map
|
package/Inputs/DateInput.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/Inputs/DateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../src/Inputs/DateInput.tsx"],"names":[],"mappings":"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"}
|
package/Inputs/DateTemplate.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DateTemplatePropTypes } from "./DateInput";
|
|
3
|
-
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => JSX.Element>;
|
|
4
|
+
export default _default;
|
package/Inputs/DateTemplate.js
CHANGED
|
@@ -3,18 +3,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawDateTemplate = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const DateInput_1 = require("./DateInput");
|
|
10
|
-
const
|
|
8
|
+
const DateInput_1 = __importDefault(require("./DateInput"));
|
|
9
|
+
const util_template_1 = require("./util-template");
|
|
11
10
|
const DateTemplateInner = (props) => {
|
|
12
|
-
const { componentProps = immutable_1.default.Map() } = props, theError = props.data.getIn(["meta", "theError"]), hasError = typeof theError !== "undefined", { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0,
|
|
13
|
-
return (react_1.default.createElement("div", { className: "row" },
|
|
11
|
+
const { componentProps = immutable_1.default.Map() } = props, theError = props.data.getIn(["meta", "theError"]), hasError = typeof theError !== "undefined", { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0, util_template_1.getTemplateInfo)(componentProps)), [componentProps]);
|
|
12
|
+
return (react_1.default.createElement("div", { className: "row mt-2" },
|
|
14
13
|
react_1.default.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
15
14
|
react_1.default.createElement("div", { className: rightClass },
|
|
16
|
-
react_1.default.createElement(DateInput_1.
|
|
15
|
+
react_1.default.createElement(DateInput_1.default, Object.assign({}, props)),
|
|
17
16
|
!props.hideError && hasError ? (react_1.default.createElement("div", { className: "invalid-feedback" }, theError)) : null)));
|
|
18
17
|
};
|
|
19
|
-
exports.
|
|
18
|
+
exports.default = react_1.default.memo(DateTemplateInner);
|
|
20
19
|
//# sourceMappingURL=DateTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTemplate.js","sourceRoot":"","sources":["../../src/Inputs/DateTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateTemplate.js","sourceRoot":"","sources":["../../src/Inputs/DateTemplate.tsx"],"names":[],"mappings":";;;;;AAEA,0DAAkC;AAClC,kDAA0B;AAC1B,4DAA+D;AAC/D,mDAAkD;AAElD,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MACE,EAAE,cAAc,GAAG,mBAAS,CAAC,GAAG,EAAE,EAAG,GAAG,KAAK,EAC7C,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,EACjD,QAAQ,GAAG,OAAO,QAAQ,KAAK,WAAW,EAC1C,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,IAAA,+BAAe,EAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,yCAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,UAAU;YACxB,8BAAC,mBAAS,oBAAK,KAAK,EAAI;YACvB,CAAC,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC9B,uCAAK,SAAS,EAAC,kBAAkB,IAC9B,QAAQ,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { SimpleInputProps } from "./SimpleInput";
|
|
3
3
|
type InputTemplatePropTypes = SimpleInputProps;
|
|
4
|
-
|
|
5
|
-
export
|
|
4
|
+
declare const RawInputTemplate: (props: InputTemplatePropTypes) => JSX.Element;
|
|
5
|
+
export default RawInputTemplate;
|
package/Inputs/InputTemplate.js
CHANGED
|
@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawInputTemplate = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const SimpleInput_1 = require("./SimpleInput");
|
|
10
|
-
const
|
|
8
|
+
const SimpleInput_1 = __importDefault(require("./SimpleInput"));
|
|
9
|
+
const util_template_1 = require("./util-template");
|
|
11
10
|
const RawInputTemplate = (props) => {
|
|
12
|
-
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0,
|
|
13
|
-
return (react_1.default.createElement("div", { className: "row" },
|
|
11
|
+
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0, util_template_1.getTemplateInfo)(componentProps)), [componentProps]);
|
|
12
|
+
return (react_1.default.createElement("div", { className: "row mt-2" },
|
|
14
13
|
react_1.default.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
15
14
|
react_1.default.createElement("div", { className: rightClass },
|
|
16
|
-
react_1.default.createElement(SimpleInput_1.
|
|
15
|
+
react_1.default.createElement(SimpleInput_1.default, Object.assign({}, props)))));
|
|
17
16
|
};
|
|
18
|
-
exports.
|
|
17
|
+
exports.default = RawInputTemplate;
|
|
19
18
|
//# sourceMappingURL=InputTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTemplate.js","sourceRoot":"","sources":["../../src/Inputs/InputTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputTemplate.js","sourceRoot":"","sources":["../../src/Inputs/InputTemplate.tsx"],"names":[],"mappings":";;;;;AAEA,0DAAkC;AAClC,kDAA0B;AAC1B,gEAA8D;AAC9D,mDAAkD;AAIlD,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACzD,MACE,EAAE,cAAc,GAAG,mBAAS,CAAC,GAAG,EAAE,EAAG,GAAG,KAAK,EAC7C,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,IAAA,+BAAe,EAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,yCAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,UAAU;YACxB,8BAAC,qBAAW,oBAAK,KAAK,EAAI,CACtB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
package/Inputs/NumericInput.d.ts
CHANGED
|
@@ -7,6 +7,5 @@ export type InputTemplatePropTypes = SimpleInputProps & {
|
|
|
7
7
|
readonly customOnBlur?: (event: React.FocusEvent<HTMLInputElement, Element>, handleNumericBlur: handleNumericBlurFunc, handleBlur: HandleBlurFunc, idFileName: ID_FieldName, indexFileName: INDEX_FieldName) => any;
|
|
8
8
|
readonly customOnChange?: (event: React.ChangeEvent<HTMLInputElement>, handleNumericChange: handleNumericChangeFunc, handleChange: HandleChangeFunc, idFileName: ID_FieldName, indexFileName: INDEX_FieldName) => any;
|
|
9
9
|
};
|
|
10
|
-
|
|
11
|
-
export
|
|
12
|
-
export {};
|
|
10
|
+
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => JSX.Element>;
|
|
11
|
+
export default _default;
|
package/Inputs/NumericInput.js
CHANGED
|
@@ -3,22 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawNumericInput = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
8
|
const utility_1 = require("x25/utility");
|
|
10
|
-
const
|
|
9
|
+
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
10
|
+
const util_numeric_1 = __importDefault(require("./util-numeric"));
|
|
11
|
+
const { clearFloatOnBlur, floatToEnglishComma, getFloatValueToStore, isFloat } = util_numeric_1.default;
|
|
11
12
|
const NumericInputInner = (props) => {
|
|
12
|
-
const
|
|
13
|
+
const { idFileName, indexFileName, componentProps = immutable_1.default.Map(), data = immutable_1.default.Map() } = props, customClass = react_1.default.useMemo(() => {
|
|
14
|
+
var _a;
|
|
15
|
+
return (((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("customClass")) || "");
|
|
16
|
+
}, [props.componentProps]), meta = data.get("meta") || immutable_1.default.Map(), inputValue = data.get("value") || "", theError = meta.get("theError"), isTouched = meta.get("isTouched"), currency = componentProps && componentProps.get("currency"), precision = componentProps && componentProps.get("precision") || 2, optional = componentProps && componentProps.get("optional"), formatValue = componentProps && componentProps.get("formatValue") || utility_1.formatZeroValue, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `form-control ${showError ? "is-invalid" : ""} ${customClass ? customClass : ""}`, [value, setValue] = react_1.default.useState(inputValue), noCurrency = (typeof currency === "undefined" || Boolean(currency) === false), valueToShow = formatValue(value, optional), updateNumericValue = (targetValue) => {
|
|
13
17
|
setValue(targetValue);
|
|
14
18
|
let valueToStore = targetValue;
|
|
15
|
-
if (
|
|
16
|
-
valueToStore =
|
|
19
|
+
if (isFloat(floatToEnglishComma(targetValue))) {
|
|
20
|
+
valueToStore = getFloatValueToStore(targetValue);
|
|
17
21
|
}
|
|
18
22
|
props.handleChange(idFileName, valueToStore, indexFileName);
|
|
19
23
|
}, onBlur = (event) => {
|
|
20
24
|
const numericHandleOnBlur = () => {
|
|
21
|
-
const newValue =
|
|
25
|
+
const newValue = clearFloatOnBlur(value, precision), hasChanged = value !== newValue;
|
|
22
26
|
if (hasChanged) {
|
|
23
27
|
updateNumericValue(newValue);
|
|
24
28
|
}
|
|
@@ -49,26 +53,23 @@ const NumericInputInner = (props) => {
|
|
|
49
53
|
}
|
|
50
54
|
};
|
|
51
55
|
react_1.default.useEffect(() => {
|
|
52
|
-
const hasFloat =
|
|
56
|
+
const hasFloat = isFloat(inputValue), wasValidatedWithErrors = !hasFloat && (typeof theError === "string");
|
|
53
57
|
if (hasFloat || wasValidatedWithErrors) {
|
|
54
58
|
updateNumericValue(inputValue);
|
|
55
59
|
}
|
|
56
60
|
}, [data, theError]);
|
|
57
|
-
react_1.default.useEffect(() => {
|
|
58
|
-
renderCount.current += 1;
|
|
59
|
-
});
|
|
60
61
|
if (noCurrency) {
|
|
61
62
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
62
|
-
react_1.default.createElement(
|
|
63
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
63
64
|
react_1.default.createElement("input", Object.assign({ className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: props.theType, value: valueToShow }, props.elementProps)),
|
|
64
65
|
!props.hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
65
66
|
}
|
|
66
67
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
67
68
|
react_1.default.createElement("div", { className: "input-group" },
|
|
68
|
-
react_1.default.createElement(
|
|
69
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
69
70
|
react_1.default.createElement("input", Object.assign({ className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: props.theType, value: value }, props.elementProps)),
|
|
70
71
|
react_1.default.createElement("span", { className: "input-group-text" }, currency)),
|
|
71
72
|
!props.hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
72
73
|
};
|
|
73
|
-
exports.
|
|
74
|
+
exports.default = react_1.default.memo(NumericInputInner);
|
|
74
75
|
//# sourceMappingURL=NumericInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../src/Inputs/NumericInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../src/Inputs/NumericInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InputTemplatePropTypes } from "./NumericInput";
|
|
3
|
-
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => JSX.Element>;
|
|
4
|
+
export default _default;
|
|
@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawNumericTemplate = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const NumericInput_1 = require("./NumericInput");
|
|
10
|
-
const
|
|
8
|
+
const NumericInput_1 = __importDefault(require("./NumericInput"));
|
|
9
|
+
const util_template_1 = require("./util-template");
|
|
11
10
|
const NumericTemplateInner = (props) => {
|
|
12
|
-
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0,
|
|
13
|
-
return (react_1.default.createElement("div", { className: "row" },
|
|
11
|
+
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0, util_template_1.getTemplateInfo)(componentProps)), [componentProps]);
|
|
12
|
+
return (react_1.default.createElement("div", { className: "row mt-2" },
|
|
14
13
|
react_1.default.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
15
14
|
react_1.default.createElement("div", { className: rightClass },
|
|
16
|
-
react_1.default.createElement(NumericInput_1.
|
|
15
|
+
react_1.default.createElement(NumericInput_1.default, Object.assign({}, props)))));
|
|
17
16
|
};
|
|
18
|
-
exports.
|
|
17
|
+
exports.default = react_1.default.memo(NumericTemplateInner);
|
|
19
18
|
//# sourceMappingURL=NumericTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumericTemplate.js","sourceRoot":"","sources":["../../src/Inputs/NumericTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumericTemplate.js","sourceRoot":"","sources":["../../src/Inputs/NumericTemplate.tsx"],"names":[],"mappings":";;;;;AAEA,0DAAkC;AAClC,kDAA0B;AAC1B,kEAAsE;AACtE,mDAAkD;AAElD,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC7D,MACE,EAAE,cAAc,GAAG,mBAAS,CAAC,GAAG,EAAE,EAAG,GAAG,KAAK,EAC7C,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,IAAA,+BAAe,EAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,yCAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,UAAU;YACxB,8BAAC,sBAAY,oBAAK,KAAK,EAAI,CACvB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SimpleSelectProps } from "./SimpleSelect";
|
|
3
|
-
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => JSX.Element>;
|
|
4
|
+
export default _default;
|
package/Inputs/SelectTemplate.js
CHANGED
|
@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawSelectTemplate = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const SimpleSelect_1 = require("./SimpleSelect");
|
|
10
|
-
const
|
|
8
|
+
const SimpleSelect_1 = __importDefault(require("./SimpleSelect"));
|
|
9
|
+
const util_template_1 = require("./util-template");
|
|
11
10
|
const SelectTemplateInner = (props) => {
|
|
12
|
-
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0,
|
|
13
|
-
return (react_1.default.createElement("div", { className: "row" },
|
|
11
|
+
const { componentProps = immutable_1.default.Map() } = props, { leftClass, rightClass, label } = react_1.default.useMemo(() => ((0, util_template_1.getTemplateInfo)(componentProps)), [componentProps]);
|
|
12
|
+
return (react_1.default.createElement("div", { className: "row mt-2" },
|
|
14
13
|
react_1.default.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
15
14
|
react_1.default.createElement("div", { className: rightClass },
|
|
16
|
-
react_1.default.createElement(SimpleSelect_1.
|
|
15
|
+
react_1.default.createElement(SimpleSelect_1.default, Object.assign({}, props)))));
|
|
17
16
|
};
|
|
18
|
-
exports.
|
|
17
|
+
exports.default = react_1.default.memo(SelectTemplateInner);
|
|
19
18
|
//# sourceMappingURL=SelectTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectTemplate.js","sourceRoot":"","sources":["../../src/Inputs/SelectTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SelectTemplate.js","sourceRoot":"","sources":["../../src/Inputs/SelectTemplate.tsx"],"names":[],"mappings":";;;;;AAEA,0DAAkC;AAClC,kDAA0B;AAC1B,kEAAiE;AACjE,mDAAkD;AAElD,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MACE,EAAE,cAAc,GAAG,mBAAS,CAAC,GAAG,EAAe,EAAG,GAAG,KAAK,EAC1D,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,IAAA,+BAAe,EAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uCAAK,SAAS,EAAC,UAAU;QACvB,yCAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,UAAU;YACxB,8BAAC,sBAAY,oBAAK,KAAK,EAAI,CACvB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,eAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC"}
|
package/Inputs/SimpleInput.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FieldRendererProps } from "react-immutable-form/types";
|
|
3
3
|
export type SimpleInputProps = FieldRendererProps<HTMLInputElement> & {
|
|
4
|
-
readonly customClass?: any;
|
|
5
4
|
readonly theType?: "input" | "password";
|
|
6
5
|
};
|
|
7
|
-
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleInputProps) => JSX.Element>;
|
|
7
|
+
export default _default;
|
package/Inputs/SimpleInput.js
CHANGED
|
@@ -3,11 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawSimpleInput = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
9
9
|
const SimpleInputInner = (props) => {
|
|
10
|
-
const {
|
|
10
|
+
const { indexFileName, idFileName, data = immutable_1.default.Map(), handleBlur, handleChange, handleFocus, } = props, value = data.get("value") || "", meta = data.get("meta") || immutable_1.default.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), customClass = react_1.default.useMemo(() => {
|
|
11
|
+
var _a;
|
|
12
|
+
return (((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("customClass")) || "");
|
|
13
|
+
}, [props.componentProps]), onFocus = (event) => {
|
|
11
14
|
if (typeof props.customOnFocus === "function") {
|
|
12
15
|
props.customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
13
16
|
}
|
|
@@ -22,20 +25,23 @@ const SimpleInputInner = (props) => {
|
|
|
22
25
|
handleBlur(idFileName, indexFileName);
|
|
23
26
|
}
|
|
24
27
|
}, onChange = (event) => {
|
|
28
|
+
// if (typeof props.customOnChange === "function") {
|
|
29
|
+
// props.customOnChange(event, handleChange, idFileName, indexFileName);
|
|
30
|
+
// } else {
|
|
31
|
+
// handleChange(idFileName, event.target.value, indexFileName);
|
|
32
|
+
// }
|
|
25
33
|
if (typeof props.customOnChange === "function") {
|
|
26
34
|
props.customOnChange(event, handleChange, idFileName, indexFileName);
|
|
27
35
|
}
|
|
28
36
|
else {
|
|
29
|
-
|
|
37
|
+
const hasParser = typeof props.parse === "function", rawValue = event.target.value, parsedValue = hasParser ? props.parse(rawValue) : rawValue;
|
|
38
|
+
handleChange(idFileName, parsedValue, indexFileName);
|
|
30
39
|
}
|
|
31
40
|
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-control`;
|
|
32
|
-
react_1.default.useEffect(() => {
|
|
33
|
-
renderCount.current += 1;
|
|
34
|
-
});
|
|
35
41
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
36
|
-
react_1.default.createElement(
|
|
42
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
37
43
|
react_1.default.createElement("input", Object.assign({ className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: props.theType, value: value }, props.elementProps)),
|
|
38
|
-
!props.hideError && showError ?
|
|
44
|
+
!props.hideError && showError ? react_1.default.createElement("span", { className: "text-danger" }, theError) : null));
|
|
39
45
|
};
|
|
40
|
-
exports.
|
|
46
|
+
exports.default = react_1.default.memo(SimpleInputInner);
|
|
41
47
|
//# sourceMappingURL=SimpleInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleInput.js","sourceRoot":"","sources":["../../src/Inputs/SimpleInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleInput.js","sourceRoot":"","sources":["../../src/Inputs/SimpleInput.tsx"],"names":[],"mappings":"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"}
|
package/Inputs/SimpleSelect.d.ts
CHANGED
|
@@ -3,4 +3,5 @@ import { FieldRendererProps } from "react-immutable-form/types";
|
|
|
3
3
|
export type SimpleSelectProps = FieldRendererProps<HTMLSelectElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => JSX.Element>;
|
|
7
|
+
export default _default;
|
package/Inputs/SimpleSelect.js
CHANGED
|
@@ -3,10 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawSimpleSelect = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const
|
|
8
|
+
const react_immutable_form_1 = require("react-immutable-form");
|
|
9
|
+
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
10
|
+
const { getWords } = react_immutable_form_1.language;
|
|
10
11
|
const ImmutableListOfOptions = ({ list, valueKey, nameKey }) => (react_1.default.createElement(react_1.default.Fragment, null, list.map((current) => {
|
|
11
12
|
const optionValue = current.get(valueKey), optionName = current.get(nameKey);
|
|
12
13
|
return (react_1.default.createElement("option", { key: optionValue, value: optionValue }, optionName));
|
|
@@ -26,19 +27,20 @@ const ImmutableListOfOptions = ({ list, valueKey, nameKey }) => (react_1.default
|
|
|
26
27
|
handleBlur(idFileName, indexFileName);
|
|
27
28
|
}
|
|
28
29
|
}, onChange = (event) => {
|
|
29
|
-
const theValue = event.target.value;
|
|
30
30
|
if (typeof props.customOnChange === "function") {
|
|
31
31
|
props.customOnChange(event, handleChange, idFileName, indexFileName);
|
|
32
32
|
}
|
|
33
33
|
else {
|
|
34
|
-
|
|
34
|
+
const rawValue = event.target.value, parsedValue = typeof props.parse === "function" ? props.parse(rawValue) : rawValue;
|
|
35
|
+
handleChange(idFileName, parsedValue, indexFileName);
|
|
35
36
|
}
|
|
36
37
|
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-select`, { valueKey = "value", nameKey = "name", isImmutable = false, showEmptyOption = false, } = react_1.default.useMemo(() => (componentProps === null || componentProps === void 0 ? void 0 : componentProps.toJS()) || {}, [componentProps]), list = componentProps.get("list") || immutable_1.default.List();
|
|
37
38
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
-
|
|
39
|
-
|
|
39
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
40
|
+
react_1.default.createElement("select", Object.assign({}, props.elementProps, { className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, value: value }),
|
|
41
|
+
showEmptyOption ? react_1.default.createElement("option", { value: "" }, getWords().PLEASE_SELECT_OPTION) : null,
|
|
40
42
|
isImmutable ? (react_1.default.createElement(ImmutableListOfOptions, { list: list, nameKey: nameKey, valueKey: valueKey })) : (list.map(({ [valueKey]: optionValue, [nameKey]: optionName }) => (react_1.default.createElement("option", { key: optionValue, value: optionValue }, optionName))))),
|
|
41
43
|
!props.hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
42
44
|
};
|
|
43
|
-
exports.
|
|
45
|
+
exports.default = react_1.default.memo(SimpleSelectInner);
|
|
44
46
|
//# sourceMappingURL=SimpleSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../src/Inputs/SimpleSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../src/Inputs/SimpleSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,4 +3,5 @@ import { FieldRendererProps } from "react-immutable-form/types";
|
|
|
3
3
|
export type SimpleTextareaProps = FieldRendererProps<HTMLTextAreaElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => JSX.Element>;
|
|
7
|
+
export default _default;
|
package/Inputs/SimpleTextarea.js
CHANGED
|
@@ -3,11 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.RawSimpleTextarea = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
9
9
|
const SimpleTextareaInner = (props) => {
|
|
10
|
-
const {
|
|
10
|
+
const { idFileName, indexFileName, data = immutable_1.default.Map(), handleBlur, handleChange, handleFocus } = props, value = data.get("value") || "", meta = data.get("meta") || immutable_1.default.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), customClass = react_1.default.useMemo(() => {
|
|
11
|
+
var _a;
|
|
12
|
+
return (((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("customClass")) || "");
|
|
13
|
+
}, [props.componentProps]), onFocus = (event) => {
|
|
11
14
|
if (typeof props.customOnFocus === "function") {
|
|
12
15
|
props.customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
13
16
|
}
|
|
@@ -26,16 +29,14 @@ const SimpleTextareaInner = (props) => {
|
|
|
26
29
|
props.customOnChange(event, handleChange, idFileName, indexFileName);
|
|
27
30
|
}
|
|
28
31
|
else {
|
|
29
|
-
|
|
32
|
+
const hasParser = typeof props.parse === "function", rawValue = event.target.value, parsedValue = hasParser ? props.parse(rawValue) : rawValue;
|
|
33
|
+
handleChange(idFileName, parsedValue, indexFileName);
|
|
30
34
|
}
|
|
31
35
|
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-control`;
|
|
32
|
-
react_1.default.useEffect(() => {
|
|
33
|
-
renderCount.current += 1;
|
|
34
|
-
});
|
|
35
36
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
36
|
-
react_1.default.createElement(
|
|
37
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
37
38
|
react_1.default.createElement("textarea", Object.assign({ className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, value: value }, props.elementProps)),
|
|
38
39
|
!props.hideError && showError ? (react_1.default.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
39
40
|
};
|
|
40
|
-
exports.
|
|
41
|
+
exports.default = react_1.default.memo(SimpleTextareaInner);
|
|
41
42
|
//# sourceMappingURL=SimpleTextarea.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTextarea.js","sourceRoot":"","sources":["../../src/Inputs/SimpleTextarea.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleTextarea.js","sourceRoot":"","sources":["../../src/Inputs/SimpleTextarea.tsx"],"names":[],"mappings":"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"}
|