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
package/Inputs/SwitchInput.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { FieldRendererProps } from "react-immutable-form/types";
|
|
3
|
-
|
|
3
|
+
type SwitchInputProps = FieldRendererProps<HTMLInputElement> & {
|
|
4
4
|
readonly customClass?: any;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
declare const SwitchInput: React.MemoExoticComponent<(props: SwitchInputProps) => JSX.Element>;
|
|
7
|
+
export default SwitchInput;
|
package/Inputs/SwitchInput.js
CHANGED
|
@@ -3,12 +3,12 @@ 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.RawSwitchInput = 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 SwitchInputInner = (props) => {
|
|
10
10
|
var _a, _b;
|
|
11
|
-
const { customClass, idFileName, indexFileName, data = immutable_1.default.Map(), handleBlur, handleChange, handleFocus } = props,
|
|
11
|
+
const { customClass, idFileName, indexFileName, data = immutable_1.default.Map(), handleBlur, handleChange, handleFocus } = props, value = data.get("value"), checked = value === true, meta = data.get("meta") || immutable_1.default.Map(), theError = meta.get("theError"), onFocus = (event) => {
|
|
12
12
|
if (typeof props.customOnFocus === "function") {
|
|
13
13
|
props.customOnFocus(event, handleFocus, idFileName, indexFileName);
|
|
14
14
|
}
|
|
@@ -31,15 +31,14 @@ const SwitchInputInner = (props) => {
|
|
|
31
31
|
handleChange(idFileName, theValue, indexFileName);
|
|
32
32
|
}
|
|
33
33
|
}, 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
|
-
react_1.default.useEffect(() => {
|
|
35
|
-
renderCount.current += 1;
|
|
36
|
-
});
|
|
37
34
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
38
|
-
react_1.default.createElement(
|
|
35
|
+
process.env.NODE_ENV !== "production" && (props.showRenderCounts ? react_1.default.createElement(RenderCount_1.default, null) : null),
|
|
39
36
|
react_1.default.createElement("div", { className: wrapperClassName },
|
|
40
37
|
react_1.default.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)),
|
|
41
38
|
react_1.default.createElement("label", { className: "form-check-label", htmlFor: indexFileName }, (_b = props.componentProps) === null || _b === void 0 ? void 0 : _b.get("label")),
|
|
42
|
-
!props.hideError && hasError ? (react_1.default.createElement("span", { className: "text-danger" },
|
|
43
|
-
}
|
|
44
|
-
|
|
39
|
+
!props.hideError && hasError ? (react_1.default.createElement("span", { className: "text-danger ms-1 small" },
|
|
40
|
+
react_1.default.createElement("i", { className: "fa fa-exclamation-triangle me-1" }),
|
|
41
|
+
theError)) : null)));
|
|
42
|
+
}, SwitchInput = react_1.default.memo(SwitchInputInner);
|
|
43
|
+
exports.default = SwitchInput;
|
|
45
44
|
//# 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,3 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SimpleTextareaProps } from "./SimpleTextarea";
|
|
3
|
-
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: SimpleTextareaProps) => 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.RawTextareaTemplate = void 0;
|
|
7
6
|
const immutable_1 = __importDefault(require("immutable"));
|
|
8
7
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const SimpleTextarea_1 = require("./SimpleTextarea");
|
|
10
|
-
const
|
|
8
|
+
const SimpleTextarea_1 = __importDefault(require("./SimpleTextarea"));
|
|
9
|
+
const util_template_1 = require("./util-template");
|
|
11
10
|
const TextareaTemplateInner = (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(SimpleTextarea_1.
|
|
15
|
+
react_1.default.createElement(SimpleTextarea_1.default, Object.assign({}, props)))));
|
|
17
16
|
};
|
|
18
|
-
exports.
|
|
17
|
+
exports.default = react_1.default.memo(TextareaTemplateInner);
|
|
19
18
|
//# 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,0DAAkC;AAClC,kDAA0B;AAC1B,sEAAuE;AACvE,mDAAkD;AAElD,MAAM,qBAAqB,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,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,wBAAc,oBAAK,KAAK,EAAI,CACzB,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAgB,eAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
package/Inputs/util-numeric.d.ts
CHANGED
|
@@ -1 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
declare const numericOperations: {
|
|
2
|
+
floatToEnglishComma: (raw: any) => string;
|
|
3
|
+
isFloat: (raw: string) => boolean;
|
|
4
|
+
getFloatValueToStore: (raw: any) => number;
|
|
5
|
+
clearFloatOnBlur: (value: any, precision: number) => string;
|
|
6
|
+
};
|
|
7
|
+
export default numericOperations;
|
package/Inputs/util-numeric.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
/* eslint-disable require-unicode-regexp */
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
|
|
5
|
-
const floatToLocalComma = (raw) => String(raw).replace(".", ",");
|
|
6
|
-
const floatToEnglishComma = (raw) => String(raw).replace(",", "."), isFloat = (raw) => {
|
|
4
|
+
const floatToLocalComma = (raw) => String(raw).replace(".", ","), floatToEnglishComma = (raw) => String(raw).replace(",", "."), isFloat = (raw) => {
|
|
7
5
|
const floatRegex = /^-?\d+(?:[.]\d*?)?$/;
|
|
8
6
|
return floatRegex.test(raw);
|
|
9
7
|
}, getFloatValueToStore = (raw) => {
|
|
10
|
-
const parsedFloat =
|
|
8
|
+
const parsedFloat = floatToEnglishComma(raw), parsedValue = parseFloat(parsedFloat), canGetNumericValue = isFloat(parsedFloat) && !isNaN(parsedValue);
|
|
11
9
|
if (canGetNumericValue) {
|
|
12
10
|
return parsedValue;
|
|
13
11
|
}
|
|
@@ -22,6 +20,11 @@ const floatToEnglishComma = (raw) => String(raw).replace(",", "."), isFloat = (r
|
|
|
22
20
|
return `${beforeDot},${afterDot}`;
|
|
23
21
|
}
|
|
24
22
|
return value;
|
|
23
|
+
}, numericOperations = {
|
|
24
|
+
floatToEnglishComma,
|
|
25
|
+
isFloat,
|
|
26
|
+
getFloatValueToStore,
|
|
27
|
+
clearFloatOnBlur,
|
|
25
28
|
};
|
|
26
|
-
exports.
|
|
29
|
+
exports.default = numericOperations;
|
|
27
30
|
//# sourceMappingURL=util-numeric.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util-numeric.js","sourceRoot":"","sources":["../../src/Inputs/util-numeric.ts"],"names":[],"mappings":";AAAA,2CAA2C
|
|
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,kBAAe,iBAAiB,CAAC"}
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getTemplateInfo =
|
|
3
|
+
exports.getTemplateInfo = void 0;
|
|
4
|
+
const TEMPLATES_CLASSES = {
|
|
5
|
+
LEFT: "col-md-4 text-md-end",
|
|
6
|
+
RIGHT: "col-md-8",
|
|
7
|
+
};
|
|
4
8
|
const getTemplateInfo = (componentProps) => {
|
|
5
|
-
const leftPart = componentProps && componentProps.get("left") ||
|
|
9
|
+
const leftPart = componentProps && componentProps.get("left") || TEMPLATES_CLASSES.LEFT, rightPart = componentProps && componentProps.get("right") || TEMPLATES_CLASSES.RIGHT;
|
|
6
10
|
return ({
|
|
7
11
|
label: componentProps && componentProps.get("label"),
|
|
8
12
|
leftClass: `${leftPart} form-control-label align-self-center`,
|
|
9
13
|
rightClass: `${rightPart} align-self-center`,
|
|
10
14
|
});
|
|
11
15
|
};
|
|
12
|
-
exports.
|
|
13
|
-
|
|
14
|
-
RIGHT: "col-md-8",
|
|
15
|
-
}, exports.getTemplateInfo = getTemplateInfo;
|
|
16
|
-
//# sourceMappingURL=util.js.map
|
|
16
|
+
exports.getTemplateInfo = getTemplateInfo;
|
|
17
|
+
//# sourceMappingURL=util-template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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;AAEG,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;AAVF,QAAA,eAAe,mBAUb"}
|
package/RenderCount.d.ts
ADDED
package/RenderCount.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
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"));
|
|
7
|
+
const RenderCounter = () => {
|
|
8
|
+
const renderCount = react_1.default.useRef(0);
|
|
9
|
+
react_1.default.useEffect(() => {
|
|
10
|
+
renderCount.current += 1;
|
|
11
|
+
});
|
|
12
|
+
return (react_1.default.createElement("span", { className: "badge text-bg-primary" }, renderCount.current));
|
|
13
|
+
};
|
|
14
|
+
exports.default = RenderCounter;
|
|
15
|
+
//# sourceMappingURL=RenderCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RenderCount.js","sourceRoot":"","sources":["../src/RenderCount.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,MAAM,aAAa,GAAa,GAAG,EAAE;IACnC,MAAM,WAAW,GAAG,eAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEpC,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,wCAAM,SAAS,EAAC,uBAAuB,IAAE,WAAW,CAAC,OAAO,CAAQ,CACrE,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,aAAa,CAAC"}
|
package/bootstrap/onErrors.d.ts
CHANGED
|
@@ -1,2 +1,3 @@
|
|
|
1
1
|
import Immutable from "immutable";
|
|
2
|
-
|
|
2
|
+
declare const rawOnErrors: (cb: (node: any) => any) => (errors: Immutable.Map<string, any>) => void;
|
|
3
|
+
export default rawOnErrors;
|
package/bootstrap/onErrors.js
CHANGED
|
@@ -3,10 +3,10 @@ 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.rawOnErrors = 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 { getWords } = react_immutable_form_1.language;
|
|
10
10
|
const InnerNestedList = ({ data }) => {
|
|
11
11
|
const renderListContent = (value, key) => {
|
|
12
12
|
if (immutable_1.default.Map.isMap(value) && immutable_1.default.Map.isMap(value.first())) {
|
|
@@ -16,7 +16,7 @@ const InnerNestedList = ({ data }) => {
|
|
|
16
16
|
react_1.default.createElement("span", { className: "fw-light me-1 fw-medium" }, key),
|
|
17
17
|
react_1.default.createElement("ul", { className: "m-0 p-0 border-0", key: key }, Array.from(value).map(([rowIndex, innerRow]) => (react_1.default.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}` },
|
|
18
18
|
react_1.default.createElement("span", { className: "fw-light me-1" },
|
|
19
|
-
`${
|
|
19
|
+
`${getWords().ROW} `,
|
|
20
20
|
react_1.default.createElement("span", { className: "badge text-bg-primary rounded-circle" }, Number(rowIndex) + 1)),
|
|
21
21
|
react_1.default.createElement("ul", { className: "m-0 p-0 border-0" }, Array
|
|
22
22
|
.from(innerRow)
|
|
@@ -34,22 +34,21 @@ const InnerNestedList = ({ data }) => {
|
|
|
34
34
|
}
|
|
35
35
|
else if (immutable_1.default.Map.isMap(input)) {
|
|
36
36
|
return input.reduce((acc, value, currentKey) => {
|
|
37
|
-
const mapping =
|
|
37
|
+
const mapping = getWords().FIELDS_TO_DESCRIPTIONS, translatedKey = mapping[currentKey] || currentKey, newTranslation = performTranslation(value);
|
|
38
38
|
return acc.set(translatedKey, newTranslation);
|
|
39
39
|
}, immutable_1.default.Map());
|
|
40
40
|
}
|
|
41
41
|
return input;
|
|
42
|
-
}
|
|
43
|
-
const rawOnErrors = (cb) => (errors) => {
|
|
42
|
+
}, rawOnErrors = (cb) => (errors) => {
|
|
44
43
|
if (errors.size === 0) {
|
|
45
44
|
return;
|
|
46
45
|
}
|
|
47
46
|
const result = (react_1.default.createElement("div", { className: "p-1" },
|
|
48
|
-
react_1.default.createElement("div", { className: "text-danger" },
|
|
47
|
+
react_1.default.createElement("div", { className: "text-danger" }, getWords().CHECK_THE_ERRORS),
|
|
49
48
|
react_1.default.createElement("div", { className: "overflow-scroll", style: { maxHeight: 200 } },
|
|
50
49
|
react_1.default.createElement(NestedList, { data: performTranslation(errors) })),
|
|
51
|
-
react_1.default.createElement("div", { className: "text-center text-primary mt-2" },
|
|
50
|
+
react_1.default.createElement("div", { className: "text-center text-primary mt-2" }, getWords().TO_HIDE_CLICK_HERE)));
|
|
52
51
|
cb(result);
|
|
53
52
|
};
|
|
54
|
-
exports.
|
|
53
|
+
exports.default = rawOnErrors;
|
|
55
54
|
//# 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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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
declare const
|
|
2
|
+
/**
|
|
3
|
+
* Created a FormPromter component, given a history value
|
|
4
|
+
*
|
|
5
|
+
* @param {*} history The History value from react-router
|
|
6
|
+
* @returns {JSX.Element | null} The FormPrompt component.
|
|
7
|
+
*/
|
|
8
|
+
rawCreateFormPromter: (history: any) => (props: {
|
|
9
|
+
readonly dirty: boolean;
|
|
10
|
+
}) => null;
|
|
11
|
+
export default rawCreateFormPromter;
|
|
@@ -23,18 +23,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.rawCreateFormPromter = void 0;
|
|
27
26
|
/* eslint-disable no-alert */
|
|
28
27
|
const react_1 = __importStar(require("react"));
|
|
29
|
-
const
|
|
28
|
+
const react_immutable_form_1 = require("react-immutable-form");
|
|
30
29
|
const react_router_1 = require("react-router");
|
|
30
|
+
const { getWords } = react_immutable_form_1.language,
|
|
31
31
|
/**
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
* Created a FormPromter component, given a history value
|
|
33
|
+
*
|
|
34
|
+
* @param {*} history The History value from react-router
|
|
35
|
+
* @returns {JSX.Element | null} The FormPrompt component.
|
|
36
|
+
*/
|
|
37
|
+
rawCreateFormPromter = (history) => {
|
|
38
38
|
const useBlocker = (blocker, when = true) => {
|
|
39
39
|
react_1.default.useEffect(() => {
|
|
40
40
|
if (!when) {
|
|
@@ -73,22 +73,22 @@ const rawCreateFormPromter = (history) => {
|
|
|
73
73
|
return [showPrompt, confirmNavigation, cancelNavigation];
|
|
74
74
|
},
|
|
75
75
|
/**
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
76
|
+
* FormPrompt component.
|
|
77
|
+
*
|
|
78
|
+
* This component monitors whether a form has unsaved changes and, if the user attempts to navigate away
|
|
79
|
+
* from the form, it displays a confirmation prompt asking if they are sure they want to leave without saving.
|
|
80
|
+
*
|
|
81
|
+
* @param {Object} props - Component properties.
|
|
82
|
+
* @param {boolean} props.dirty - Indicates whether the form has unsaved changes.
|
|
83
|
+
*
|
|
84
|
+
* @returns {JSX.Element | null} The FormPrompt component.
|
|
85
|
+
*/
|
|
86
86
|
FormPrompt = (props) => {
|
|
87
87
|
const [showPrompt, confirmNavigation, cancelNavigation] = useCallbackPrompt(props.dirty), [showConfirm, setShowConfirm] = react_1.default.useState(false);
|
|
88
88
|
react_1.default.useEffect(() => {
|
|
89
89
|
if (showPrompt && !showConfirm) {
|
|
90
90
|
setShowConfirm(true);
|
|
91
|
-
if (confirm(
|
|
91
|
+
if (confirm(getWords().CONFIRMATION_FORM_LEAVE)) {
|
|
92
92
|
if (typeof confirmNavigation === "function") {
|
|
93
93
|
confirmNavigation();
|
|
94
94
|
}
|
|
@@ -106,5 +106,5 @@ const rawCreateFormPromter = (history) => {
|
|
|
106
106
|
};
|
|
107
107
|
return FormPrompt;
|
|
108
108
|
};
|
|
109
|
-
exports.
|
|
110
|
-
//# sourceMappingURL=
|
|
109
|
+
exports.default = rawCreateFormPromter;
|
|
110
|
+
//# sourceMappingURL=create-form-prompt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"create-form-prompt.js","sourceRoot":"","sources":["../src/create-form-prompt.tsx"],"names":[],"mappings":"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"}
|
package/form-utils.d.ts
ADDED
package/form-utils.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
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"));
|
|
7
|
+
const react_redux_1 = require("react-redux");
|
|
8
|
+
const actions_1 = require("x25/actions");
|
|
9
|
+
const _1 = require(".");
|
|
10
|
+
const useOnSubmitWithDispatch = () => {
|
|
11
|
+
const dispatch = (0, react_redux_1.useDispatch)();
|
|
12
|
+
return react_1.default.useCallback((errors) => {
|
|
13
|
+
const cb = (node) => dispatch((0, actions_1.notifyWarning)(node));
|
|
14
|
+
return (0, _1.onErrors)(cb)(errors);
|
|
15
|
+
}, [dispatch]);
|
|
16
|
+
}, useOnServerFailed = () => {
|
|
17
|
+
const dispatch = (0, react_redux_1.useDispatch)();
|
|
18
|
+
return (error) => {
|
|
19
|
+
dispatch((0, actions_1.notifyError)(error));
|
|
20
|
+
};
|
|
21
|
+
}, formUtils = {
|
|
22
|
+
useOnSubmitWithDispatch,
|
|
23
|
+
useOnServerFailed,
|
|
24
|
+
};
|
|
25
|
+
exports.default = formUtils;
|
|
26
|
+
//# sourceMappingURL=form-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-utils.js","sourceRoot":"","sources":["../src/form-utils.ts"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAA0C;AAC1C,yCAAyD;AACzD,wBAA6B;AAE7B,MACE,uBAAuB,GAAG,GAAG,EAAE;IAC7B,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,OAAO,eAAK,CAAC,WAAW,CACtB,CAAC,MAAmC,EAAE,EAAE;QACtC,MAAM,EAAE,GAAG,CAAC,IAAU,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAA,uBAAa,EAAC,IAAI,CAAC,CAAC,CAAC;QAEzD,OAAO,IAAA,WAAQ,EAAC,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,IAAA,yBAAW,GAAE,CAAC;IAE/B,OAAO,CAAC,KAAc,EAAE,EAAE;QACxB,QAAQ,CAAC,IAAA,qBAAW,EAAC,KAAK,CAAC,CAAC,CAAC;IAC/B,CAAC,CAAC;AACJ,CAAC,EACD,SAAS,GAAG;IACV,uBAAuB;IACvB,iBAAiB;CAClB,CAAC;AAEJ,kBAAe,SAAS,CAAC"}
|
package/index.d.ts
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export {
|
|
1
|
+
export { default as formUtils } from "./form-utils";
|
|
2
|
+
export { default as onErrors } from "./bootstrap/onErrors";
|
|
3
|
+
export { default as rawCreateFormPromter } from "./create-form-prompt";
|
|
4
|
+
export { default as CaptchaBox } from "./Inputs/Custom/CaptchaBox";
|
|
5
|
+
export { default as DateInput } from "./Inputs/DateInput";
|
|
6
|
+
export { default as DateTemplate } from "./Inputs/DateTemplate";
|
|
7
|
+
export { default as InputTemplate } from "./Inputs/InputTemplate";
|
|
8
|
+
export { default as NumericInput } from "./Inputs/NumericInput";
|
|
9
|
+
export { default as NumericTemplate } from "./Inputs/NumericTemplate";
|
|
10
|
+
export { default as SelectTemplate } from "./Inputs/SelectTemplate";
|
|
11
|
+
export { default as SimpleInput } from "./Inputs/SimpleInput";
|
|
12
|
+
export { default as SimpleSelect } from "./Inputs/SimpleSelect";
|
|
13
|
+
export { default as SimpleTextarea } from "./Inputs/SimpleTextarea";
|
|
14
|
+
export { default as SwitchInput } from "./Inputs/SwitchInput";
|
|
15
|
+
export { default as TextareaTemplate } from "./Inputs/TextareaTemplate";
|
|
16
|
+
export { default as numericOperations } from "./Inputs/util-numeric";
|
package/index.js
CHANGED
|
@@ -1,32 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
2
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextareaTemplate = exports.SwitchInput = exports.SimpleTextarea = exports.SimpleSelect = exports.SimpleInput = exports.SelectTemplate = exports.
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "
|
|
8
|
-
|
|
9
|
-
Object.defineProperty(exports, "
|
|
10
|
-
|
|
11
|
-
Object.defineProperty(exports, "
|
|
12
|
-
|
|
13
|
-
Object.defineProperty(exports, "
|
|
14
|
-
|
|
15
|
-
Object.defineProperty(exports, "
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(exports, "
|
|
18
|
-
|
|
19
|
-
Object.defineProperty(exports, "
|
|
20
|
-
|
|
21
|
-
Object.defineProperty(exports, "
|
|
22
|
-
|
|
23
|
-
Object.defineProperty(exports, "
|
|
24
|
-
|
|
25
|
-
Object.defineProperty(exports, "
|
|
26
|
-
|
|
27
|
-
Object.defineProperty(exports, "
|
|
28
|
-
|
|
29
|
-
Object.defineProperty(exports, "
|
|
30
|
-
|
|
31
|
-
Object.defineProperty(exports, "
|
|
6
|
+
exports.numericOperations = exports.TextareaTemplate = exports.SwitchInput = exports.SimpleTextarea = exports.SimpleSelect = exports.SimpleInput = exports.SelectTemplate = exports.NumericTemplate = exports.NumericInput = exports.InputTemplate = exports.DateTemplate = exports.DateInput = exports.CaptchaBox = exports.rawCreateFormPromter = exports.onErrors = exports.formUtils = void 0;
|
|
7
|
+
var form_utils_1 = require("./form-utils");
|
|
8
|
+
Object.defineProperty(exports, "formUtils", { enumerable: true, get: function () { return __importDefault(form_utils_1).default; } });
|
|
9
|
+
var onErrors_1 = require("./bootstrap/onErrors");
|
|
10
|
+
Object.defineProperty(exports, "onErrors", { enumerable: true, get: function () { return __importDefault(onErrors_1).default; } });
|
|
11
|
+
var create_form_prompt_1 = require("./create-form-prompt");
|
|
12
|
+
Object.defineProperty(exports, "rawCreateFormPromter", { enumerable: true, get: function () { return __importDefault(create_form_prompt_1).default; } });
|
|
13
|
+
var CaptchaBox_1 = require("./Inputs/Custom/CaptchaBox");
|
|
14
|
+
Object.defineProperty(exports, "CaptchaBox", { enumerable: true, get: function () { return __importDefault(CaptchaBox_1).default; } });
|
|
15
|
+
var DateInput_1 = require("./Inputs/DateInput");
|
|
16
|
+
Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return __importDefault(DateInput_1).default; } });
|
|
17
|
+
var DateTemplate_1 = require("./Inputs/DateTemplate");
|
|
18
|
+
Object.defineProperty(exports, "DateTemplate", { enumerable: true, get: function () { return __importDefault(DateTemplate_1).default; } });
|
|
19
|
+
var InputTemplate_1 = require("./Inputs/InputTemplate");
|
|
20
|
+
Object.defineProperty(exports, "InputTemplate", { enumerable: true, get: function () { return __importDefault(InputTemplate_1).default; } });
|
|
21
|
+
var NumericInput_1 = require("./Inputs/NumericInput");
|
|
22
|
+
Object.defineProperty(exports, "NumericInput", { enumerable: true, get: function () { return __importDefault(NumericInput_1).default; } });
|
|
23
|
+
var NumericTemplate_1 = require("./Inputs/NumericTemplate");
|
|
24
|
+
Object.defineProperty(exports, "NumericTemplate", { enumerable: true, get: function () { return __importDefault(NumericTemplate_1).default; } });
|
|
25
|
+
var SelectTemplate_1 = require("./Inputs/SelectTemplate");
|
|
26
|
+
Object.defineProperty(exports, "SelectTemplate", { enumerable: true, get: function () { return __importDefault(SelectTemplate_1).default; } });
|
|
27
|
+
var SimpleInput_1 = require("./Inputs/SimpleInput");
|
|
28
|
+
Object.defineProperty(exports, "SimpleInput", { enumerable: true, get: function () { return __importDefault(SimpleInput_1).default; } });
|
|
29
|
+
var SimpleSelect_1 = require("./Inputs/SimpleSelect");
|
|
30
|
+
Object.defineProperty(exports, "SimpleSelect", { enumerable: true, get: function () { return __importDefault(SimpleSelect_1).default; } });
|
|
31
|
+
var SimpleTextarea_1 = require("./Inputs/SimpleTextarea");
|
|
32
|
+
Object.defineProperty(exports, "SimpleTextarea", { enumerable: true, get: function () { return __importDefault(SimpleTextarea_1).default; } });
|
|
33
|
+
var SwitchInput_1 = require("./Inputs/SwitchInput");
|
|
34
|
+
Object.defineProperty(exports, "SwitchInput", { enumerable: true, get: function () { return __importDefault(SwitchInput_1).default; } });
|
|
35
|
+
var TextareaTemplate_1 = require("./Inputs/TextareaTemplate");
|
|
36
|
+
Object.defineProperty(exports, "TextareaTemplate", { enumerable: true, get: function () { return __importDefault(TextareaTemplate_1).default; } });
|
|
37
|
+
var util_numeric_1 = require("./Inputs/util-numeric");
|
|
38
|
+
Object.defineProperty(exports, "numericOperations", { enumerable: true, get: function () { return __importDefault(util_numeric_1).default; } });
|
|
32
39
|
//# sourceMappingURL=index.js.map
|
package/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,2CAAoD;AAA3C,wHAAA,OAAO,OAAa;AAE7B,iDAA2D;AAAlD,qHAAA,OAAO,OAAY;AAE5B,2DAAuE;AAA9D,2IAAA,OAAO,OAAwB;AAExC,yDAAmE;AAA1D,yHAAA,OAAO,OAAc;AAC9B,gDAA0D;AAAjD,uHAAA,OAAO,OAAa;AAC7B,sDAAgE;AAAvD,6HAAA,OAAO,OAAgB;AAChC,wDAAkE;AAAzD,+HAAA,OAAO,OAAiB;AACjC,sDAAgE;AAAvD,6HAAA,OAAO,OAAgB;AAChC,4DAAsE;AAA7D,mIAAA,OAAO,OAAmB;AACnC,0DAAoE;AAA3D,iIAAA,OAAO,OAAkB;AAClC,oDAA8D;AAArD,2HAAA,OAAO,OAAe;AAC/B,sDAAgE;AAAvD,6HAAA,OAAO,OAAgB;AAChC,0DAAoE;AAA3D,iIAAA,OAAO,OAAkB;AAClC,oDAA8D;AAArD,2HAAA,OAAO,OAAe;AAC/B,8DAAwE;AAA/D,qIAAA,OAAO,OAAoB;AACpC,sDAAqE;AAA5D,kIAAA,OAAO,OAAqB"}
|
package/package.json
CHANGED
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "1.0.
|
|
2
|
+
"version": "1.0.7",
|
|
3
3
|
"name": "react-immutable-form-with-bootstrap",
|
|
4
4
|
"description": "react-immutable-form-with-bootstrap the [i]mmutable form library for react - using hooks",
|
|
5
5
|
"types": "./dist/index.d.ts",
|
|
6
6
|
"scripts": {
|
|
7
|
-
"load": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm publish",
|
|
8
|
-
"load-beta": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm publish --tag beta",
|
|
7
|
+
"load": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm run clean-dist && npm publish",
|
|
8
|
+
"load-beta": "npm run intern-pre && cd dist && npm run ts && npm run intern-copy && npm run clean-dist && npm publish --tag beta",
|
|
9
9
|
"eslint": "eslint --ext .tsx,.ts src --fix",
|
|
10
10
|
"intern-pre": "npm run eslint && npm run intern-clean && npm run intern-build",
|
|
11
|
+
"knip": "knip --include-libs",
|
|
11
12
|
"intern-build-scss": "node-sass --output-style compressed src -o dist",
|
|
12
13
|
"intern-copy": " copy package.json dist",
|
|
13
|
-
"lint": "npm run ts:check & npm run eslint",
|
|
14
|
+
"lint": "npm run knip && npm run ts:check & npm run eslint",
|
|
14
15
|
"intern-build": "npm run intern-build-scss",
|
|
15
16
|
"intern-clean": "rimraf dist dist",
|
|
16
17
|
"intern-test": "vitest",
|
|
18
|
+
"clean-dist": "trash \"./**/*.test.*\"",
|
|
17
19
|
"check": "node script/check & npm run depcheck & npm run check:npm-check",
|
|
18
20
|
"check:npm-check": "npm-check -u -i \"{rc-tooltip,react,react-dom}\" --specials=bin,eslint,babel,webpack",
|
|
19
21
|
"depcheck": "depcheck --ignores=@docusaurus/react-loadable,webpack-cli,@hot-loader/react-dom --ignore-patterns=server,node_modules,tmp,fonts",
|
|
@@ -82,6 +84,7 @@
|
|
|
82
84
|
"@babel/preset-env": "^7.23.5",
|
|
83
85
|
"@babel/preset-react": "^7.23.3",
|
|
84
86
|
"@babel/preset-typescript": "^7.23.3",
|
|
87
|
+
"@types/node": "^22.8.7",
|
|
85
88
|
"@types/react-datepicker": "^6.2.0",
|
|
86
89
|
"@typescript-eslint/eslint-plugin": "^6.13.1",
|
|
87
90
|
"@typescript-eslint/parser": "^6.13.1",
|
|
@@ -110,11 +113,15 @@
|
|
|
110
113
|
"dependencies": {
|
|
111
114
|
"date-fns": "^3.6.0",
|
|
112
115
|
"immutable": "^4.3.4",
|
|
116
|
+
"knip": "^5.36.2",
|
|
113
117
|
"react": "^17.0.2",
|
|
114
118
|
"react-datepicker": "^4.24.0",
|
|
115
119
|
"react-dom": "^17.0.2",
|
|
116
|
-
"react-immutable-form": "^1.
|
|
120
|
+
"react-immutable-form": "^1.1.4",
|
|
121
|
+
"react-redux": "^8.1.3",
|
|
117
122
|
"react-router": "^6.22.3",
|
|
123
|
+
"rimraf": "^3.0.2",
|
|
124
|
+
"trash-cli": "^6.0.0",
|
|
118
125
|
"x25": "^17.5.6"
|
|
119
126
|
}
|
|
120
127
|
}
|