react-immutable-form-with-bootstrap 1.0.9 → 1.0.10
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 +1 -1
- package/Inputs/Custom/CaptchaBox.js +14 -19
- package/Inputs/Custom/CaptchaBox.js.map +1 -1
- package/Inputs/DateInput.d.ts +1 -1
- package/Inputs/DateInput.js +14 -19
- package/Inputs/DateInput.js.map +1 -1
- package/Inputs/DateTemplate.d.ts +1 -1
- package/Inputs/DateTemplate.js +11 -16
- package/Inputs/DateTemplate.js.map +1 -1
- package/Inputs/InputTemplate.d.ts +2 -2
- package/Inputs/InputTemplate.js +10 -15
- package/Inputs/InputTemplate.js.map +1 -1
- package/Inputs/NumericInput.d.ts +1 -1
- package/Inputs/NumericInput.js +20 -25
- package/Inputs/NumericInput.js.map +1 -1
- package/Inputs/NumericTemplate.d.ts +1 -1
- package/Inputs/NumericTemplate.js +10 -15
- package/Inputs/NumericTemplate.js.map +1 -1
- package/Inputs/SelectTemplate.d.ts +1 -1
- package/Inputs/SelectTemplate.js +10 -15
- package/Inputs/SelectTemplate.js.map +1 -1
- package/Inputs/SimpleInput.d.ts +1 -1
- package/Inputs/SimpleInput.js +9 -14
- package/Inputs/SimpleInput.js.map +1 -1
- package/Inputs/SimpleSelect.d.ts +1 -1
- package/Inputs/SimpleSelect.js +16 -21
- package/Inputs/SimpleSelect.js.map +1 -1
- package/Inputs/SimpleTextarea.d.ts +1 -1
- package/Inputs/SimpleTextarea.js +9 -14
- package/Inputs/SimpleTextarea.js.map +1 -1
- package/Inputs/SwitchInput.d.ts +1 -1
- package/Inputs/SwitchInput.js +13 -18
- package/Inputs/SwitchInput.js.map +1 -1
- package/Inputs/TextareaTemplate.d.ts +1 -1
- package/Inputs/TextareaTemplate.js +10 -15
- package/Inputs/TextareaTemplate.js.map +1 -1
- package/Inputs/util-numeric.js +1 -3
- package/Inputs/util-numeric.js.map +1 -1
- package/Inputs/util-template.js +1 -5
- package/Inputs/util-template.js.map +1 -1
- package/RenderCount.js +5 -10
- package/RenderCount.js.map +1 -1
- package/bootstrap/onErrors.js +28 -33
- package/bootstrap/onErrors.js.map +1 -1
- package/create-form-prompt.js +12 -37
- package/create-form-prompt.js.map +1 -1
- package/form-utils.js +11 -16
- package/form-utils.js.map +1 -1
- package/index.js +16 -38
- package/index.js.map +1 -1
- package/package.json +12 -11
- package/styles/index.css +1 -0
|
@@ -9,5 +9,5 @@ type CaptchaBoxProps = FieldRendererProps<HTMLInputElement> & {
|
|
|
9
9
|
};
|
|
10
10
|
readonly id: string;
|
|
11
11
|
};
|
|
12
|
-
declare const _default: React.MemoExoticComponent<(props: CaptchaBoxProps) => JSX.Element>;
|
|
12
|
+
declare const _default: React.MemoExoticComponent<(props: CaptchaBoxProps) => React.JSX.Element>;
|
|
13
13
|
export default _default;
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
8
3
|
const CaptchaBoxInner = (props) => {
|
|
9
|
-
const { left, right, words, id, idFileName, indexFileName, data =
|
|
4
|
+
const { left, right, words, id, idFileName, indexFileName, data = Immutable.Map(), disabled, hideError, elementProps, handleBlur, handleChange, handleFocus, customOnFocus, customOnBlur, customOnChange, } = props, value = data.get("value") || "", meta = data.get("meta") || Immutable.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), hasError = typeof theError !== "undefined", showError = isTouched && hasError, onFocus = (event) => {
|
|
10
5
|
if (typeof customOnFocus === "function") {
|
|
11
6
|
customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
12
7
|
}
|
|
@@ -28,17 +23,17 @@ const CaptchaBoxInner = (props) => {
|
|
|
28
23
|
handleChange(idFileName, event.target.value, indexFileName);
|
|
29
24
|
}
|
|
30
25
|
}, theClass = `${showError ? "is-invalid" : ""} form-control`;
|
|
31
|
-
return (
|
|
32
|
-
|
|
26
|
+
return (React.createElement("div", { className: "form-group row d-flex" },
|
|
27
|
+
React.createElement("label", { className: `${left ? `${left} align-self-center` : "col-md-4 text-md-end"} form-control-label align-self-center`, htmlFor: indexFileName },
|
|
33
28
|
`${words.CaptchaVerify} `,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
!hideError && showError ? (
|
|
29
|
+
React.createElement("i", { className: "fa fa-info-circle" })),
|
|
30
|
+
React.createElement("div", { className: right ? `${right} align-self-center` : "col-md-8 align-self-center" },
|
|
31
|
+
React.createElement("div", { className: "custom-class" },
|
|
32
|
+
React.createElement("span", { className: "custom-control-description text-muted" }, words.CaptchaTypeNumbers),
|
|
33
|
+
React.createElement("div", { className: "text-center my-1" },
|
|
34
|
+
React.createElement("img", { alt: "CaptchaBox", src: `/captcha/${id}.png` }))),
|
|
35
|
+
React.createElement("input", Object.assign({ className: theClass, disabled: disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: "text", value: value }, elementProps)),
|
|
36
|
+
!hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null)));
|
|
42
37
|
};
|
|
43
|
-
|
|
38
|
+
export default React.memo(CaptchaBoxInner);
|
|
44
39
|
//# 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":"AAAA,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,eAAe,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EACF,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EACtB,UAAU,EACV,aAAa,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,EAAE,EACrC,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,WAAW,EACX,aAAa,EACb,YAAY,EACZ,cAAc,GACf,GAAG,KAAK,EAET,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,EAC/B,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,SAAS,CAAC,GAAG,EAAE,EAC1C,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAuB,EACrD,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,CAAY,EAC5C,QAAQ,GAAG,OAAO,QAAQ,KAAK,WAAW,EAC1C,SAAS,GAAG,SAAS,IAAI,QAAQ,EAEjC,OAAO,GAAG,CAAC,KAAyC,EAAE,EAAE;QACtD,IAAI,OAAO,aAAa,KAAK,UAAU,EAAE,CAAC;YACxC,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,WAAW,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,EAED,MAAM,GAAG,CAAC,KAAyC,EAAE,EAAE;QACrD,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,YAAY,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QAC7D,CAAC;aAAM,CAAC;YACN,UAAU,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;QACxC,CAAC;IACH,CAAC,EAED,QAAQ,GAAG,CAAC,KAA0C,EAAE,EAAE;QACxD,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE,CAAC;YACzC,cAAc,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QACjE,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC,EAED,QAAQ,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC;IAE7D,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,+BACE,SAAS,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,uCAAuC,EAChH,OAAO,EAAE,aAAa;YACrB,GAAG,KAAK,CAAC,aAAa,GAAG;YAC1B,2BAAG,SAAS,EAAC,mBAAmB,GAAG,CAC7B;QACR,6BAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,oBAAoB,CAAC,CAAC,CAAC,4BAA4B;YACjF,6BAAK,SAAS,EAAC,cAAc;gBAC3B,8BAAM,SAAS,EAAC,uCAAuC,IACpD,KAAK,CAAC,kBAAkB,CACpB;gBACP,6BAAK,SAAS,EAAC,kBAAkB;oBAC/B,6BAAK,GAAG,EAAC,YAAY,EAAC,GAAG,EAAE,YAAY,EAAE,MAAM,GAAI,CAC/C,CACF;YACN,6CACE,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,aAAa,EACjB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,IACR,YAAY,EAChB;YACD,CAAC,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CACzB,8BAAM,SAAS,EAAC,aAAa,IAAE,QAAQ,CAAQ,CAChD,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC"}
|
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
|
-
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => JSX.Element>;
|
|
7
|
+
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => React.JSX.Element>;
|
|
8
8
|
export default _default;
|
package/Inputs/DateInput.js
CHANGED
|
@@ -1,17 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const react_datepicker_1 = __importDefault(require("react-datepicker"));
|
|
10
|
-
const utility_1 = require("x25/utility");
|
|
11
|
-
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
1
|
+
import { ro } from "date-fns/locale";
|
|
2
|
+
import Immutable from "immutable";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import DatePicker from "react-datepicker";
|
|
5
|
+
import { dateToGoFormat, golangDateToMoment } from "x25/utility";
|
|
6
|
+
import RenderCounter from "../RenderCount.js";
|
|
12
7
|
const DateInputInner = (props) => {
|
|
13
|
-
const { hideError, idFileName, customClass, indexFileName, data =
|
|
14
|
-
const momentObj =
|
|
8
|
+
const { hideError, idFileName, customClass, indexFileName, data = Immutable.Map() } = props, value = data.get("value") || "", meta = data.get("meta") || Immutable.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), datePickerProps = React.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.useMemo(() => {
|
|
9
|
+
const momentObj = golangDateToMoment(value);
|
|
15
10
|
if (momentObj.isValid()) {
|
|
16
11
|
const selectedDate = momentObj.toDate();
|
|
17
12
|
selectedDate.setHours(0, 0, 0, 0);
|
|
@@ -34,7 +29,7 @@ const DateInputInner = (props) => {
|
|
|
34
29
|
}
|
|
35
30
|
}, handleChange = (date) => {
|
|
36
31
|
const dateOnChange = () => {
|
|
37
|
-
props.handleChange(idFileName,
|
|
32
|
+
props.handleChange(idFileName, dateToGoFormat(date), indexFileName);
|
|
38
33
|
};
|
|
39
34
|
if (typeof props.customOnChange === "function") {
|
|
40
35
|
props.customOnChange(date, dateOnChange, props.handleChange);
|
|
@@ -43,10 +38,10 @@ const DateInputInner = (props) => {
|
|
|
43
38
|
dateOnChange();
|
|
44
39
|
}
|
|
45
40
|
};
|
|
46
|
-
return (
|
|
47
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
48
|
-
|
|
49
|
-
!hideError && showError ? (
|
|
41
|
+
return (React.createElement(React.Fragment, null,
|
|
42
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
43
|
+
React.createElement(DatePicker, Object.assign({ className: theClass, dateFormat: "dd.MM.yyyy", id: indexFileName, locale: ro, name: indexFileName, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, selected: theValue }, datePickerProps)),
|
|
44
|
+
!hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
50
45
|
};
|
|
51
|
-
|
|
46
|
+
export default React.memo(DateInputInner);
|
|
52
47
|
//# 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,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { DateTemplatePropTypes } from "./DateInput";
|
|
3
|
-
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => JSX.Element>;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: DateTemplatePropTypes) => React.JSX.Element>;
|
|
4
4
|
export default _default;
|
package/Inputs/DateTemplate.js
CHANGED
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const DateInput_1 = __importDefault(require("./DateInput"));
|
|
9
|
-
const util_template_1 = require("./util-template");
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import DateInput from "./DateInput.js";
|
|
4
|
+
import { getTemplateInfo } from "./util-template.js";
|
|
10
5
|
const DateTemplateInner = (props) => {
|
|
11
|
-
const { componentProps =
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
!props.hideError && hasError ? (
|
|
6
|
+
const { componentProps = Immutable.Map() } = props, theError = props.data.getIn(["meta", "theError"]), hasError = typeof theError !== "undefined", { leftClass, rightClass, label } = React.useMemo(() => (getTemplateInfo(componentProps)), [componentProps]);
|
|
7
|
+
return (React.createElement("div", { className: "row mt-2" },
|
|
8
|
+
React.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
9
|
+
React.createElement("div", { className: rightClass },
|
|
10
|
+
React.createElement(DateInput, Object.assign({}, props)),
|
|
11
|
+
!props.hideError && hasError ? (React.createElement("div", { className: "invalid-feedback" }, theError)) : null)));
|
|
17
12
|
};
|
|
18
|
-
|
|
13
|
+
export default React.memo(DateTemplateInner);
|
|
19
14
|
//# 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,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAoC,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,iBAAiB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACzD,MACE,EAAE,cAAc,GAAG,SAAS,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,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,eAAe,CAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,UAAU;YACxB,oBAAC,SAAS,oBAAK,KAAK,EAAI;YACvB,CAAC,KAAK,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,CAC9B,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,QAA2B,CACxB,CACP,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { SimpleInputProps } from "./SimpleInput";
|
|
3
3
|
type InputTemplatePropTypes = SimpleInputProps;
|
|
4
|
-
declare const RawInputTemplate: (props: InputTemplatePropTypes) => JSX.Element;
|
|
4
|
+
declare const RawInputTemplate: (props: InputTemplatePropTypes) => React.JSX.Element;
|
|
5
5
|
export default RawInputTemplate;
|
package/Inputs/InputTemplate.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const SimpleInput_1 = __importDefault(require("./SimpleInput"));
|
|
9
|
-
const util_template_1 = require("./util-template");
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import SimpleInput from "./SimpleInput.js";
|
|
4
|
+
import { getTemplateInfo } from "./util-template.js";
|
|
10
5
|
const RawInputTemplate = (props) => {
|
|
11
|
-
const { componentProps =
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
const { componentProps = Immutable.Map() } = props, { leftClass, rightClass, label } = React.useMemo(() => (getTemplateInfo(componentProps)), [componentProps]);
|
|
7
|
+
return (React.createElement("div", { className: "row mt-2" },
|
|
8
|
+
React.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
9
|
+
React.createElement("div", { className: rightClass },
|
|
10
|
+
React.createElement(SimpleInput, Object.assign({}, props)))));
|
|
16
11
|
};
|
|
17
|
-
|
|
12
|
+
export default RawInputTemplate;
|
|
18
13
|
//# 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,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAiC,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD,MAAM,gBAAgB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACzD,MACE,EAAE,cAAc,GAAG,SAAS,CAAC,GAAG,EAAE,EAAG,GAAG,KAAK,EAC7C,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,eAAe,CAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,UAAU;YACxB,oBAAC,WAAW,oBAAK,KAAK,EAAI,CACtB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/Inputs/NumericInput.d.ts
CHANGED
|
@@ -7,5 +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
|
-
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => JSX.Element>;
|
|
10
|
+
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => React.JSX.Element>;
|
|
11
11
|
export default _default;
|
package/Inputs/NumericInput.js
CHANGED
|
@@ -1,19 +1,14 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const utility_1 = require("x25/utility");
|
|
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;
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { formatZeroValue } from "x25/utility";
|
|
4
|
+
import RenderCounter from "../RenderCount.js";
|
|
5
|
+
import numericOperations from "./util-numeric.js";
|
|
6
|
+
const { clearFloatOnBlur, floatToEnglishComma, getFloatValueToStore, isFloat } = numericOperations;
|
|
12
7
|
const NumericInputInner = (props) => {
|
|
13
|
-
const { idFileName, indexFileName, componentProps =
|
|
8
|
+
const { idFileName, indexFileName, componentProps = Immutable.Map(), data = Immutable.Map() } = props, customClass = React.useMemo(() => {
|
|
14
9
|
var _a;
|
|
15
10
|
return (((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("customClass")) || "");
|
|
16
|
-
}, [props.componentProps]), meta = data.get("meta") ||
|
|
11
|
+
}, [props.componentProps]), meta = data.get("meta") || Immutable.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") || formatZeroValue, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `form-control ${showError ? "is-invalid" : ""} ${customClass ? customClass : ""}`, [value, setValue] = React.useState(inputValue), noCurrency = (typeof currency === "undefined" || Boolean(currency) === false), valueToShow = formatValue(value, optional), updateNumericValue = (targetValue) => {
|
|
17
12
|
setValue(targetValue);
|
|
18
13
|
let valueToStore = targetValue;
|
|
19
14
|
if (isFloat(floatToEnglishComma(targetValue))) {
|
|
@@ -52,24 +47,24 @@ const NumericInputInner = (props) => {
|
|
|
52
47
|
props.handleFocus(idFileName, indexFileName);
|
|
53
48
|
}
|
|
54
49
|
};
|
|
55
|
-
|
|
50
|
+
React.useEffect(() => {
|
|
56
51
|
const hasFloat = isFloat(inputValue), wasValidatedWithErrors = !hasFloat && (typeof theError === "string");
|
|
57
52
|
if (hasFloat || wasValidatedWithErrors) {
|
|
58
53
|
updateNumericValue(inputValue);
|
|
59
54
|
}
|
|
60
55
|
}, [data, theError]);
|
|
61
56
|
if (noCurrency) {
|
|
62
|
-
return (
|
|
63
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
64
|
-
|
|
65
|
-
!props.hideError && showError ? (
|
|
57
|
+
return (React.createElement(React.Fragment, null,
|
|
58
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
59
|
+
React.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)),
|
|
60
|
+
!props.hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
66
61
|
}
|
|
67
|
-
return (
|
|
68
|
-
|
|
69
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
!props.hideError && showError ? (
|
|
62
|
+
return (React.createElement(React.Fragment, null,
|
|
63
|
+
React.createElement("div", { className: "input-group" },
|
|
64
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
65
|
+
React.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)),
|
|
66
|
+
React.createElement("span", { className: "input-group-text" }, currency)),
|
|
67
|
+
!props.hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
73
68
|
};
|
|
74
|
-
|
|
69
|
+
export default React.memo(NumericInputInner);
|
|
75
70
|
//# 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,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { InputTemplatePropTypes } from "./NumericInput";
|
|
3
|
-
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => JSX.Element>;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: InputTemplatePropTypes) => React.JSX.Element>;
|
|
4
4
|
export default _default;
|
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const NumericInput_1 = __importDefault(require("./NumericInput"));
|
|
9
|
-
const util_template_1 = require("./util-template");
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import NumericInput from "./NumericInput.js";
|
|
4
|
+
import { getTemplateInfo } from "./util-template.js";
|
|
10
5
|
const NumericTemplateInner = (props) => {
|
|
11
|
-
const { componentProps =
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
const { componentProps = Immutable.Map() } = props, { leftClass, rightClass, label } = React.useMemo(() => (getTemplateInfo(componentProps)), [componentProps]);
|
|
7
|
+
return (React.createElement("div", { className: "row mt-2" },
|
|
8
|
+
React.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
9
|
+
React.createElement("div", { className: rightClass },
|
|
10
|
+
React.createElement(NumericInput, Object.assign({}, props)))));
|
|
16
11
|
};
|
|
17
|
-
|
|
12
|
+
export default React.memo(NumericTemplateInner);
|
|
18
13
|
//# 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,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAwC,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,oBAAoB,GAAG,CAAC,KAA6B,EAAE,EAAE;IAC7D,MACE,EAAE,cAAc,GAAG,SAAS,CAAC,GAAG,EAAE,EAAG,GAAG,KAAK,EAC7C,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,eAAe,CAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,UAAU;YACxB,oBAAC,YAAY,oBAAK,KAAK,EAAI,CACvB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SimpleSelectProps } from "./SimpleSelect";
|
|
3
|
-
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => JSX.Element>;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => React.JSX.Element>;
|
|
4
4
|
export default _default;
|
package/Inputs/SelectTemplate.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const SimpleSelect_1 = __importDefault(require("./SimpleSelect"));
|
|
9
|
-
const util_template_1 = require("./util-template");
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import SimpleSelect from "./SimpleSelect.js";
|
|
4
|
+
import { getTemplateInfo } from "./util-template.js";
|
|
10
5
|
const SelectTemplateInner = (props) => {
|
|
11
|
-
const { componentProps =
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
6
|
+
const { componentProps = Immutable.Map() } = props, { leftClass, rightClass, label } = React.useMemo(() => (getTemplateInfo(componentProps)), [componentProps]);
|
|
7
|
+
return (React.createElement("div", { className: "row mt-2" },
|
|
8
|
+
React.createElement("label", { className: leftClass, htmlFor: props.indexFileName }, label),
|
|
9
|
+
React.createElement("div", { className: rightClass },
|
|
10
|
+
React.createElement(SimpleSelect, Object.assign({}, props)))));
|
|
16
11
|
};
|
|
17
|
-
|
|
12
|
+
export default React.memo(SelectTemplateInner);
|
|
18
13
|
//# 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,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAmC,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MACE,EAAE,cAAc,GAAG,SAAS,CAAC,GAAG,EAAe,EAAG,GAAG,KAAK,EAC1D,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CACrD,eAAe,CAAC,cAAc,CAAC,CAChC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,6BAAK,SAAS,EAAC,UAAU;QACvB,+BAAO,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,aAAa,IACtD,KAAK,CACA;QACR,6BAAK,SAAS,EAAE,UAAU;YACxB,oBAAC,YAAY,oBAAK,KAAK,EAAI,CACvB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC"}
|
package/Inputs/SimpleInput.d.ts
CHANGED
|
@@ -3,5 +3,5 @@ import { FieldRendererProps } from "react-immutable-form/types";
|
|
|
3
3
|
export type SimpleInputProps = FieldRendererProps<HTMLInputElement> & {
|
|
4
4
|
readonly theType?: "input" | "password";
|
|
5
5
|
};
|
|
6
|
-
declare const _default: React.MemoExoticComponent<(props: SimpleInputProps) => JSX.Element>;
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleInputProps) => React.JSX.Element>;
|
|
7
7
|
export default _default;
|
package/Inputs/SimpleInput.js
CHANGED
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const immutable_1 = __importDefault(require("immutable"));
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const RenderCount_1 = __importDefault(require("../RenderCount"));
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import RenderCounter from "../RenderCount.js";
|
|
9
4
|
const SimpleInputInner = (props) => {
|
|
10
|
-
const { indexFileName, idFileName, data =
|
|
5
|
+
const { indexFileName, idFileName, data = Immutable.Map(), handleBlur, handleChange, handleFocus, } = props, value = data.get("value") || "", meta = data.get("meta") || Immutable.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), customClass = React.useMemo(() => {
|
|
11
6
|
var _a;
|
|
12
7
|
return (((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("customClass")) || "");
|
|
13
8
|
}, [props.componentProps]), onFocus = (event) => {
|
|
@@ -38,10 +33,10 @@ const SimpleInputInner = (props) => {
|
|
|
38
33
|
handleChange(idFileName, parsedValue, indexFileName);
|
|
39
34
|
}
|
|
40
35
|
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-control`;
|
|
41
|
-
return (
|
|
42
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
43
|
-
|
|
44
|
-
!props.hideError && showError ?
|
|
36
|
+
return (React.createElement(React.Fragment, null,
|
|
37
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
38
|
+
React.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)),
|
|
39
|
+
!props.hideError && showError ? React.createElement("span", { className: "text-danger" }, theError) : null));
|
|
45
40
|
};
|
|
46
|
-
|
|
41
|
+
export default React.memo(SimpleInputInner);
|
|
47
42
|
//# 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,5 +3,5 @@ import { FieldRendererProps } from "react-immutable-form/types";
|
|
|
3
3
|
export type SimpleSelectProps = FieldRendererProps<HTMLSelectElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => JSX.Element>;
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleSelectProps) => React.JSX.Element>;
|
|
7
7
|
export default _default;
|
package/Inputs/SimpleSelect.js
CHANGED
|
@@ -1,18 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
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;
|
|
11
|
-
const ImmutableListOfOptions = ({ list, valueKey, nameKey }) => (react_1.default.createElement(react_1.default.Fragment, null, list.map((current) => {
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { language } from "react-immutable-form";
|
|
4
|
+
import RenderCounter from "../RenderCount.js";
|
|
5
|
+
const { getWords } = language;
|
|
6
|
+
const ImmutableListOfOptions = ({ list, valueKey, nameKey }) => (React.createElement(React.Fragment, null, list.map((current) => {
|
|
12
7
|
const optionValue = current.get(valueKey), optionName = current.get(nameKey);
|
|
13
|
-
return (
|
|
8
|
+
return (React.createElement("option", { key: optionValue, value: optionValue }, optionName));
|
|
14
9
|
}))), SimpleSelectInner = (props) => {
|
|
15
|
-
const { customClass, indexFileName, idFileName, data =
|
|
10
|
+
const { customClass, indexFileName, idFileName, data = Immutable.Map(), handleBlur, handleChange, handleFocus, } = props, componentProps = props.componentProps || Immutable.Map(), value = props.data.get("value"), meta = data.get("meta") || Immutable.Map(), theError = meta.get("theError"), isTouched = meta.get("isTouched"), onFocus = (event) => {
|
|
16
11
|
if (typeof props.customOnFocus === "function") {
|
|
17
12
|
props.customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
18
13
|
}
|
|
@@ -34,13 +29,13 @@ const ImmutableListOfOptions = ({ list, valueKey, nameKey }) => (react_1.default
|
|
|
34
29
|
const rawValue = event.target.value, parsedValue = typeof props.parse === "function" ? props.parse(rawValue) : rawValue;
|
|
35
30
|
handleChange(idFileName, parsedValue, indexFileName);
|
|
36
31
|
}
|
|
37
|
-
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-select`, { valueKey = "value", nameKey = "name", isImmutable = false, showEmptyOption = false, } =
|
|
38
|
-
return (
|
|
39
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
40
|
-
|
|
41
|
-
showEmptyOption ?
|
|
42
|
-
isImmutable ? (
|
|
43
|
-
!props.hideError && showError ? (
|
|
32
|
+
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-select`, { valueKey = "value", nameKey = "name", isImmutable = false, showEmptyOption = false, } = React.useMemo(() => (componentProps === null || componentProps === void 0 ? void 0 : componentProps.toJS()) || {}, [componentProps]), list = componentProps.get("list") || Immutable.List();
|
|
33
|
+
return (React.createElement(React.Fragment, null,
|
|
34
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
35
|
+
React.createElement("select", Object.assign({}, props.elementProps, { className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, value: value }),
|
|
36
|
+
showEmptyOption ? React.createElement("option", { value: "" }, getWords().PLEASE_SELECT_OPTION) : null,
|
|
37
|
+
isImmutable ? (React.createElement(ImmutableListOfOptions, { list: list, nameKey: nameKey, valueKey: valueKey })) : (list.map(({ [valueKey]: optionValue, [nameKey]: optionName }) => (React.createElement("option", { key: optionValue, value: optionValue }, optionName))))),
|
|
38
|
+
!props.hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
44
39
|
};
|
|
45
|
-
|
|
40
|
+
export default React.memo(SimpleSelectInner);
|
|
46
41
|
//# sourceMappingURL=SimpleSelect.js.map
|