namirasoft-site-react 1.4.381 → 1.4.382
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { HTMLInputAutoCompleteAttribute } from "react";
|
|
2
2
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
3
3
|
import { IValidationProps } from "../props/IValidationProps";
|
|
4
4
|
import { IValidationStringProps } from "../props/IValidationStringProps";
|
|
@@ -6,6 +6,7 @@ import { INSBoxBaseLayoutProps, NSBoxBaseLayout } from "./NSBoxBaseLayout";
|
|
|
6
6
|
import { INSBox } from "./INSBox";
|
|
7
7
|
export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<NSBoxPassword, string> {
|
|
8
8
|
input?: IBaseComponentProps;
|
|
9
|
+
auto_complete?: HTMLInputAutoCompleteAttribute | undefined;
|
|
9
10
|
}
|
|
10
11
|
export interface NSBoxPasswordState {
|
|
11
12
|
value: string | null;
|
|
@@ -53,7 +53,7 @@ export class NSBoxPassword extends React.Component {
|
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
55
|
});
|
|
56
|
-
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: (_a = this.props.input) === null || _a === void 0 ? void 0 : _a.id, name: (_b = this.props.input) === null || _b === void 0 ? void 0 : _b.name, type: this.state.show ? "text" : "password", className: `${StylesNSBox.ns_box_input} ${(_e = (_d = (_c = this.props.input) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.join(" ")) !== null && _e !== void 0 ? _e : ""}`, placeholder: (_f = this.props.placeholder) !== null && _f !== void 0 ? _f : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_g = this.state.value) !== null && _g !== void 0 ? _g : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, style: Object.assign({ background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`, backgroundSize: "24px" }, (_h = this.props.input) === null || _h === void 0 ? void 0 : _h.style) }) })));
|
|
56
|
+
return (_jsx(NSBoxBaseLayout, Object.assign({ ref: this.NSBoxBaseLayout_Main }, this.props, { menu: menu, children: _jsx("input", { id: (_a = this.props.input) === null || _a === void 0 ? void 0 : _a.id, name: (_b = this.props.input) === null || _b === void 0 ? void 0 : _b.name, type: this.state.show ? "text" : "password", className: `${StylesNSBox.ns_box_input} ${(_e = (_d = (_c = this.props.input) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.join(" ")) !== null && _e !== void 0 ? _e : ""}`, placeholder: (_f = this.props.placeholder) !== null && _f !== void 0 ? _f : `Please enter ${NamingConvention.auto.convert(this.props.title, NamingConvention.lower_case_space)}`, value: (_g = this.state.value) !== null && _g !== void 0 ? _g : "", onChange: e => this.setValue(e.target.value), onClick: () => { var _a, _b; (_b = (_a = this.props).onClicked) === null || _b === void 0 ? void 0 : _b.call(_a, this); }, autoComplete: this.props.auto_complete, style: Object.assign({ background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`, backgroundSize: "24px" }, (_h = this.props.input) === null || _h === void 0 ? void 0 : _h.style) }) })));
|
|
57
57
|
}
|
|
58
58
|
}
|
|
59
59
|
//# sourceMappingURL=NSBoxPassword.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,EAAE,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"NSBoxPassword.js","sourceRoot":"","sources":["../../src/components/NSBoxPassword.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
|
|
3
|
-
import React, { createRef } from "react";
|
|
3
|
+
import React, { createRef, HTMLInputAutoCompleteAttribute } from "react";
|
|
4
4
|
import StylesNSBox from "./NSBox.module.css";
|
|
5
5
|
import { IBaseComponentProps } from "../props/IBaseComponentProps";
|
|
6
6
|
import { IValidationProps } from "../props/IValidationProps";
|
|
@@ -14,6 +14,7 @@ import { INSBox } from "./INSBox";
|
|
|
14
14
|
export interface NSBoxPasswordProps extends IBaseComponentProps, IValidationProps, IValidationStringProps, INSBoxBaseLayoutProps<NSBoxPassword, string>
|
|
15
15
|
{
|
|
16
16
|
input?: IBaseComponentProps;
|
|
17
|
+
auto_complete?: HTMLInputAutoCompleteAttribute | undefined;
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
export interface NSBoxPasswordState
|
|
@@ -95,6 +96,7 @@ export class NSBoxPassword extends React.Component<NSBoxPasswordProps, NSBoxPass
|
|
|
95
96
|
value={this.state.value ?? ""}
|
|
96
97
|
onChange={e => this.setValue(e.target.value)}
|
|
97
98
|
onClick={() => { this.props.onClicked?.(this); }}
|
|
99
|
+
autoComplete={this.props.auto_complete}
|
|
98
100
|
style={{
|
|
99
101
|
background: `url("https://static.namirasoft.com/image/concept/type/password.png") white no-repeat scroll center right 4px`,
|
|
100
102
|
backgroundSize: "24px",
|