react-hook-core 0.1.23 → 0.1.25

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 (3) hide show
  1. package/lib/index.js +16 -29
  2. package/package.json +1 -1
  3. package/src/index.ts +16 -27
package/lib/index.js CHANGED
@@ -52,9 +52,8 @@ exports.Loading = function (props) {
52
52
  return (React.createElement('div', { className: 'loader-wrapper' }, React.createElement('div', { className: 'loader-sign', style: loadingStyle }, React.createElement('div', { className: 'loader' }))));
53
53
  }
54
54
  };
55
- exports.NumberInput = function (props) {
56
- var _a;
57
- var _b = react_1.useState(undefined), state = _b[0], setState = _b[1];
55
+ exports.CurrencyInput = function (props) {
56
+ var _a = react_1.useState(undefined), state = _a[0], setState = _a[1];
58
57
  react_1.useEffect(function () {
59
58
  setState(props.value);
60
59
  }, [props.value]);
@@ -68,32 +67,20 @@ exports.NumberInput = function (props) {
68
67
  props.onChangeNumber(parseFloat(v1));
69
68
  }
70
69
  };
71
- var ip = (_a = {
72
- value: state,
73
- className: props === null || props === void 0 ? void 0 : props.className,
74
- name: props === null || props === void 0 ? void 0 : props.name,
75
- onChange: onChange,
76
- disabled: props === null || props === void 0 ? void 0 : props.disabled
77
- },
78
- _a['data-field'] = props['data-field'],
79
- _a.min = props === null || props === void 0 ? void 0 : props.min,
80
- _a.max = props === null || props === void 0 ? void 0 : props.max,
81
- _a.type = props === null || props === void 0 ? void 0 : props.type,
82
- _a.onBlur = function (e) {
83
- if (props.allowZero && e.target.value === '0') {
84
- setState('0');
85
- return;
86
- }
87
- if (props.locale && props.currencyOnBlur) {
88
- props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol);
89
- }
90
- setTimeout(function () {
91
- var v2 = e.target.value;
92
- setState(v2);
93
- }, 50);
94
- },
95
- _a);
96
- return React.createElement("input", { className: ip.className, type: ip.type, name: ip.name, onChange: ip.onChange, disabled: ip.disabled, "data-field": ip['data-field'], min: ip.min, max: ip.max, value: state });
70
+ var onBlur = function (e) {
71
+ if (props.allowZero && e.target.value === '0') {
72
+ setState('0');
73
+ return;
74
+ }
75
+ if (props.locale && props.currencyOnBlur) {
76
+ props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol);
77
+ }
78
+ setTimeout(function () {
79
+ var v2 = e.target.value;
80
+ setState(v2);
81
+ }, 50);
82
+ };
83
+ return React.createElement("input", { className: props.className, onBlur: onBlur, type: props.type, name: props.name, onChange: props.onChange ? props.onChange : onChange, disabled: props.disabled, "data-field": props['data-field'], min: props.min, max: props.max, value: state });
97
84
  };
98
85
  function formatDate(date, format) {
99
86
  if (!date) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-hook-core",
3
- "version": "0.1.23",
3
+ "version": "0.1.25",
4
4
  "description": "react",
5
5
  "main": "./lib/index.js",
6
6
  "types": "./src/index.ts",
package/src/index.ts CHANGED
@@ -105,7 +105,7 @@ interface InputProps {
105
105
  max?: string|number;
106
106
  allowZero?: boolean;
107
107
  }
108
- export const NumberInput = (props: InputProps) => {
108
+ export const CurrencyInput = (props: InputProps) => {
109
109
  const [state, setState] = useState<string|undefined>(undefined);
110
110
  useEffect(() => {
111
111
  setState(props.value);
@@ -120,32 +120,21 @@ export const NumberInput = (props: InputProps) => {
120
120
  props.onChangeNumber(parseFloat(v1));
121
121
  }
122
122
  };
123
- const ip = {
124
- value: state,
125
- className: props?.className,
126
- name: props?.name,
127
- onChange,
128
- disabled: props?.disabled,
129
- ['data-field']: props['data-field'],
130
- min: props?.min,
131
- max: props?.max,
132
- type: props?.type,
133
- onBlur: (e: FocusEvent<HTMLInputElement>) => {
134
- if (props.allowZero && e.target.value === '0') {
135
- setState('0');
136
- return;
137
- }
138
- if (props.locale && props.currencyOnBlur) {
139
- props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol);
140
- }
141
- setTimeout(() => {
142
- const v2 = e.target.value;
143
- setState(v2);
144
- }, 50);
145
- },
146
- };
147
- // return <input className={ip.className} type={ip.type} name={ip.name} onChange={ip.onChange} disabled={ip.disabled} data-field={ip['data-field']} min={ip.min} max={ip.max} value={state} />;
148
- return React.createElement("input", { className: ip.className, type: ip.type, name: ip.name, onChange: ip.onChange, disabled: ip.disabled, "data-field": ip['data-field'], min: ip.min, max: ip.max, value: state });
123
+ const onBlur = (e: FocusEvent<HTMLInputElement>) => {
124
+ if (props.allowZero && e.target.value === '0') {
125
+ setState('0');
126
+ return;
127
+ }
128
+ if (props.locale && props.currencyOnBlur) {
129
+ props.currencyOnBlur(e, props.locale, props.currencyCode, props.symbol);
130
+ }
131
+ setTimeout(() => {
132
+ const v2 = e.target.value;
133
+ setState(v2);
134
+ }, 50);
135
+ }
136
+ // return <input className={props.className} onBlur={onBlur} type={props.type} name={props.name} onChange={props.onChange ? props.onChange : onChange} disabled={props.disabled} data-field={props['data-field']} min={props.min} max={props.max} value={state} />;
137
+ return React.createElement("input", { className: props.className, onBlur: onBlur, type: props.type, name: props.name, onChange: props.onChange ? props.onChange : onChange , disabled: props.disabled, "data-field": props['data-field'], min: props.min, max: props.max, value: state });
149
138
  };
150
139
  export type OnClick = React.MouseEvent<HTMLElement, MouseEvent>;
151
140
  export function formatDate(date: Date | null | undefined, format: string): string {