react-immutable-form-with-bootstrap 1.0.9 → 1.0.11
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 +2 -2
- package/Inputs/Custom/CaptchaBox.js +14 -19
- package/Inputs/Custom/CaptchaBox.js.map +1 -1
- package/Inputs/DateInput.d.ts +2 -2
- 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 +2 -2
- 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 +2 -2
- package/Inputs/SimpleInput.js +9 -14
- package/Inputs/SimpleInput.js.map +1 -1
- package/Inputs/SimpleSelect.d.ts +2 -2
- package/Inputs/SimpleSelect.js +16 -21
- package/Inputs/SimpleSelect.js.map +1 -1
- package/Inputs/SimpleTextarea.d.ts +2 -2
- package/Inputs/SimpleTextarea.js +9 -14
- package/Inputs/SimpleTextarea.js.map +1 -1
- package/Inputs/SwitchInput.d.ts +2 -2
- 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 +22 -15
- package/styles/index.css +1 -0
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
|
|
@@ -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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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { FieldRendererProps } from "react-immutable-form/types";
|
|
2
|
+
import type { FieldRendererProps } from "react-immutable-form/types";
|
|
3
3
|
export type SimpleTextareaProps = FieldRendererProps<HTMLTextAreaElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => JSX.Element>;
|
|
6
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => React.JSX.Element>;
|
|
7
7
|
export default _default;
|
package/Inputs/SimpleTextarea.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 SimpleTextareaInner = (props) => {
|
|
10
|
-
const { idFileName, indexFileName, data =
|
|
5
|
+
const { idFileName, indexFileName, 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) => {
|
|
@@ -33,10 +28,10 @@ const SimpleTextareaInner = (props) => {
|
|
|
33
28
|
handleChange(idFileName, parsedValue, indexFileName);
|
|
34
29
|
}
|
|
35
30
|
}, hasError = typeof theError !== "undefined", showError = isTouched && hasError, theClass = `${showError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-control`;
|
|
36
|
-
return (
|
|
37
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
38
|
-
|
|
39
|
-
!props.hideError && showError ? (
|
|
31
|
+
return (React.createElement(React.Fragment, null,
|
|
32
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
33
|
+
React.createElement("textarea", Object.assign({ className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, value: value }, props.elementProps)),
|
|
34
|
+
!props.hideError && showError ? (React.createElement("span", { className: "text-danger" }, theError)) : null));
|
|
40
35
|
};
|
|
41
|
-
|
|
36
|
+
export default React.memo(SimpleTextareaInner);
|
|
42
37
|
//# 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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"}
|
package/Inputs/SwitchInput.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { FieldRendererProps } from "react-immutable-form/types";
|
|
2
|
+
import type { FieldRendererProps } from "react-immutable-form/types";
|
|
3
3
|
type SwitchInputProps = FieldRendererProps<HTMLInputElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
declare const SwitchInput: React.MemoExoticComponent<(props: SwitchInputProps) => JSX.Element>;
|
|
6
|
+
declare const SwitchInput: React.MemoExoticComponent<(props: SwitchInputProps) => React.JSX.Element>;
|
|
7
7
|
export default SwitchInput;
|
package/Inputs/SwitchInput.js
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
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 SwitchInputInner = (props) => {
|
|
10
5
|
var _a, _b;
|
|
11
|
-
const { customClass, idFileName, indexFileName, data =
|
|
6
|
+
const { customClass, idFileName, indexFileName, data = Immutable.Map(), handleBlur, handleChange, handleFocus } = props, value = data.get("value"), checked = value === true, meta = data.get("meta") || Immutable.Map(), theError = meta.get("theError"), onFocus = (event) => {
|
|
12
7
|
if (typeof props.customOnFocus === "function") {
|
|
13
8
|
props.customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
14
9
|
}
|
|
@@ -31,14 +26,14 @@ const SwitchInputInner = (props) => {
|
|
|
31
26
|
handleChange(idFileName, theValue, indexFileName);
|
|
32
27
|
}
|
|
33
28
|
}, hasError = typeof theError !== "undefined", theClass = `${hasError ? "is-invalid" : ""} ${customClass ? customClass : ""} form-check-input`, wrapperClassName = `form-check ${((_a = props.componentProps) === null || _a === void 0 ? void 0 : _a.get("checkbox")) ? "" : "form-switch"}`;
|
|
34
|
-
return (
|
|
35
|
-
process.env.NODE_ENV !== "production" && (props.showRenderCounts ?
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
!props.hideError && hasError ? (
|
|
40
|
-
|
|
29
|
+
return (React.createElement(React.Fragment, null,
|
|
30
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? React.createElement(RenderCounter, null) : null),
|
|
31
|
+
React.createElement("div", { className: wrapperClassName },
|
|
32
|
+
React.createElement("input", Object.assign({ checked: checked, className: theClass, disabled: props.disabled, id: indexFileName, name: indexFileName, onBlur: onBlur, onChange: onChange, onFocus: onFocus, type: "checkbox", value: value }, props.elementProps)),
|
|
33
|
+
React.createElement("label", { className: "form-check-label", htmlFor: indexFileName }, (_b = props.componentProps) === null || _b === void 0 ? void 0 : _b.get("label")),
|
|
34
|
+
!props.hideError && hasError ? (React.createElement("span", { className: "text-danger ms-1 small" },
|
|
35
|
+
React.createElement("i", { className: "fa fa-exclamation-triangle me-1" }),
|
|
41
36
|
theError)) : null)));
|
|
42
|
-
}, SwitchInput =
|
|
43
|
-
|
|
37
|
+
}, SwitchInput = React.memo(SwitchInputInner);
|
|
38
|
+
export default SwitchInput;
|
|
44
39
|
//# sourceMappingURL=SwitchInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchInput.js","sourceRoot":"","sources":["../../src/Inputs/SwitchInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwitchInput.js","sourceRoot":"","sources":["../../src/Inputs/SwitchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SimpleTextareaProps } from "./SimpleTextarea";
|
|
3
|
-
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => JSX.Element>;
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => 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 SimpleTextarea_1 = __importDefault(require("./SimpleTextarea"));
|
|
9
|
-
const util_template_1 = require("./util-template");
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import SimpleTextarea from "./SimpleTextarea.js";
|
|
4
|
+
import { getTemplateInfo } from "./util-template.js";
|
|
10
5
|
const TextareaTemplateInner = (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(SimpleTextarea, Object.assign({}, props)))));
|
|
16
11
|
};
|
|
17
|
-
|
|
12
|
+
export default React.memo(TextareaTemplateInner);
|
|
18
13
|
//# sourceMappingURL=TextareaTemplate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextareaTemplate.js","sourceRoot":"","sources":["../../src/Inputs/TextareaTemplate.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextareaTemplate.js","sourceRoot":"","sources":["../../src/Inputs/TextareaTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAuC,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,qBAAqB,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,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,cAAc,oBAAK,KAAK,EAAI,CACzB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAgB,KAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
package/Inputs/util-numeric.js
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
/* eslint-disable require-unicode-regexp */
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
2
|
const floatToLocalComma = (raw) => String(raw).replace(".", ","), floatToEnglishComma = (raw) => String(raw).replace(",", "."), isFloat = (raw) => {
|
|
5
3
|
const floatRegex = /^-?\d+(?:[.]\d*?)?$/;
|
|
6
4
|
return floatRegex.test(raw);
|
|
@@ -26,5 +24,5 @@ const floatToLocalComma = (raw) => String(raw).replace(".", ","), floatToEnglish
|
|
|
26
24
|
getFloatValueToStore,
|
|
27
25
|
clearFloatOnBlur,
|
|
28
26
|
};
|
|
29
|
-
|
|
27
|
+
export default numericOperations;
|
|
30
28
|
//# sourceMappingURL=util-numeric.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util-numeric.js","sourceRoot":"","sources":["../../src/Inputs/util-numeric.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"util-numeric.js","sourceRoot":"","sources":["../../src/Inputs/util-numeric.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAE3C,MACE,iBAAiB,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAG/D,mBAAmB,GAAG,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EACjE,OAAO,GAAG,CAAC,GAAW,EAAE,EAAE;IACxB,MAAM,UAAU,GAAG,qBAAqB,CAAC;IAEzC,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC,EACD,oBAAoB,GAAG,CAAC,GAAQ,EAAE,EAAE;IAClC,MACE,WAAW,GAAG,mBAAmB,CAAC,GAAG,CAAC,EACtC,WAAW,GAAG,UAAU,CAAC,WAAW,CAAC,EACrC,kBAAkB,GAAG,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;IAEnE,IAAI,kBAAkB,EAAE,CAAC;QACvB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,OAAO,CAAC,CAAC;AACX,CAAC,EACD,gBAAgB,GAAG,CAAC,KAAU,EAAE,SAAkB,EAAY,EAAE;IAC9D,MACE,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAC3C,iBAAiB,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EACrF,oBAAoB,GAAG,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,SAAS,CAAC;IAE3E,IAAI,iBAAiB,EAAE,CAAC;QACtB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC;IAED,IAAI,oBAAoB,EAAE,CAAC;QACzB,MACE,CAAC,SAAS,CAAC,GAAG,KAAK,EACnB,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;QAE9C,OAAO,GAAG,SAAS,IAAI,QAAQ,EAAE,CAAC;IACpC,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,EACD,iBAAiB,GAAG;IAClB,mBAAmB;IACnB,OAAO;IACP,oBAAoB;IACpB,gBAAgB;CACjB,CAAC;AAEJ,eAAe,iBAAiB,CAAC"}
|
package/Inputs/util-template.js
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getTemplateInfo = void 0;
|
|
4
1
|
const TEMPLATES_CLASSES = {
|
|
5
2
|
LEFT: "col-md-4 text-md-end",
|
|
6
3
|
RIGHT: "col-md-8",
|
|
7
4
|
};
|
|
8
|
-
const getTemplateInfo = (componentProps) => {
|
|
5
|
+
export const getTemplateInfo = (componentProps) => {
|
|
9
6
|
const leftPart = componentProps && componentProps.get("left") || TEMPLATES_CLASSES.LEFT, rightPart = componentProps && componentProps.get("right") || TEMPLATES_CLASSES.RIGHT;
|
|
10
7
|
return ({
|
|
11
8
|
label: componentProps && componentProps.get("label"),
|
|
@@ -13,5 +10,4 @@ const getTemplateInfo = (componentProps) => {
|
|
|
13
10
|
rightClass: `${rightPart} align-self-center`,
|
|
14
11
|
});
|
|
15
12
|
};
|
|
16
|
-
exports.getTemplateInfo = getTemplateInfo;
|
|
17
13
|
//# sourceMappingURL=util-template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util-template.js","sourceRoot":"","sources":["../../src/Inputs/util-template.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"util-template.js","sourceRoot":"","sources":["../../src/Inputs/util-template.ts"],"names":[],"mappings":"AAAA,MACE,iBAAiB,GAAG;IAClB,IAAI,EAAI,sBAAsB;IAC9B,KAAK,EAAG,UAAU;CACnB,CAAC;AAEJ,MAAM,CAAC,MACL,eAAe,GAAG,CAAC,cAA2C,EAAE,EAAE;IAChE,MACE,QAAQ,GAAG,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,iBAAiB,CAAC,IAAI,EACjF,SAAS,GAAG,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC;IAEvF,OAAO,CAAC;QACN,KAAK,EAAQ,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC;QAC1D,SAAS,EAAI,GAAG,QAAQ,uCAAuC;QAC/D,UAAU,EAAG,GAAG,SAAS,oBAAoB;KAC9C,CAAC,CAAC;AACL,CAAC,CAAC"}
|
package/RenderCount.js
CHANGED
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
1
|
+
import React from "react";
|
|
7
2
|
const RenderCounter = () => {
|
|
8
|
-
const renderCount =
|
|
9
|
-
|
|
3
|
+
const renderCount = React.useRef(0);
|
|
4
|
+
React.useEffect(() => {
|
|
10
5
|
renderCount.current += 1;
|
|
11
6
|
});
|
|
12
|
-
return (
|
|
7
|
+
return (React.createElement("span", { className: "badge text-bg-primary" }, renderCount.current));
|
|
13
8
|
};
|
|
14
|
-
|
|
9
|
+
export default RenderCounter;
|
|
15
10
|
//# sourceMappingURL=RenderCount.js.map
|
package/RenderCount.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderCount.js","sourceRoot":"","sources":["../src/RenderCount.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RenderCount.js","sourceRoot":"","sources":["../src/RenderCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,aAAa,GAAa,GAAG,EAAE;IACnC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAM,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAC,OAAO,CAAQ,CACrE,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/bootstrap/onErrors.js
CHANGED
|
@@ -1,42 +1,37 @@
|
|
|
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 react_immutable_form_1 = require("react-immutable-form");
|
|
9
|
-
const { getWords } = react_immutable_form_1.language;
|
|
1
|
+
import Immutable from "immutable";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { language } from "react-immutable-form";
|
|
4
|
+
const { getWords } = language;
|
|
10
5
|
const InnerNestedList = ({ data }) => {
|
|
11
6
|
const renderListContent = (value, key) => {
|
|
12
|
-
if (
|
|
7
|
+
if (Immutable.Map.isMap(value) && Immutable.Map.isMap(value.first())) {
|
|
13
8
|
// If the value is an object or array, render it as a nested list
|
|
14
|
-
return (
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
9
|
+
return (React.createElement("ul", { className: "m-0 p-0 border-0", key: key },
|
|
10
|
+
React.createElement("li", { className: "ps-2 mt-1", key: key },
|
|
11
|
+
React.createElement("span", { className: "fw-light me-1 fw-medium" }, key),
|
|
12
|
+
React.createElement("ul", { className: "m-0 p-0 border-0", key: key }, Array.from(value).map(([rowIndex, innerRow]) => (React.createElement("li", { className: "bg-danger-subtle list-group-item rounded-0 border-danger border-3 border-end-0 border-top-0 border-bottom-0 ps-2", key: `row${key}${rowIndex}` },
|
|
13
|
+
React.createElement("span", { className: "fw-light me-1" },
|
|
19
14
|
`${getWords().ROW} `,
|
|
20
|
-
|
|
21
|
-
|
|
15
|
+
React.createElement("span", { className: "badge text-bg-primary rounded-circle" }, Number(rowIndex) + 1)),
|
|
16
|
+
React.createElement("ul", { className: "m-0 p-0 border-0" }, Array
|
|
22
17
|
.from(innerRow)
|
|
23
|
-
.map((([fieldKey, fieldValue], fieldIndex) => (
|
|
24
|
-
|
|
18
|
+
.map((([fieldKey, fieldValue], fieldIndex) => (React.createElement("li", { className: "bg-danger-subtle list-group-item rounded-0 border-danger border-3 border-end-0 border-top-0 border-bottom-0 ps-2 py-0", key: `row${key}${rowIndex}-row-${fieldIndex}` },
|
|
19
|
+
React.createElement("ul", { className: "m-0 p-0 border-0", key: key }, renderListContent(fieldValue, fieldKey))))))))))))));
|
|
25
20
|
}
|
|
26
|
-
return (
|
|
27
|
-
|
|
28
|
-
|
|
21
|
+
return (React.createElement("li", { className: "list-group-item rounded-0 border-0 ps-2 bg-danger-subtle", key: key },
|
|
22
|
+
React.createElement("span", { className: "fw-light me-1 fw-bold" }, key),
|
|
23
|
+
React.createElement("div", { className: "fw-light ms-1" }, value)));
|
|
29
24
|
};
|
|
30
|
-
return (
|
|
31
|
-
}, NestedList =
|
|
32
|
-
if (
|
|
25
|
+
return (React.createElement("ul", { className: "list-group bg-danger-subtle border-danger border-3 border-end-0 border-top-0 border-bottom-0 rounded-0" }, Immutable.Map.isMap(data) ? (Array.from(data).map(([key, value]) => renderListContent(value, key))) : (data.map(([key, value]) => (renderListContent(value, key))))));
|
|
26
|
+
}, NestedList = React.memo(InnerNestedList), performTranslation = (input) => {
|
|
27
|
+
if (Immutable.List.isList(input)) {
|
|
33
28
|
return input.map((item) => performTranslation(item));
|
|
34
29
|
}
|
|
35
|
-
else if (
|
|
30
|
+
else if (Immutable.Map.isMap(input)) {
|
|
36
31
|
return input.reduce((acc, value, currentKey) => {
|
|
37
32
|
const mapping = getWords().FIELDS_TO_DESCRIPTIONS, translatedKey = mapping[currentKey] || currentKey, newTranslation = performTranslation(value);
|
|
38
33
|
return acc.set(translatedKey, newTranslation);
|
|
39
|
-
},
|
|
34
|
+
}, Immutable.Map());
|
|
40
35
|
}
|
|
41
36
|
return input;
|
|
42
37
|
},
|
|
@@ -54,12 +49,12 @@ rawOnErrors = (cb) => (errors) => {
|
|
|
54
49
|
if (errors.size === 0) {
|
|
55
50
|
return;
|
|
56
51
|
}
|
|
57
|
-
const result = (
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
52
|
+
const result = (React.createElement("div", { className: "p-1" },
|
|
53
|
+
React.createElement("div", { className: "text-danger" }, getWords().CHECK_THE_ERRORS),
|
|
54
|
+
React.createElement("div", { className: "overflow-scroll", style: { maxHeight: 200 } },
|
|
55
|
+
React.createElement(NestedList, { data: performTranslation(errors) })),
|
|
56
|
+
React.createElement("div", { className: "text-center text-primary mt-2" }, getWords().TO_HIDE_CLICK_HERE)));
|
|
62
57
|
cb(result);
|
|
63
58
|
};
|
|
64
|
-
|
|
59
|
+
export default rawOnErrors;
|
|
65
60
|
//# sourceMappingURL=onErrors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"onErrors.js","sourceRoot":"","sources":["../../src/bootstrap/onErrors.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"onErrors.js","sourceRoot":"","sources":["../../src/bootstrap/onErrors.tsx"],"names":[],"mappings":"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"}
|
package/create-form-prompt.js
CHANGED
|
@@ -1,32 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const react_1 = __importStar(require("react"));
|
|
27
|
-
const react_immutable_form_1 = require("react-immutable-form");
|
|
28
|
-
const react_router_1 = require("react-router");
|
|
29
|
-
const { getWords } = react_immutable_form_1.language,
|
|
1
|
+
import React, { useCallback, useEffect, useState } from "react";
|
|
2
|
+
import { language } from "react-immutable-form";
|
|
3
|
+
import { useLocation, useNavigate } from "react-router";
|
|
4
|
+
const { getWords } = language,
|
|
30
5
|
/**
|
|
31
6
|
* Prevents the user from exiting a form without saving.
|
|
32
7
|
*
|
|
@@ -46,7 +21,7 @@ const { getWords } = react_immutable_form_1.language,
|
|
|
46
21
|
*/
|
|
47
22
|
rawCreateFormPromter = (history) => {
|
|
48
23
|
const useBlocker = (blocker, when = true) => {
|
|
49
|
-
|
|
24
|
+
React.useEffect(() => {
|
|
50
25
|
if (!when) {
|
|
51
26
|
return () => { };
|
|
52
27
|
}
|
|
@@ -60,9 +35,9 @@ rawCreateFormPromter = (history) => {
|
|
|
60
35
|
return unblock;
|
|
61
36
|
}, [blocker, when]);
|
|
62
37
|
}, useCallbackPrompt = (when) => {
|
|
63
|
-
const navigate =
|
|
38
|
+
const navigate = useNavigate(), location = useLocation(), [showPrompt, setShowPrompt] = useState(false), [lastLocation, setLastLocation] = useState(null), [confirmedNavigation, setConfirmedNavigation] = useState(false), cancelNavigation = useCallback(() => {
|
|
64
39
|
setShowPrompt(false);
|
|
65
|
-
}, []), handleBlockedNavigation =
|
|
40
|
+
}, []), handleBlockedNavigation = useCallback((nextLocation) => {
|
|
66
41
|
const locationChanged = nextLocation.location.pathname !== location.pathname, didNotConfirmed = !confirmedNavigation, shouldPrompt = locationChanged && didNotConfirmed;
|
|
67
42
|
if (shouldPrompt) {
|
|
68
43
|
setShowPrompt(true);
|
|
@@ -70,11 +45,11 @@ rawCreateFormPromter = (history) => {
|
|
|
70
45
|
return false;
|
|
71
46
|
}
|
|
72
47
|
return true;
|
|
73
|
-
}, [confirmedNavigation]), confirmNavigation =
|
|
48
|
+
}, [confirmedNavigation]), confirmNavigation = useCallback(() => {
|
|
74
49
|
setShowPrompt(false);
|
|
75
50
|
setConfirmedNavigation(true);
|
|
76
51
|
}, []);
|
|
77
|
-
|
|
52
|
+
useEffect(() => {
|
|
78
53
|
if (confirmedNavigation && lastLocation) {
|
|
79
54
|
navigate(lastLocation.location.pathname);
|
|
80
55
|
}
|
|
@@ -94,8 +69,8 @@ rawCreateFormPromter = (history) => {
|
|
|
94
69
|
* @returns {JSX.Element | null} The FormPrompt component.
|
|
95
70
|
*/
|
|
96
71
|
FormPrompt = (props) => {
|
|
97
|
-
const [showPrompt, confirmNavigation, cancelNavigation] = useCallbackPrompt(props.dirty), [showConfirm, setShowConfirm] =
|
|
98
|
-
|
|
72
|
+
const [showPrompt, confirmNavigation, cancelNavigation] = useCallbackPrompt(props.dirty), [showConfirm, setShowConfirm] = React.useState(false);
|
|
73
|
+
React.useEffect(() => {
|
|
99
74
|
if (showPrompt && !showConfirm) {
|
|
100
75
|
setShowConfirm(true);
|
|
101
76
|
if (confirm(getWords().CONFIRMATION_FORM_LEAVE)) {
|
|
@@ -116,5 +91,5 @@ rawCreateFormPromter = (history) => {
|
|
|
116
91
|
};
|
|
117
92
|
return FormPrompt;
|
|
118
93
|
};
|
|
119
|
-
|
|
94
|
+
export default rawCreateFormPromter;
|
|
120
95
|
//# sourceMappingURL=create-form-prompt.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"create-form-prompt.js","sourceRoot":"","sources":["../src/create-form-prompt.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"create-form-prompt.js","sourceRoot":"","sources":["../src/create-form-prompt.tsx"],"names":[],"mappings":"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"}
|
package/form-utils.js
CHANGED
|
@@ -1,26 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 = __importDefault(require("react"));
|
|
7
|
-
const react_redux_1 = require("react-redux");
|
|
8
|
-
const actions_1 = require("x25/actions");
|
|
9
|
-
const _1 = require(".");
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useDispatch } from "react-redux";
|
|
3
|
+
import { notifyError, notifyWarning } from "x25/actions";
|
|
4
|
+
import { onErrors } from ".";
|
|
10
5
|
const useOnSubmitWithDispatch = () => {
|
|
11
|
-
const dispatch =
|
|
12
|
-
return
|
|
13
|
-
const cb = (node) => dispatch(
|
|
14
|
-
return
|
|
6
|
+
const dispatch = useDispatch();
|
|
7
|
+
return React.useCallback((errors) => {
|
|
8
|
+
const cb = (node) => dispatch(notifyWarning(node));
|
|
9
|
+
return onErrors(cb)(errors);
|
|
15
10
|
}, [dispatch]);
|
|
16
11
|
}, useOnServerFailed = () => {
|
|
17
|
-
const dispatch =
|
|
12
|
+
const dispatch = useDispatch();
|
|
18
13
|
return (error) => {
|
|
19
|
-
dispatch(
|
|
14
|
+
dispatch(notifyError(error));
|
|
20
15
|
};
|
|
21
16
|
}, formUtils = {
|
|
22
17
|
useOnSubmitWithDispatch,
|
|
23
18
|
useOnServerFailed,
|
|
24
19
|
};
|
|
25
|
-
|
|
20
|
+
export default formUtils;
|
|
26
21
|
//# sourceMappingURL=form-utils.js.map
|
package/form-utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-utils.js","sourceRoot":"","sources":["../src/form-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-utils.js","sourceRoot":"","sources":["../src/form-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAE7B,MACE,uBAAuB,GAAG,GAAG,EAAE;IAC7B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,MAAmC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;QAEzD,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;IAC9B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;AACJ,CAAC,EACD,iBAAiB,GAAG,GAAG,EAAE;IACvB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CAAC,KAAc,EAAE,EAAE;QACxB,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/B,CAAC,CAAC;AACJ,CAAC,EACD,SAAS,GAAG;IACV,uBAAuB;IACvB,iBAAiB;CAClB,CAAC;AAEJ,eAAe,SAAS,CAAC"}
|