x25 17.2.23 → 17.2.26
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/Async/RouteLoading.d.ts +2 -2
- package/Async/RouteLoading.js +41 -24
- package/Async/RouteLoading.js.map +1 -1
- package/Async/SimulatedException.d.ts +3 -5
- package/Async/SimulatedException.js +5 -5
- package/Async/SimulatedException.js.map +1 -1
- package/Inputs/DateInput.d.ts +2 -17
- package/Inputs/DateInput.js +32 -83
- package/Inputs/DateInput.js.map +1 -1
- package/Inputs/DateTemplate.d.ts +6 -21
- package/Inputs/DateTemplate.js +36 -89
- package/Inputs/DateTemplate.js.map +1 -1
- package/Inputs/DelayInputChange.d.ts +2 -16
- package/Inputs/DelayInputChange.js +53 -89
- package/Inputs/DelayInputChange.js.map +1 -1
- package/Inputs/NumericInput.d.ts +17 -32
- package/Inputs/NumericInput.js +23 -64
- package/Inputs/NumericInput.js.map +1 -1
- package/Inputs/NumericTemplate.d.ts +22 -37
- package/Inputs/NumericTemplate.js +22 -64
- package/Inputs/NumericTemplate.js.map +1 -1
- package/Inputs/common.d.ts +2 -0
- package/Inputs/common.js +27 -0
- package/Inputs/common.js.map +1 -0
- package/Messages/Error.js +6 -1
- package/Messages/Error.js.map +1 -1
- package/dev/TheError.d.ts +4 -4
- package/dev/TheError.js +6 -2
- package/dev/TheError.js.map +1 -1
- package/package.json +1 -1
- package/utility/languages/english.d.ts +2 -0
- package/utility/languages/english.js +2 -0
- package/utility/languages/english.js.map +1 -1
- package/utility/languages/ro.d.ts +2 -0
- package/utility/languages/ro.js +2 -0
- package/utility/languages/ro.js.map +1 -1
- package/utility/words.d.ts +2 -0
|
@@ -1,101 +1,65 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
return
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
20
|
};
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.DelayInputChange = void 0;
|
|
23
|
-
var react_1 =
|
|
24
|
-
var delay = 700;
|
|
23
|
+
var react_1 = __importStar(require("react"));
|
|
25
24
|
var Messages_1 = require("../Messages");
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
25
|
+
var delay = 700;
|
|
26
|
+
var DelayInputChange = function (props) {
|
|
27
|
+
var _a = (0, react_1.useState)(0), timeoutValue = _a[0], setTimeoutValue = _a[1], _b = (0, react_1.useState)(false), isWaiting = _b[0], setIsWaiting = _b[1], _c = (0, react_1.useState)(props.value), value = _c[0], setValue = _c[1], stopWaiting = function (newValue) {
|
|
28
|
+
clearTimeout(timeoutValue);
|
|
29
|
+
setIsWaiting(false);
|
|
30
|
+
setValue(newValue);
|
|
31
|
+
props.change({
|
|
32
|
+
target: {
|
|
33
|
+
value: newValue,
|
|
34
|
+
},
|
|
35
|
+
});
|
|
36
|
+
}, handleKeyPressed = function (event) {
|
|
37
|
+
if (event.key === "Enter") {
|
|
38
|
+
stopWaiting(value);
|
|
39
|
+
}
|
|
40
|
+
}, delayChange = function (_a) {
|
|
41
|
+
var newValue = _a.target.value;
|
|
42
|
+
clearTimeout(timeoutValue);
|
|
43
|
+
if (value === "") {
|
|
44
|
+
stopWaiting(newValue);
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
setIsWaiting(true);
|
|
48
|
+
setValue(newValue);
|
|
49
|
+
var newTimeout = setTimeout(function () {
|
|
50
|
+
setIsWaiting(false);
|
|
51
|
+
props.change({
|
|
47
52
|
target: {
|
|
48
|
-
value:
|
|
53
|
+
value: newValue,
|
|
49
54
|
},
|
|
50
55
|
});
|
|
51
|
-
});
|
|
52
|
-
|
|
53
|
-
_this.delayChange = function (_a) {
|
|
54
|
-
var value = _a.target.value;
|
|
55
|
-
clearTimeout(_this.timeout);
|
|
56
|
-
if (value === "") {
|
|
57
|
-
_this.stopWaiting(value);
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
var that_1 = _this;
|
|
61
|
-
that_1.setState({
|
|
62
|
-
isWaiting: true,
|
|
63
|
-
value: value,
|
|
64
|
-
}, function () {
|
|
65
|
-
that_1.timeout = setTimeout(function () {
|
|
66
|
-
that_1.setState({
|
|
67
|
-
isWaiting: false,
|
|
68
|
-
});
|
|
69
|
-
that_1.props.change({
|
|
70
|
-
target: {
|
|
71
|
-
value: value,
|
|
72
|
-
},
|
|
73
|
-
});
|
|
74
|
-
}, _this.props.delay || delay);
|
|
75
|
-
});
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
return _this;
|
|
79
|
-
}
|
|
80
|
-
DelayInputChange.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
|
|
81
|
-
if (this.props.value !== nextProps.value) {
|
|
82
|
-
this.setState({
|
|
83
|
-
value: nextProps.value,
|
|
84
|
-
});
|
|
56
|
+
}, props.delay || delay);
|
|
57
|
+
setTimeoutValue(newTimeout);
|
|
85
58
|
}
|
|
86
59
|
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
};
|
|
92
|
-
DelayInputChange.prototype.render = function () {
|
|
93
|
-
var _a = this.state, value = _a.value, isWaiting = _a.isWaiting;
|
|
94
|
-
return (react_1.default.createElement("div", { className: "delay-input" },
|
|
95
|
-
react_1.default.createElement("input", { autoComplete: this.props.autoComplete, className: this.props.className, id: this.props.id, name: this.props.name, onChange: this.delayChange, onKeyPress: this.handleKeyPressed, placeholder: this.props.placeholder, tabIndex: this.props.tabIndex, value: value }),
|
|
96
|
-
isWaiting ? react_1.default.createElement(Messages_1.LoadingMessage, { className: "loading-spinner d-inline-block", sm: true }) : null));
|
|
97
|
-
};
|
|
98
|
-
return DelayInputChange;
|
|
99
|
-
}(react_1.default.Component));
|
|
60
|
+
return (react_1.default.createElement("div", { className: "delay-input" },
|
|
61
|
+
react_1.default.createElement("input", { autoComplete: props.autoComplete, className: props.className, id: props.id, name: props.name, onChange: delayChange, onKeyPress: handleKeyPressed, placeholder: props.placeholder, tabIndex: props.tabIndex, value: value }),
|
|
62
|
+
isWaiting ? react_1.default.createElement(Messages_1.LoadingMessage, { className: "loading-spinner d-inline-block", sm: true }) : null));
|
|
63
|
+
};
|
|
100
64
|
exports.DelayInputChange = DelayInputChange;
|
|
101
65
|
//# sourceMappingURL=DelayInputChange.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DelayInputChange.js","sourceRoot":"","sources":["../../src/Inputs/DelayInputChange.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DelayInputChange.js","sourceRoot":"","sources":["../../src/Inputs/DelayInputChange.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwC;AAcxC,wCAA6C;AAE7C,IAAM,KAAK,GAAG,GAAG,CAAC;AAEX,IACL,gBAAgB,GAAG,UAAC,KAA0B;IAE1C,IAAA,KAAkC,IAAA,gBAAQ,EAAC,CAAQ,CAAC,EAAnD,YAAY,QAAA,EAAE,eAAe,QAAA,EAC9B,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAA,EACxB,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,KAAK,CAAC,EAAxC,KAAK,QAAA,EAAE,QAAQ,QAAA,EAEhB,WAAW,GAAG,UAAC,QAAgB;QAC7B,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAEnB,KAAK,CAAC,MAAM,CAAC;YACX,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;aAChB;SACF,CAAC,CAAC;IACL,CAAC,EACD,gBAAgB,GAAG,UAAC,KAAU;QAC5B,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAC;SACpB;IACH,CAAC,EACD,WAAW,GAAG,UAAC,EAAiE;YAA7C,QAAQ,kBAAA;QACzC,YAAY,CAAC,YAAY,CAAC,CAAC;QAE3B,IAAI,KAAK,KAAK,EAAE,EAAE;YAChB,WAAW,CAAC,QAAQ,CAAC,CAAC;SACvB;aAAM;YACL,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,QAAQ,CAAC,QAAQ,CAAC,CAAC;YAEnB,IAAM,UAAU,GAAG,UAAU,CAAC;gBAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,KAAK,CAAC,MAAM,CAAC;oBACX,MAAM,EAAE;wBACN,KAAK,EAAE,QAAQ;qBAChB;iBACF,CAAC,CAAC;YACL,CAAC,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,CAAC;YAEzB,eAAe,CAAC,UAAU,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC;IAEJ,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QAC1B,yCACE,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,WAAW,EACrB,UAAU,EAAE,gBAAgB,EAC5B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,GACZ;QACD,SAAS,CAAC,CAAC,CAAC,8BAAC,yBAAc,IAAC,SAAS,EAAC,gCAAgC,EAAC,EAAE,SAAG,CAAC,CAAC,CAAC,IAAI,CAChF,CACP,CAAC;AACJ,CAAC,CAAC;AA7DF,QAAA,gBAAgB,oBA6Dd"}
|
package/Inputs/NumericInput.d.ts
CHANGED
|
@@ -1,39 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
declare type NumericPropTypes = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
currency?: boolean;
|
|
4
|
+
optional?: boolean;
|
|
5
|
+
size?: number;
|
|
6
|
+
customClass?: any;
|
|
7
|
+
input: any;
|
|
8
|
+
label?: string;
|
|
9
|
+
meta: {
|
|
9
10
|
error?: string;
|
|
10
11
|
submitting: boolean;
|
|
11
12
|
touched: boolean;
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
tabIndex?: number;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
value?: string;
|
|
17
|
+
formatValue: (raw: any, optional?: boolean) => string;
|
|
18
|
+
normalizeValue: (raw: any) => any;
|
|
19
|
+
onBlur?: () => void;
|
|
20
|
+
onChange?: (event: any) => void;
|
|
21
|
+
onRegisterRef?: any;
|
|
21
22
|
};
|
|
22
|
-
declare
|
|
23
|
-
value: any;
|
|
24
|
-
};
|
|
25
|
-
import React from "react";
|
|
26
|
-
export declare class NumericInput extends React.Component<NumericPropTypes, NumericStateTypes> {
|
|
27
|
-
static defaultProps: {
|
|
28
|
-
formatValue: (word: any, optional?: boolean | undefined) => string;
|
|
29
|
-
normalizeValue: (raw: string) => number;
|
|
30
|
-
};
|
|
31
|
-
state: NumericStateTypes;
|
|
32
|
-
handleBlur: () => any;
|
|
33
|
-
handleKeyDown: (event: any) => void;
|
|
34
|
-
handleChange: ({ target: { value } }: any) => void;
|
|
35
|
-
UNSAFE_componentWillReceiveProps(nextProps: NumericPropTypes): void;
|
|
36
|
-
constructor(props: NumericPropTypes);
|
|
37
|
-
render(): JSX.Element;
|
|
38
|
-
}
|
|
23
|
+
export declare const NumericInput: (props: NumericPropTypes) => JSX.Element;
|
|
39
24
|
export {};
|
package/Inputs/NumericInput.js
CHANGED
|
@@ -1,20 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/* eslint-disable react/no-unsafe */
|
|
3
|
-
var __extends = (this && this.__extends) || (function () {
|
|
4
|
-
var extendStatics = function (d, b) {
|
|
5
|
-
extendStatics = Object.setPrototypeOf ||
|
|
6
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
-
return extendStatics(d, b);
|
|
9
|
-
};
|
|
10
|
-
return function (d, b) {
|
|
11
|
-
if (typeof b !== "function" && b !== null)
|
|
12
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
-
extendStatics(d, b);
|
|
14
|
-
function __() { this.constructor = d; }
|
|
15
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
-
};
|
|
17
|
-
})();
|
|
18
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
4
|
};
|
|
@@ -23,54 +7,29 @@ exports.NumericInput = void 0;
|
|
|
23
7
|
var react_1 = __importDefault(require("react"));
|
|
24
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
25
9
|
var utility_1 = require("../utility");
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
_this.handleBlur();
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
_this.handleBlur = function () {
|
|
39
|
-
(0, utility_1.handleBlur)(_this);
|
|
40
|
-
};
|
|
41
|
-
_this.handleChange = function (_a) {
|
|
42
|
-
var value = _a.target.value;
|
|
43
|
-
_this.props.input.onChange();
|
|
44
|
-
/*
|
|
45
|
-
* Update the internal state to trigger a re-render
|
|
46
|
-
* using the formatted value
|
|
47
|
-
*/
|
|
48
|
-
_this.setState({
|
|
49
|
-
value: value,
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
return _this;
|
|
53
|
-
}
|
|
54
|
-
NumericInput.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
|
|
55
|
-
(0, utility_1.cwrp)(this, nextProps);
|
|
56
|
-
};
|
|
57
|
-
NumericInput.prototype.render = function () {
|
|
58
|
-
var _a = this.props, customClass = _a.customClass, input = _a.input, label = _a.label, currency = _a.currency, tabIndex = _a.tabIndex, onRegisterRef = _a.onRegisterRef, _b = _a.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error, formatValue = _a.formatValue, size = _a.size, placeholder = _a.placeholder, inputComponent = (react_1.default.createElement("input", { "aria-label": label, className: (0, classnames_1.default)("form-control ".concat(customClass || ""), {
|
|
59
|
-
"is-invalid": touched && error,
|
|
60
|
-
}), disabled: submitting, id: input.name, maxLength: size, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: input.onFocus, onKeyDown: this.handleKeyDown, placeholder: placeholder || label, ref: onRegisterRef, tabIndex: tabIndex, type: "text", value: formatValue(this.state.value, this.props.optional) }));
|
|
61
|
-
if (typeof currency === "undefined" || currency === false) {
|
|
62
|
-
return (react_1.default.createElement("div", { className: "form-group-inline" }, inputComponent));
|
|
10
|
+
var common_1 = require("./common");
|
|
11
|
+
var NumericInput = function (props) {
|
|
12
|
+
var customClass = props.customClass, input = props.input, label = props.label, currency = props.currency, tabIndex = props.tabIndex, onRegisterRef = props.onRegisterRef, _a = props.formatValue, formatValue = _a === void 0 ? utility_1.formatZeroValue : _a, size = props.size, placeholder = props.placeholder, _b = props.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error, _c = react_1.default.useState(props.input.value), value = _c[0], setValue = _c[1], noCurrency = (typeof currency === "undefined" || currency === false), valueToShow = formatValue(value, props.optional), updateValue = function (targetValue) {
|
|
13
|
+
setValue(targetValue);
|
|
14
|
+
props.input.onChange((0, common_1.getFloatValueToStore)(targetValue));
|
|
15
|
+
}, handleBlur = function () {
|
|
16
|
+
var newValue = (0, common_1.clearFloatOnBlur)(value), hasChanged = value !== newValue;
|
|
17
|
+
if (hasChanged) {
|
|
18
|
+
updateValue(newValue);
|
|
63
19
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
}
|
|
73
|
-
return
|
|
74
|
-
|
|
20
|
+
}, handleChange = function (_a) {
|
|
21
|
+
var targetValue = _a.target.value;
|
|
22
|
+
updateValue(targetValue);
|
|
23
|
+
}, inputComponent = (react_1.default.createElement("input", { "aria-label": label, className: (0, classnames_1.default)("form-control ".concat(customClass || ""), {
|
|
24
|
+
"is-invalid": touched && error,
|
|
25
|
+
}), disabled: submitting, id: input.name, maxLength: size, onBlur: handleBlur, onChange: handleChange, placeholder: placeholder || label, ref: onRegisterRef, tabIndex: tabIndex, type: "text", value: valueToShow }));
|
|
26
|
+
if (noCurrency) {
|
|
27
|
+
return (react_1.default.createElement("div", { className: "form-group-inline" }, inputComponent));
|
|
28
|
+
}
|
|
29
|
+
return (react_1.default.createElement("div", { className: "input-group" },
|
|
30
|
+
inputComponent,
|
|
31
|
+
react_1.default.createElement("div", { className: "input-group-append" },
|
|
32
|
+
react_1.default.createElement("span", { className: "input-group-text" }, currency))));
|
|
33
|
+
};
|
|
75
34
|
exports.NumericInput = NumericInput;
|
|
76
35
|
//# 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":";;;;;;AAuBA,gDAA0B;AAC1B,0DAAoC;AACpC,sCAA6C;AAE7C,mCAAkE;AAE3D,IACL,YAAY,GAAG,UAAC,KAAwB;IAGlC,IAAA,WAAW,GAET,KAAK,YAFI,EAAE,KAAK,GAEhB,KAAK,MAFW,EAAE,KAAK,GAEvB,KAAK,MAFkB,EAAE,QAAQ,GAEjC,KAAK,SAF4B,EAAE,QAAQ,GAE3C,KAAK,SAFsC,EAAE,aAAa,GAE1D,KAAK,cAFqD,EAAE,KAE5D,KAAK,YAFoF,EAA7B,WAAW,mBAAG,yBAAe,KAAA,EAC3F,IAAI,GACF,KAAK,KADH,EAAE,WAAW,GACf,KAAK,YADU,EAAE,KACjB,KAAK,KADgD,EAA5B,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAGvD,KAAoB,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAApD,KAAK,QAAA,EAAE,QAAQ,QAAA,EAEhB,UAAU,GAAG,CAAC,OAAO,QAAQ,KAAK,WAAW,IAAI,QAAQ,KAAK,KAAK,CAAC,EACpE,WAAW,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC,EAEhD,WAAW,GAAG,UAAC,WAAoB;QACjC,QAAQ,CAAC,WAAW,CAAC,CAAC;QACtB,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAA,6BAAoB,EAAC,WAAW,CAAC,CAAC,CAAC;IAC1D,CAAC,EAED,UAAU,GAAG;QACX,IACE,QAAQ,GAAG,IAAA,yBAAgB,EAAC,KAAK,CAAC,EAClC,UAAU,GAAG,KAAK,KAAK,QAAQ,CAAC;QAElC,IAAI,UAAU,EAAE;YACd,WAAW,CAAC,QAAQ,CAAC,CAAC;SACvB;IACH,CAAC,EAED,YAAY,GAAG,UAAC,EAAwC;YAApB,WAAW,kBAAA;QAC7C,WAAW,CAAC,WAAW,CAAC,CAAC;IAC3B,CAAC,EAED,cAAc,GAAG,CACf,uDACc,KAAK,EACjB,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAgB,WAAW,IAAI,EAAE,CAAE,EAAE;YACzD,YAAY,EAAE,OAAO,IAAI,KAAK;SAC/B,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,WAAW,EAAE,WAAW,IAAI,KAAK,EACjC,GAAG,EAAE,aAAa,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,WAAW,GAClB,CACH,CAAC;IAEJ,IAAI,UAAU,EAAE;QACd,OAAO,CACL,uCAAK,SAAS,EAAC,mBAAmB,IAC/B,cAAc,CACX,CACP,CAAC;KACH;IAED,OAAO,CACL,uCAAK,SAAS,EAAC,aAAa;QACzB,cAAc;QACf,uCAAK,SAAS,EAAC,oBAAoB;YACjC,wCAAM,SAAS,EAAC,kBAAkB,IAC/B,QAAQ,CACJ,CACH,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AApEF,QAAA,YAAY,gBAoEV"}
|
|
@@ -1,44 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
declare type NumericPropTypes = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
optional?: boolean;
|
|
4
|
+
size?: number;
|
|
5
|
+
customClass?: any;
|
|
6
|
+
divClass?: any;
|
|
7
|
+
input: any;
|
|
8
|
+
label?: string;
|
|
9
|
+
meta: {
|
|
9
10
|
error?: string;
|
|
10
11
|
submitting: boolean;
|
|
11
12
|
touched: boolean;
|
|
12
13
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
14
|
+
placeholder?: string;
|
|
15
|
+
value?: string;
|
|
16
|
+
autoFocus?: boolean;
|
|
17
|
+
type: string;
|
|
18
|
+
inputClass?: string;
|
|
19
|
+
left?: string;
|
|
20
|
+
tabIndex?: number;
|
|
21
|
+
right?: string;
|
|
22
|
+
formatValue: (raw: any, optional?: boolean) => string;
|
|
23
|
+
normalizeValue: (raw: string | null) => any;
|
|
24
|
+
onBlur?: () => void;
|
|
25
|
+
onChange?: (event: any) => void;
|
|
26
|
+
onRegisterRef?: any;
|
|
26
27
|
};
|
|
27
|
-
declare
|
|
28
|
-
value: any;
|
|
29
|
-
};
|
|
30
|
-
import React from "react";
|
|
31
|
-
export declare class NumericTemplate extends React.Component<NumericPropTypes, NumericStateTypes> {
|
|
32
|
-
static defaultProps: {
|
|
33
|
-
formatValue: (word: any, optional?: boolean | undefined) => string;
|
|
34
|
-
normalizeValue: (raw: string) => number;
|
|
35
|
-
};
|
|
36
|
-
state: NumericStateTypes;
|
|
37
|
-
handleBlur: () => void;
|
|
38
|
-
handleKeyDown: (event: any) => void;
|
|
39
|
-
handleChange: ({ target: { value } }: any) => void;
|
|
40
|
-
UNSAFE_componentWillReceiveProps(nextProps: NumericPropTypes): void;
|
|
41
|
-
constructor(props: NumericPropTypes);
|
|
42
|
-
render(): JSX.Element;
|
|
43
|
-
}
|
|
28
|
+
export declare const NumericTemplate: (props: NumericPropTypes) => JSX.Element;
|
|
44
29
|
export {};
|
|
@@ -1,20 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
/* eslint-disable react/no-unsafe */
|
|
3
|
-
var __extends = (this && this.__extends) || (function () {
|
|
4
|
-
var extendStatics = function (d, b) {
|
|
5
|
-
extendStatics = Object.setPrototypeOf ||
|
|
6
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
7
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
8
|
-
return extendStatics(d, b);
|
|
9
|
-
};
|
|
10
|
-
return function (d, b) {
|
|
11
|
-
if (typeof b !== "function" && b !== null)
|
|
12
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
13
|
-
extendStatics(d, b);
|
|
14
|
-
function __() { this.constructor = d; }
|
|
15
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
16
|
-
};
|
|
17
|
-
})();
|
|
18
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
4
|
};
|
|
@@ -22,53 +6,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
22
6
|
exports.NumericTemplate = void 0;
|
|
23
7
|
var react_1 = __importDefault(require("react"));
|
|
24
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
25
|
-
var
|
|
26
|
-
var NumericTemplate =
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
*/
|
|
48
|
-
_this.setState({
|
|
49
|
-
value: value,
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
return _this;
|
|
53
|
-
}
|
|
54
|
-
NumericTemplate.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
|
|
55
|
-
(0, utility_1.cwrp)(this, nextProps);
|
|
56
|
-
};
|
|
57
|
-
NumericTemplate.prototype.render = function () {
|
|
58
|
-
var _a = this.props, input = _a.input, label = _a.label, onRegisterRef = _a.onRegisterRef, _b = _a.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error, formatValue = _a.formatValue, type = _a.type, autoFocus = _a.autoFocus, inputClass = _a.inputClass, placeholder = _a.placeholder, left = _a.left, size = _a.size, right = _a.right, tabIndex = _a.tabIndex, divClass = _a.divClass, warningClass = "".concat(touched && error ? " is-invalid" : ""), customClass = "".concat(inputClass ? " ".concat(inputClass) : ""), classForInput = "form-control ".concat(warningClass).concat(customClass), classForDiv = "form-group row ".concat(divClass ? divClass : "");
|
|
59
|
-
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classForDiv, {
|
|
60
|
-
"is-invalid": touched && error,
|
|
61
|
-
}) },
|
|
62
|
-
react_1.default.createElement("label", { className: "".concat(left ? left : "col-md-4 text-md-right", " form-control-label"), htmlFor: input.name }, label),
|
|
63
|
-
react_1.default.createElement("div", { className: right ? right : "col-md-8" },
|
|
64
|
-
react_1.default.createElement("input", { "aria-label": label, autoFocus: autoFocus, className: classForInput, disabled: submitting, id: input.name, maxLength: size, onBlur: this.handleBlur, onChange: this.handleChange, onFocus: input.onFocus, onKeyDown: this.handleKeyDown, placeholder: placeholder, ref: onRegisterRef, tabIndex: tabIndex, type: type, value: formatValue(this.state.value, this.props.optional) }),
|
|
65
|
-
react_1.default.createElement("div", { className: "invalid-feedback" }, touched && error && (react_1.default.createElement("span", null, error))))));
|
|
66
|
-
};
|
|
67
|
-
NumericTemplate.defaultProps = {
|
|
68
|
-
formatValue: utility_1.formatZeroValue,
|
|
69
|
-
normalizeValue: utility_1.normalizeFloat,
|
|
70
|
-
};
|
|
71
|
-
return NumericTemplate;
|
|
72
|
-
}(react_1.default.Component));
|
|
9
|
+
var common_1 = require("./common");
|
|
10
|
+
var NumericTemplate = function (props) {
|
|
11
|
+
var input = props.input, right = props.right, tabIndex = props.tabIndex, divClass = props.divClass, label = props.label, onRegisterRef = props.onRegisterRef, _a = props.meta, submitting = _a.submitting, touched = _a.touched, error = _a.error, formatValue = props.formatValue, type = props.type, autoFocus = props.autoFocus, inputClass = props.inputClass, placeholder = props.placeholder, left = props.left, size = props.size, _b = react_1.default.useState(props.input.value), value = _b[0], setValue = _b[1], valueToShow = formatValue(value, props.optional), updateValue = function (targetValue) {
|
|
12
|
+
setValue(targetValue);
|
|
13
|
+
props.input.onChange((0, common_1.getFloatValueToStore)(targetValue));
|
|
14
|
+
}, handleBlur = function () {
|
|
15
|
+
var newValue = (0, common_1.clearFloatOnBlur)(value), hasChanged = value !== newValue;
|
|
16
|
+
if (hasChanged) {
|
|
17
|
+
updateValue(newValue);
|
|
18
|
+
}
|
|
19
|
+
}, handleChange = function (_a) {
|
|
20
|
+
var targetValue = _a.target.value;
|
|
21
|
+
updateValue(targetValue);
|
|
22
|
+
}, warningClass = "".concat(touched && error ? " is-invalid" : ""), customClass = "".concat(inputClass ? " ".concat(inputClass) : ""), classForInput = "form-control ".concat(warningClass).concat(customClass), classForDiv = "form-group row ".concat(divClass ? divClass : "");
|
|
23
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classForDiv, {
|
|
24
|
+
"is-invalid": touched && error,
|
|
25
|
+
}) },
|
|
26
|
+
react_1.default.createElement("label", { className: "".concat(left ? left : "col-md-4 text-md-right", " form-control-label"), htmlFor: input.name }, label),
|
|
27
|
+
react_1.default.createElement("div", { className: right ? right : "col-md-8" },
|
|
28
|
+
react_1.default.createElement("input", { "aria-label": label, autoFocus: autoFocus, className: classForInput, disabled: submitting, id: input.name, maxLength: size, onBlur: handleBlur, onChange: handleChange, placeholder: placeholder, ref: onRegisterRef, tabIndex: tabIndex, type: type, value: formatValue(valueToShow, props.optional) }),
|
|
29
|
+
react_1.default.createElement("div", { className: "invalid-feedback" }, touched && error && (react_1.default.createElement("span", null, error))))));
|
|
30
|
+
};
|
|
73
31
|
exports.NumericTemplate = NumericTemplate;
|
|
74
32
|
//# 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":"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"}
|
package/Inputs/common.js
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
/* eslint-disable require-unicode-regexp */
|
|
3
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
+
exports.clearFloatOnBlur = exports.getFloatValueToStore = void 0;
|
|
5
|
+
var isFloat = function (raw) {
|
|
6
|
+
var floatRegex = /^-?\d+(?:[.]\d*?)?$/;
|
|
7
|
+
return floatRegex.test(raw);
|
|
8
|
+
}, floatToEnglishComma = function (raw) { return String(raw).replace(",", "."); }, floatToLocalComma = function (raw) { return String(raw).replace(".", ","); };
|
|
9
|
+
var getFloatValueToStore = function (raw) {
|
|
10
|
+
var parsedFloat = floatToEnglishComma(raw), parsedValue = parseFloat(parsedFloat), canGetNumericValue = isFloat(parsedFloat) && !isNaN(parsedValue);
|
|
11
|
+
if (canGetNumericValue) {
|
|
12
|
+
return parsedValue;
|
|
13
|
+
}
|
|
14
|
+
return 0;
|
|
15
|
+
}, clearFloatOnBlur = function (value) {
|
|
16
|
+
var parts = floatToLocalComma(value).split(","), shouldRemoveComma = parts.length === 2 && (parts[1] === "" || Number(parts[1]) === 0), shouldCutTo2Decimals = parts.length === 2 && parts[1].length > 2;
|
|
17
|
+
if (shouldRemoveComma) {
|
|
18
|
+
return parts[0];
|
|
19
|
+
}
|
|
20
|
+
if (shouldCutTo2Decimals) {
|
|
21
|
+
var beforeDot = parts[0], afterDot = parts[1].substring(0, 2);
|
|
22
|
+
return "".concat(beforeDot, ",").concat(afterDot);
|
|
23
|
+
}
|
|
24
|
+
return value;
|
|
25
|
+
};
|
|
26
|
+
exports.getFloatValueToStore = getFloatValueToStore, exports.clearFloatOnBlur = clearFloatOnBlur;
|
|
27
|
+
//# sourceMappingURL=common.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/Inputs/common.js"],"names":[],"mappings":";AAAA,2CAA2C;;;AAE3C,IACE,OAAO,GAAG,UAAC,GAAG;IACZ,IAAM,UAAU,GAAG,qBAAqB,CAAC;IAEzC,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC9B,CAAC,EACD,mBAAmB,GAAG,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAA7B,CAA6B,EAC5D,iBAAiB,GAAG,UAAC,GAAG,IAAK,OAAA,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,EAA7B,CAA6B,CAAC;AAEtD,IACL,oBAAoB,GAAG,UAAC,GAAG;IACzB,IACE,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;QACtB,OAAO,WAAW,CAAC;KACpB;IAED,OAAO,CAAC,CAAC;AACX,CAAC,EACD,gBAAgB,GAAG,UAAC,KAAK;IACvB,IACE,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,CAAC,CAAC;IAEnE,IAAI,iBAAiB,EAAE;QACrB,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;KACjB;IAED,IAAI,oBAAoB,EAAE;QAErB,IAAA,SAAS,GAAI,KAAK,GAAT,EACV,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAEtC,OAAO,UAAG,SAAS,cAAI,QAAQ,CAAE,CAAC;KACnC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AA/BF,QAAA,oBAAoB,yBAYpB,QAAA,gBAAgB,oBAmBd"}
|
package/Messages/Error.js
CHANGED
|
@@ -29,7 +29,12 @@ var LargeErrorMessage = function (_a) {
|
|
|
29
29
|
react_1.default.createElement("div", { className: "col-md-8 col-xl-5" },
|
|
30
30
|
react_1.default.createElement("h3", null, message),
|
|
31
31
|
react_1.default.createElement("div", { className: "mt-3 text-muted" }, itemNotFound ? utility_1.words.ErrorNeverExisted : details || utility_1.words.ErrorConnection),
|
|
32
|
-
react_1.default.createElement("div", { className: "text-right mt-3" }, typeof onRetry === "undefined" ? null : (react_1.default.createElement("button", { className: "btn btn-primary", onClick: onRetry, type: "button" }, utility_1.words.TryAgain)))
|
|
32
|
+
react_1.default.createElement("div", { className: "text-right mt-3" }, typeof onRetry === "undefined" ? null : (react_1.default.createElement("button", { className: "btn btn-primary", onClick: onRetry, type: "button" }, utility_1.words.TryAgain))),
|
|
33
|
+
react_1.default.createElement("div", { className: "text-center mt-3 border-top pt-2 text-muted small" },
|
|
34
|
+
utility_1.words.IfThisIsErrorPersist,
|
|
35
|
+
react_1.default.createElement("a", { href: "/" },
|
|
36
|
+
" ",
|
|
37
|
+
utility_1.words.ThisPage))))));
|
|
33
38
|
};
|
|
34
39
|
exports.LargeErrorMessage = LargeErrorMessage;
|
|
35
40
|
//# sourceMappingURL=Error.js.map
|
package/Messages/Error.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../src/Messages/Error.tsx"],"names":[],"mappings":";;;;;;AAMA,gDAA0B;AAC1B,sCAAmC;AAE5B,IAAM,YAAY,GAAG,UAAC,EAGT;QAFlB,OAAO,aAAA,EACP,OAAO,aAAA;IACgB,OAAA,CACvB,uCAAK,SAAS,EAAC,+BAA+B;QAC5C,uCAAK,SAAS,EAAC,KAAK;YAClB,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,qCAAG,SAAS,EAAC,kCAAkC,GAAG,CAC9C;YACN,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,0CACG,OAAO,CACL,CACD;YACN,uCAAK,SAAS,EAAC,2BAA2B,IACvC,OAAO,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACvC,0CAAQ,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ;gBACxE,wCAAM,SAAS,EAAC,gBAAgB,IAC7B,eAAK,CAAC,QAAQ,CACV;gBACP,wCAAM,SAAS,EAAC,sBAAsB;oBACpC,qCAAG,SAAS,EAAC,eAAe,GAAG,CAC1B,CACA,CACV,CACG,CACF,CACF,CACP;AAzBwB,CAyBxB,CAAC;AA5BW,QAAA,YAAY,gBA4BvB;AACK,IAAM,iBAAiB,GAAG,UAAC,EAKd;QAJlB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,YAAY,kBAAA;IACW,OAAA,CACvB,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCAAK,SAAS,EAAC,KAAK;YAClB,uCAAK,SAAS,EAAC,oEAAoE;gBACjF,qCAAG,SAAS,EAAC,kCAAkC,GAAG,CAC9C;YACN,uCAAK,SAAS,EAAC,mBAAmB;gBAChC,0CACG,OAAO,CACL;gBACL,uCAAK,SAAS,EAAC,iBAAiB,IAC7B,YAAY,CAAC,CAAC,CAAC,eAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,IAAI,eAAK,CAAC,eAAe,CACtE;gBACN,uCAAK,SAAS,EAAC,iBAAiB,IAC7B,OAAO,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACvC,0CAAQ,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,IAChE,eAAK,CAAC,QAAQ,CACR,CACV,CACG,CACF,CACF,CACF,CACP;
|
|
1
|
+
{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../src/Messages/Error.tsx"],"names":[],"mappings":";;;;;;AAMA,gDAA0B;AAC1B,sCAAmC;AAE5B,IAAM,YAAY,GAAG,UAAC,EAGT;QAFlB,OAAO,aAAA,EACP,OAAO,aAAA;IACgB,OAAA,CACvB,uCAAK,SAAS,EAAC,+BAA+B;QAC5C,uCAAK,SAAS,EAAC,KAAK;YAClB,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,qCAAG,SAAS,EAAC,kCAAkC,GAAG,CAC9C;YACN,uCAAK,SAAS,EAAC,gBAAgB;gBAC7B,0CACG,OAAO,CACL,CACD;YACN,uCAAK,SAAS,EAAC,2BAA2B,IACvC,OAAO,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACvC,0CAAQ,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ;gBACxE,wCAAM,SAAS,EAAC,gBAAgB,IAC7B,eAAK,CAAC,QAAQ,CACV;gBACP,wCAAM,SAAS,EAAC,sBAAsB;oBACpC,qCAAG,SAAS,EAAC,eAAe,GAAG,CAC1B,CACA,CACV,CACG,CACF,CACF,CACP;AAzBwB,CAyBxB,CAAC;AA5BW,QAAA,YAAY,gBA4BvB;AACK,IAAM,iBAAiB,GAAG,UAAC,EAKd;QAJlB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,YAAY,kBAAA;IACW,OAAA,CACvB,uCAAK,SAAS,EAAC,gBAAgB;QAC7B,uCAAK,SAAS,EAAC,KAAK;YAClB,uCAAK,SAAS,EAAC,oEAAoE;gBACjF,qCAAG,SAAS,EAAC,kCAAkC,GAAG,CAC9C;YACN,uCAAK,SAAS,EAAC,mBAAmB;gBAChC,0CACG,OAAO,CACL;gBACL,uCAAK,SAAS,EAAC,iBAAiB,IAC7B,YAAY,CAAC,CAAC,CAAC,eAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,IAAI,eAAK,CAAC,eAAe,CACtE;gBACN,uCAAK,SAAS,EAAC,iBAAiB,IAC7B,OAAO,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACvC,0CAAQ,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,IAChE,eAAK,CAAC,QAAQ,CACR,CACV,CACG;gBACN,uCAAK,SAAS,EAAC,mDAAmD;oBAC/D,eAAK,CAAC,oBAAoB;oBAC3B,qCAAG,IAAI,EAAC,GAAG;;wBAAG,eAAK,CAAC,QAAQ,CAAK,CAC7B,CACF,CACF,CACF,CACP;AA3BwB,CA2BxB,CAAC;AAhCW,QAAA,iBAAiB,qBAgC5B"}
|
package/dev/TheError.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
declare type TheErrorProps = {
|
|
3
3
|
readonly error: ErrorType | null | undefined;
|
|
4
|
-
readonly
|
|
5
|
-
readonly
|
|
6
|
-
readonly
|
|
7
|
-
readonly
|
|
4
|
+
readonly handleKey?: (event: KeyboardEvent) => void;
|
|
5
|
+
readonly info?: InfoType | null | undefined;
|
|
6
|
+
readonly status?: string | null | undefined;
|
|
7
|
+
readonly refresh: () => any;
|
|
8
8
|
};
|
|
9
9
|
import type { ErrorType, InfoType } from "./types";
|
|
10
10
|
declare const TheError: (props: TheErrorProps) => JSX.Element;
|