namirasoft-site-react 1.3.42 → 1.3.43

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.
Files changed (5) hide show
  1. package/dist/components/NSInputDate.d.ts +4 -2
  2. package/dist/components/NSInputDate.js +9 -7
  3. package/dist/components/NSInputDate.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/NSInputDate.tsx +11 -7
package/dist/components/NSInputDate.d.ts CHANGED
@@ -1,14 +1,16 @@
1
1
  import React from "react";
2
2
  export interface NSInputDateProps {
3
3
  title: string;
4
+ defaultValue?: string;
5
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
4
6
  }
5
7
  export interface NSInputDateState {
6
8
  value: string;
7
9
  }
8
10
  export declare class NSInputDate extends React.Component<NSInputDateProps, NSInputDateState> {
9
11
  constructor(props: NSInputDateProps);
10
- setValue(e: React.ChangeEvent<HTMLInputElement>): void;
11
- setDefaultValue(value: string): void;
12
12
  getValue(): string;
13
+ setValue(value: string): void;
14
+ private onChanged;
13
15
  render(): import("react/jsx-runtime").JSX.Element;
14
16
  }
package/dist/components/NSInputDate.js CHANGED
@@ -10,19 +10,21 @@ export class NSInputDate extends React.Component {
10
10
  };
11
11
  this.setValue = this.setValue.bind(this);
12
12
  this.getValue = this.getValue.bind(this);
13
- this.setDefaultValue = this.setDefaultValue.bind(this);
13
+ this.onChanged = this.onChanged.bind(this);
14
14
  }
15
- setValue(e) {
16
- this.setState({ value: e.target.value });
15
+ getValue() {
16
+ return this.state.value;
17
17
  }
18
- setDefaultValue(value) {
18
+ setValue(value) {
19
19
  this.setState({ value });
20
20
  }
21
- getValue() {
22
- return this.state.value;
21
+ onChanged(e) {
22
+ this.setValue(e.target.value);
23
+ if (this.props.onChanged)
24
+ this.props.onChanged(e);
23
25
  }
24
26
  render() {
25
- return (_jsxs("div", { className: `${Styles.ns_parent_input} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("input", { value: this.state.value, onChange: this.setValue, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD", id: "ns-input-date" })] }));
27
+ return (_jsxs("div", { className: `${Styles.ns_parent_input} p-2`, children: [_jsx("span", { className: Styles.ns_input_title, children: this.props.title }), _jsx("input", { value: this.state.value, onChange: this.onChanged, type: "date", className: Styles.ns_input, placeholder: "YYYY/MM/DD", id: "ns-input-date" })] }));
26
28
  }
27
29
  }
28
30
  //# sourceMappingURL=NSInputDate.js.map
package/dist/components/NSInputDate.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAY9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3D,CAAC;IACD,QAAQ,CAAC,CAAsC;QAE3C,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC7C,CAAC;IACD,eAAe,CAAC,KAAa;QAEzB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,GACpB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
1
+ {"version":3,"file":"NSInputDate.js","sourceRoot":"","sources":["../../src/components/NSInputDate.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,0BAA0B,CAAC;AAc9C,MAAM,OAAO,WAAY,SAAQ,KAAK,CAAC,SAA6C;IAChF,YAAY,KAAuB;QAE/B,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,EAAE;SACZ,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IACD,QAAQ;QAEJ,OAAO,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;IAC5B,CAAC;IACD,QAAQ,CAAC,KAAa;QAElB,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAC7B,CAAC;IACO,SAAS,CAAC,CAAsC;QAEpD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;YACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAChC,CAAC;IACQ,MAAM;QAEX,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,MAAM,aAC3C,eAAM,SAAS,EAAE,MAAM,CAAC,cAAc,YAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAQ,EACjE,gBACI,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,SAAS,EACxB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,QAAQ,EAC1B,WAAW,EAAC,YAAY,EACxB,EAAE,EAAC,eAAe,GACpB,IACA,CACT,CAAC;IACN,CAAC;CACJ"}
package/package.json CHANGED
@@ -8,7 +8,7 @@
8
8
  "framework": "npm",
9
9
  "application": "package",
10
10
  "private": false,
11
- "version": "1.3.42",
11
+ "version": "1.3.43",
12
12
  "author": "Amir Abolhasani, Alireza Esmaeeli, Hooman Shashaeh",
13
13
  "license": "MIT",
14
14
  "main": "./dist/main.js",
package/src/components/NSInputDate.tsx CHANGED
@@ -6,6 +6,8 @@ import Styles from "./NSInputDate.module.css";
6
6
  export interface NSInputDateProps
7
7
  {
8
8
  title: string;
9
+ defaultValue?: string;
10
+ onChanged?: (e: React.ChangeEvent<HTMLInputElement>) => void;
9
11
  }
10
12
 
11
13
  export interface NSInputDateState
@@ -22,19 +24,21 @@ export class NSInputDate extends React.Component<NSInputDateProps, NSInputDateSt
22
24
  };
23
25
  this.setValue = this.setValue.bind(this);
24
26
  this.getValue = this.getValue.bind(this);
25
- this.setDefaultValue = this.setDefaultValue.bind(this);
27
+ this.onChanged = this.onChanged.bind(this);
26
28
  }
27
- setValue(e: React.ChangeEvent<HTMLInputElement>): void
29
+ getValue(): string
28
30
  {
29
- this.setState({ value: e.target.value });
31
+ return this.state.value;
30
32
  }
31
- setDefaultValue(value: string): void
33
+ setValue(value: string): void
32
34
  {
33
35
  this.setState({ value });
34
36
  }
35
- getValue(): string
37
+ private onChanged(e: React.ChangeEvent<HTMLInputElement>): void
36
38
  {
37
- return this.state.value;
39
+ this.setValue(e.target.value);
40
+ if (this.props.onChanged)
41
+ this.props.onChanged(e);
38
42
  }
39
43
  override render()
40
44
  {
@@ -43,7 +47,7 @@ export class NSInputDate extends React.Component<NSInputDateProps, NSInputDateSt
43
47
  <span className={Styles.ns_input_title}>{this.props.title}</span>
44
48
  <input
45
49
  value={this.state.value}
46
- onChange={this.setValue}
50
+ onChange={this.onChanged}
47
51
  type="date"
48
52
  className={Styles.ns_input}
49
53
  placeholder="YYYY/MM/DD"