x25 17.3.22 → 17.3.23
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.
|
@@ -15,7 +15,7 @@ declare type InputTemplatePropTypes = {
|
|
|
15
15
|
readonly tabIndex?: string;
|
|
16
16
|
readonly left?: string;
|
|
17
17
|
readonly right?: string;
|
|
18
|
-
readonly
|
|
18
|
+
readonly inputRef?: (callback: (node: any) => void) => void;
|
|
19
19
|
};
|
|
20
|
-
export declare const InputTemplate: ({ input, theType, label,
|
|
20
|
+
export declare const InputTemplate: ({ input, theType, label, inputRef, autoFocus, inputClass, divClass, placeholder, left, tabIndex, right, meta: { submitting, touched, error }, }: InputTemplatePropTypes) => JSX.Element;
|
|
21
21
|
export {};
|
package/Inputs/InputTemplate.js
CHANGED
|
@@ -18,14 +18,14 @@ exports.InputTemplate = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
var InputTemplate = function (_a) {
|
|
21
|
-
var input = _a.input, theType = _a.theType, label = _a.label,
|
|
21
|
+
var input = _a.input, theType = _a.theType, label = _a.label, inputRef = _a.inputRef, autoFocus = _a.autoFocus, inputClass = _a.inputClass, divClass = _a.divClass, placeholder = _a.placeholder, left = _a.left, tabIndex = _a.tabIndex, right = _a.right, _b = _a.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error;
|
|
22
22
|
var warningClass = "".concat(touched && error ? " is-invalid" : ""), customClass = "".concat(inputClass ? " ".concat(inputClass) : ""), classForInput = "form-control ".concat(warningClass).concat(customClass), classForDiv = "form-group row mt-md-2 ".concat(divClass ? divClass : "");
|
|
23
23
|
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(classForDiv, {
|
|
24
24
|
"is-invalid": touched && error,
|
|
25
25
|
}) },
|
|
26
26
|
react_1.default.createElement("label", { className: "".concat(left ? left : "col-md-4 text-md-right", " form-control-label"), htmlFor: input.name }, label),
|
|
27
27
|
react_1.default.createElement("div", { className: right ? right : "col-md-8" },
|
|
28
|
-
react_1.default.createElement("input", __assign({}, input, { "aria-label": label, autoComplete: input.name, autoFocus: autoFocus, className: classForInput, disabled: submitting, id: input.name, placeholder: placeholder, ref:
|
|
28
|
+
react_1.default.createElement("input", __assign({}, input, { "aria-label": label, autoComplete: input.name, autoFocus: autoFocus, className: classForInput, disabled: submitting, id: input.name, placeholder: placeholder, ref: inputRef ? inputRef : null, tabIndex: tabIndex, type: theType })),
|
|
29
29
|
react_1.default.createElement("div", { className: "invalid-feedback" }, touched && error ? (react_1.default.createElement("span", null, error)) : null))));
|
|
30
30
|
};
|
|
31
31
|
exports.InputTemplate = InputTemplate;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputTemplate.js","sourceRoot":"","sources":["../../src/Inputs/InputTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,gDAA0B;AAC1B,0DAAoC;AAE7B,IAAM,aAAa,GAAG,UAAC,EAIL;QAHvB,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,
|
|
1
|
+
{"version":3,"file":"InputTemplate.js","sourceRoot":"","sources":["../../src/Inputs/InputTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkBA,gDAA0B;AAC1B,0DAAoC;AAE7B,IAAM,aAAa,GAAG,UAAC,EAIL;QAHvB,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAChE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAClC,YAAoC,EAA5B,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IAElC,IACE,YAAY,GAAG,UAAG,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAE,EACzD,WAAW,GAAG,UAAG,UAAU,CAAC,CAAC,CAAC,WAAI,UAAU,CAAE,CAAC,CAAC,CAAC,EAAE,CAAE,EACrD,aAAa,GAAG,uBAAgB,YAAY,SAAG,WAAW,CAAE,EAC5D,WAAW,GAAG,iCAA0B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC;IAErE,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE;YACtC,YAAY,EAAE,OAAO,IAAI,KAAK;SAC/B,CAAC;QACA,yCACE,SAAS,EAAE,UAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,wBAAwB,wBAAqB,EACzE,OAAO,EAAE,KAAK,CAAC,IAAI,IAClB,KAAK,CACA;QACR,uCAAK,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;YACxC,oDACM,KAAK,kBACG,KAAK,EACjB,YAAY,EAAE,KAAK,CAAC,IAAI,EACxB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,UAAU,EACpB,EAAE,EAAE,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,WAAW,EACxC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAC/B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,IACb;YACF,uCAAK,SAAS,EAAC,kBAAkB,IAC9B,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAClB,4CACG,KAAK,CACD,CACR,CAAC,CAAC,CAAC,IAAI,CACJ,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,aAAa,iBA2CxB"}
|
package/Inputs/SimpleInput.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ export declare type SimpleInputPropTypes = {
|
|
|
5
5
|
readonly theType?: "input" | "password";
|
|
6
6
|
readonly tabIndex?: string;
|
|
7
7
|
readonly label?: string;
|
|
8
|
+
readonly inputRef?: (callback: (node: any) => void) => void;
|
|
8
9
|
readonly meta: {
|
|
9
10
|
submitting: boolean;
|
|
10
11
|
touched: boolean;
|
|
@@ -12,4 +13,4 @@ export declare type SimpleInputPropTypes = {
|
|
|
12
13
|
};
|
|
13
14
|
readonly placeholder?: string;
|
|
14
15
|
};
|
|
15
|
-
export declare const SimpleInput: ({ customClass, input, label, tabIndex, placeholder, theType, meta: { submitting, touched, error }, }: SimpleInputPropTypes) => JSX.Element;
|
|
16
|
+
export declare const SimpleInput: ({ customClass, input, label, tabIndex, placeholder, theType, inputRef, meta: { submitting, touched, error }, }: SimpleInputPropTypes) => JSX.Element;
|
package/Inputs/SimpleInput.js
CHANGED
|
@@ -18,10 +18,10 @@ exports.SimpleInput = void 0;
|
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
20
20
|
var SimpleInput = function (_a) {
|
|
21
|
-
var customClass = _a.customClass, input = _a.input, label = _a.label, tabIndex = _a.tabIndex, placeholder = _a.placeholder, theType = _a.theType, _b = _a.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error;
|
|
21
|
+
var customClass = _a.customClass, input = _a.input, label = _a.label, tabIndex = _a.tabIndex, placeholder = _a.placeholder, theType = _a.theType, inputRef = _a.inputRef, _b = _a.meta, submitting = _b.submitting, touched = _b.touched, error = _b.error;
|
|
22
22
|
return (react_1.default.createElement("input", __assign({}, input, { "aria-label": label, autoComplete: input.name, className: (0, classnames_1.default)("form-control ".concat(customClass || ""), {
|
|
23
23
|
"is-invalid": touched && error,
|
|
24
|
-
}), disabled: submitting, id: input.name, placeholder: placeholder || label, tabIndex: tabIndex, type: theType })));
|
|
24
|
+
}), disabled: submitting, id: input.name, placeholder: placeholder || label, ref: inputRef ? inputRef : null, tabIndex: tabIndex, type: theType })));
|
|
25
25
|
};
|
|
26
26
|
exports.SimpleInput = SimpleInput;
|
|
27
27
|
//# sourceMappingURL=SimpleInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleInput.js","sourceRoot":"","sources":["../../src/Inputs/SimpleInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SimpleInput.js","sourceRoot":"","sources":["../../src/Inputs/SimpleInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAeA,gDAA0B;AAC1B,0DAAoC;AAE7B,IAAM,WAAW,GAAG,UAAC,EAGL;QAFrB,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EACnE,YAAoC,EAA5B,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACR,OAAA,CAC1B,oDACM,KAAK,kBACG,KAAK,EACjB,YAAY,EAAE,KAAK,CAAC,IAAI,EACxB,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAgB,WAAW,IAAI,EAAE,CAAE,EAAE;YACzD,YAAY,EAAE,OAAO,IAAI,KAAK;SAC/B,CAAC,EAAE,QAAQ,EAAE,UAAU,EACxB,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,WAAW,EAAE,WAAW,IAAI,KAAK,EACjC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAC/B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,OAAO,IAAI,CACpB;AAb2B,CAa3B,CAAC;AAhBW,QAAA,WAAW,eAgBtB"}
|
package/package.json
CHANGED