react-hook-core 0.4.6 → 0.4.8

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/lib/state.js CHANGED
@@ -1,223 +1,214 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function (t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- var reflect_1 = require("./reflect");
15
- var util_1 = require("./util");
1
+ "use strict"
2
+ var __assign =
3
+ (this && this.__assign) ||
4
+ function () {
5
+ __assign =
6
+ Object.assign ||
7
+ function (t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i]
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]
11
+ }
12
+ return t
13
+ }
14
+ return __assign.apply(this, arguments)
15
+ }
16
+ Object.defineProperty(exports, "__esModule", { value: true })
17
+ var reflect_1 = require("./reflect")
18
+ var util_1 = require("./util")
16
19
  exports.enLocale = {
17
- 'id': 'en-US',
18
- 'countryCode': 'US',
19
- 'dateFormat': 'M/d/yyyy',
20
- 'firstDayOfWeek': 1,
21
- 'decimalSeparator': '.',
22
- 'groupSeparator': ',',
23
- 'decimalDigits': 2,
24
- 'currencyCode': 'USD',
25
- 'currencySymbol': '$',
26
- 'currencyPattern': 0
27
- };
20
+ id: "en-US",
21
+ countryCode: "US",
22
+ dateFormat: "M/d/yyyy",
23
+ firstDayOfWeek: 1,
24
+ decimalSeparator: ".",
25
+ groupSeparator: ",",
26
+ decimalDigits: 2,
27
+ currencyCode: "USD",
28
+ currencySymbol: "$",
29
+ currencyPattern: 0,
30
+ }
28
31
  function localeOf(lc, glc) {
29
- var l = lc;
32
+ var l = lc
30
33
  if (!l) {
31
34
  if (glc) {
32
- if (typeof glc === 'function') {
33
- l = glc();
34
- }
35
- else {
36
- l = glc;
35
+ if (typeof glc === "function") {
36
+ l = glc()
37
+ } else {
38
+ l = glc
37
39
  }
38
40
  }
39
41
  if (!l) {
40
- l = exports.enLocale;
42
+ l = exports.enLocale
41
43
  }
42
44
  }
43
- return l;
45
+ return l
44
46
  }
45
- exports.localeOf = localeOf;
47
+ exports.localeOf = localeOf
46
48
  function handleEvent(e, removeErr) {
47
- var ctrl = e.currentTarget;
48
- var type = ctrl.getAttribute('type');
49
- var isPreventDefault = type && (['checkbox', 'radio'].indexOf(type.toLowerCase()) >= 0 ? false : true);
49
+ var ctrl = e.currentTarget
50
+ var type = ctrl.getAttribute("type")
51
+ var isPreventDefault = type && (["checkbox", "radio"].indexOf(type.toLowerCase()) >= 0 ? false : true)
50
52
  if (isPreventDefault) {
51
- e.preventDefault();
53
+ e.preventDefault()
52
54
  }
53
- if (removeErr &&
54
- ctrl.nodeName === 'SELECT' &&
55
- ctrl.value &&
56
- ctrl.classList.contains('invalid')) {
57
- removeErr(ctrl);
55
+ if (removeErr && ctrl.nodeName === "SELECT" && ctrl.value && ctrl.classList.contains("invalid")) {
56
+ removeErr(ctrl)
58
57
  }
59
58
  }
60
- exports.handleEvent = handleEvent;
59
+ exports.handleEvent = handleEvent
61
60
  function handleProps(e, props, ctrl, modelName, tloc, prepareData) {
62
- var _a, _b, _c, _d;
61
+ var _a, _b, _c, _d
63
62
  if (props.setGlobalState) {
64
- var res = util_1.valueOf(ctrl, tloc, e.type);
63
+ var res = util_1.valueOf(ctrl, tloc, e.type)
65
64
  if (res.mustChange) {
66
- var dataField = ctrl.getAttribute('data-field');
67
- var field = (dataField ? dataField : ctrl.name);
68
- var propsDataForm = props[modelName];
69
- var form = ctrl.form;
65
+ var dataField = ctrl.getAttribute("data-field")
66
+ var field = dataField ? dataField : ctrl.name
67
+ var propsDataForm = props[modelName]
68
+ var form = ctrl.form
70
69
  if (form) {
71
- var formName = form.name;
72
- if (field.indexOf('.') < 0 && field.indexOf('[') < 0) {
73
- var data = props.shouldBeCustomized && prepareData ? prepareData((_a = {}, _a[ctrl.name] = res.value, _a)) : (_b = {}, _b[ctrl.name] = res.value, _b);
74
- props.setGlobalState((_c = {}, _c[formName] = __assign(__assign({}, propsDataForm), data), _c));
75
- }
76
- else {
77
- reflect_1.setValue(propsDataForm, field, ctrl.value);
78
- props.setGlobalState((_d = {}, _d[formName] = __assign({}, propsDataForm), _d));
70
+ var formName = form.name
71
+ if (field.indexOf(".") < 0 && field.indexOf("[") < 0) {
72
+ var data =
73
+ props.shouldBeCustomized && prepareData ? prepareData(((_a = {}), (_a[ctrl.name] = res.value), _a)) : ((_b = {}), (_b[ctrl.name] = res.value), _b)
74
+ props.setGlobalState(((_c = {}), (_c[formName] = __assign(__assign({}, propsDataForm), data)), _c))
75
+ } else {
76
+ reflect_1.setValue(propsDataForm, field, ctrl.value)
77
+ props.setGlobalState(((_d = {}), (_d[formName] = __assign({}, propsDataForm)), _d))
79
78
  }
80
79
  }
81
80
  }
82
81
  }
83
82
  }
84
- exports.handleProps = handleProps;
83
+ exports.handleProps = handleProps
85
84
  function buildState(e, state, ctrl, modelName, tloc) {
86
- var form = ctrl.form;
85
+ var form = ctrl.form
87
86
  if (form) {
88
- if (modelName && modelName !== '') {
89
- var type = ctrl.getAttribute('type');
90
- var ex = state[modelName];
91
- var dataField = ctrl.getAttribute('data-field');
92
- var field = (dataField ? dataField : ctrl.name);
93
- var model = Object.assign({}, ex);
94
- if (type && type.toLowerCase() === 'checkbox') {
95
- var value = model[field];
87
+ if (modelName && modelName !== "") {
88
+ var type = ctrl.getAttribute("type")
89
+ var ex = state[modelName]
90
+ var dataField = ctrl.getAttribute("data-field")
91
+ var field = dataField ? dataField : ctrl.name
92
+ var model = Object.assign({}, ex)
93
+ if (type && type.toLowerCase() === "checkbox") {
94
+ var value = model[field]
96
95
  if (ctrl.id && ctrl.name !== ctrl.id) {
97
96
  if (!value || !Array.isArray(value)) {
98
- value = [];
97
+ value = []
99
98
  }
100
- value.includes(ctrl.value) ? value = value.filter(function (v) { return v !== ctrl.value; }) : value.push(ctrl.value);
101
- model[field] = value;
102
- }
103
- else {
104
- var v = valueOfCheckbox(ctrl);
105
- model[field] = v;
106
- }
107
- var objSet = {};
108
- objSet[modelName] = model;
109
- return objSet;
110
- }
111
- else if (type && type.toLowerCase() === 'radio') {
112
- if (field.indexOf('.') < 0 && field.indexOf('[') < 0) {
113
- model[field] = ctrl.value;
99
+ value.includes(ctrl.value)
100
+ ? (value = value.filter(function (v) {
101
+ return v !== ctrl.value
102
+ }))
103
+ : value.push(ctrl.value)
104
+ model[field] = value
105
+ } else {
106
+ var v = valueOfCheckbox(ctrl)
107
+ model[field] = v
114
108
  }
115
- else {
116
- reflect_1.setValue(model, field, ctrl.value);
109
+ var objSet = {}
110
+ objSet[modelName] = model
111
+ return objSet
112
+ } else if (type && type.toLowerCase() === "radio") {
113
+ if (field.indexOf(".") < 0 && field.indexOf("[") < 0) {
114
+ model[field] = ctrl.value
115
+ } else {
116
+ reflect_1.setValue(model, field, ctrl.value)
117
117
  }
118
- var objSet = {};
119
- objSet[modelName] = model;
120
- return objSet;
121
- }
122
- else if (type && (type.toLowerCase() === 'date' || type.toLowerCase() === 'datetime-local')) {
123
- var objSet = {};
118
+ var objSet = {}
119
+ objSet[modelName] = model
120
+ return objSet
121
+ } else if (type && (type.toLowerCase() === "date" || type.toLowerCase() === "datetime-local")) {
122
+ var objSet = {}
124
123
  try {
125
- var selectedDate = new Date(ctrl.value);
126
- reflect_1.setValue(model, field, ctrl.value && ctrl.value !== '' ? selectedDate.toISOString() : null);
127
- objSet[modelName] = model;
128
- return objSet;
129
- }
130
- catch (error) {
131
- console.error('Error occurred while formatting date:', error);
124
+ var selectedDate = new Date(ctrl.value)
125
+ reflect_1.setValue(model, field, ctrl.value && ctrl.value !== "" ? selectedDate.toISOString() : null)
126
+ objSet[modelName] = model
127
+ return objSet
128
+ } catch (error) {
129
+ console.error("Error occurred while formatting date:", error)
132
130
  }
133
- return objSet;
134
- }
135
- else if (type && (type.toLowerCase() === 'time')) {
136
- var objSet = {};
131
+ return objSet
132
+ } else if (type && type.toLowerCase() === "time") {
133
+ var objSet = {}
137
134
  try {
138
- var selectedDate = new Date(ctrl.value);
139
- reflect_1.setValue(model, field, selectedDate.getTime());
140
- objSet[modelName] = model;
141
- return objSet;
142
- }
143
- catch (error) {
144
- console.error('Error occurred while formatting time:', error);
135
+ var selectedDate = new Date(ctrl.value)
136
+ reflect_1.setValue(model, field, selectedDate.getTime())
137
+ objSet[modelName] = model
138
+ return objSet
139
+ } catch (error) {
140
+ console.error("Error occurred while formatting time:", error)
145
141
  }
146
- return objSet;
147
- }
148
- else {
149
- if (ctrl.tagName === 'SELECT') {
150
- if (ctrl.value === '' || !ctrl.value) {
151
- ctrl.removeAttribute('data-value');
152
- }
153
- else {
154
- ctrl.setAttribute('data-value', 'data-value');
142
+ return objSet
143
+ } else {
144
+ if (ctrl.tagName === "SELECT") {
145
+ if (ctrl.value === "" || !ctrl.value) {
146
+ ctrl.removeAttribute("data-value")
147
+ } else {
148
+ ctrl.setAttribute("data-value", "data-value")
155
149
  }
156
150
  }
157
- var data = util_1.valueOf(ctrl, tloc, e.type);
151
+ var data = util_1.valueOf(ctrl, tloc, e.type)
158
152
  if (data.mustChange) {
159
- if (field.indexOf('.') < 0 && field.indexOf('[') < 0) {
160
- model[field] = data.value;
161
- }
162
- else {
163
- reflect_1.setValue(model, field, data.value);
153
+ if (field.indexOf(".") < 0 && field.indexOf("[") < 0) {
154
+ model[field] = data.value
155
+ } else {
156
+ reflect_1.setValue(model, field, data.value)
164
157
  }
165
- var objSet = {};
166
- objSet[modelName] = model;
167
- return objSet;
158
+ var objSet = {}
159
+ objSet[modelName] = model
160
+ return objSet
168
161
  }
169
162
  }
163
+ } else {
164
+ return buildFlatState(e, state, tloc)
170
165
  }
171
- else {
172
- return buildFlatState(e, state, tloc);
173
- }
174
- }
175
- else {
176
- buildFlatState(e, state, tloc);
166
+ } else {
167
+ buildFlatState(e, state, tloc)
177
168
  }
178
169
  }
179
- exports.buildState = buildState;
170
+ exports.buildState = buildState
180
171
  function valueOfCheckbox(ctrl) {
181
- var ctrlOnValue = ctrl.getAttribute('data-on-value');
182
- var ctrlOffValue = ctrl.getAttribute('data-off-value');
172
+ var ctrlOnValue = ctrl.getAttribute("data-on-value")
173
+ var ctrlOffValue = ctrl.getAttribute("data-off-value")
183
174
  if (ctrlOnValue && ctrlOffValue) {
184
- var onValue = ctrlOnValue ? ctrlOnValue : true;
185
- var offValue = ctrlOffValue ? ctrlOffValue : false;
186
- return ctrl.checked === true ? onValue : offValue;
187
- }
188
- else {
189
- return ctrl.checked === true;
175
+ var onValue = ctrlOnValue ? ctrlOnValue : true
176
+ var offValue = ctrlOffValue ? ctrlOffValue : false
177
+ return ctrl.checked === true ? onValue : offValue
178
+ } else {
179
+ return ctrl.checked === true
190
180
  }
191
181
  }
192
- exports.valueOfCheckbox = valueOfCheckbox;
182
+ exports.valueOfCheckbox = valueOfCheckbox
193
183
  function buildFlatState(e, state, l) {
194
- var _a;
195
- var ctrl = e.currentTarget;
196
- var stateName = ctrl.name;
197
- var objSet = {};
198
- var type = ctrl.getAttribute('type');
199
- if (type && type.toLowerCase() === 'checkbox') {
184
+ var _a
185
+ var ctrl = e.currentTarget
186
+ var stateName = ctrl.name
187
+ var objSet = {}
188
+ var type = ctrl.getAttribute("type")
189
+ if (type && type.toLowerCase() === "checkbox") {
200
190
  if (ctrl.id && stateName === ctrl.id) {
201
- var v = valueOfCheckbox(ctrl);
202
- objSet[stateName] = v;
203
- return objSet;
204
- }
205
- else {
206
- var value = state[stateName];
207
- value.includes(ctrl.value) ? value = value.filter(function (v) { return v !== ctrl.value; }) : value.push(ctrl.value);
208
- var objSet2 = (_a = {}, _a[ctrl.name] = value, _a);
209
- return objSet2;
191
+ var v = valueOfCheckbox(ctrl)
192
+ objSet[stateName] = v
193
+ return objSet
194
+ } else {
195
+ var value = state[stateName]
196
+ value.includes(ctrl.value)
197
+ ? (value = value.filter(function (v) {
198
+ return v !== ctrl.value
199
+ }))
200
+ : value.push(ctrl.value)
201
+ var objSet2 = ((_a = {}), (_a[ctrl.name] = value), _a)
202
+ return objSet2
210
203
  }
211
- }
212
- else {
213
- var data = util_1.valueOf(ctrl, l, e.type);
204
+ } else {
205
+ var data = util_1.valueOf(ctrl, l, e.type)
214
206
  if (data.mustChange) {
215
- objSet[stateName] = data.value;
216
- return objSet;
217
- }
218
- else {
219
- return undefined;
207
+ objSet[stateName] = data.value
208
+ return objSet
209
+ } else {
210
+ return undefined
220
211
  }
221
212
  }
222
213
  }
223
- exports.buildFlatState = buildFlatState;
214
+ exports.buildFlatState = buildFlatState
package/lib/update.js CHANGED
@@ -1,87 +1,92 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function (t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- var core_1 = require("./core");
15
- var merge_1 = require("./merge");
16
- var state_1 = require("./state");
17
- var react_1 = require("react");
18
- var m = "model";
1
+ "use strict"
2
+ var __assign =
3
+ (this && this.__assign) ||
4
+ function () {
5
+ __assign =
6
+ Object.assign ||
7
+ function (t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i]
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]
11
+ }
12
+ return t
13
+ }
14
+ return __assign.apply(this, arguments)
15
+ }
16
+ Object.defineProperty(exports, "__esModule", { value: true })
17
+ var react_1 = require("react")
18
+ var core_1 = require("./core")
19
+ var merge_1 = require("./merge")
20
+ var state_1 = require("./state")
21
+ var m = "model"
19
22
  var _getModelName = function (f2) {
20
- return core_1.getModelName(f2, m);
21
- };
23
+ return core_1.getModelName(f2, m)
24
+ }
22
25
  exports.useUpdate = function (initialState, getName, getLocale, removeErr) {
23
- var _a = merge_1.useMergeState(initialState), state = _a[0], setState = _a[1];
24
- var _b = react_1.useState(false), rerender = _b[0], setRerender = _b[1];
25
- react_1.useEffect(function () {
26
- setRerender(!rerender);
27
- }, [state]);
26
+ var _a = merge_1.useMergeState(initialState),
27
+ state = _a[0],
28
+ setState = _a[1]
29
+ var _b = react_1.useState(false),
30
+ rerender = _b[0],
31
+ setRerender = _b[1]
32
+ react_1.useEffect(
33
+ function () {
34
+ setRerender(!rerender)
35
+ },
36
+ [state],
37
+ )
28
38
  var updatePhoneState = function (event) {
29
- var re = /^[0-9\b]+$/;
30
- var target = event.currentTarget;
31
- var value = core_1.removePhoneFormat(target.value);
39
+ var re = /^[0-9\b]+$/
40
+ var target = event.currentTarget
41
+ var value = core_1.removePhoneFormat(target.value)
32
42
  if (re.test(value) || !value) {
33
- updateState(event);
34
- }
35
- else {
36
- var splitArr = value.split("");
37
- var responseStr_1 = "";
43
+ updateState(event)
44
+ } else {
45
+ var splitArr = value.split("")
46
+ var responseStr_1 = ""
38
47
  splitArr.forEach(function (element) {
39
48
  if (re.test(element)) {
40
- responseStr_1 += element;
49
+ responseStr_1 += element
41
50
  }
42
- });
43
- target.value = responseStr_1;
44
- updateState(event);
51
+ })
52
+ target.value = responseStr_1
53
+ updateState(event)
45
54
  }
46
- };
47
- var getModelName = typeof getName === "function" ? getName : _getModelName;
55
+ }
56
+ var getModelName = typeof getName === "function" ? getName : _getModelName
48
57
  var updateState = function (e, callback, lc) {
49
- var ctrl = e.currentTarget;
50
- var mn = m;
58
+ var ctrl = e.currentTarget
59
+ var mn = m
51
60
  if (getName) {
52
61
  if (typeof getName === "string") {
53
- mn = getName;
62
+ mn = getName
63
+ } else {
64
+ mn = getName(ctrl.form)
54
65
  }
55
- else {
56
- mn = getName(ctrl.form);
57
- }
58
- }
59
- else {
60
- mn = _getModelName(ctrl.form);
66
+ } else {
67
+ mn = _getModelName(ctrl.form)
61
68
  }
62
- var l = state_1.localeOf(lc, getLocale);
63
- state_1.handleEvent(e, removeErr);
64
- var objSet = state_1.buildState(e, state, ctrl, mn, l);
69
+ var l = state_1.localeOf(lc, getLocale)
70
+ state_1.handleEvent(e, removeErr)
71
+ var objSet = state_1.buildState(e, state, ctrl, mn, l)
65
72
  if (objSet) {
66
73
  if (callback) {
67
- setState(__assign({}, objSet), callback);
68
- }
69
- else {
70
- setState(objSet);
74
+ setState(__assign({}, objSet), callback)
75
+ } else {
76
+ setState(objSet)
71
77
  }
72
78
  }
73
- };
79
+ }
74
80
  var updateFlatState = function (e, callback, lc) {
75
- var objSet = state_1.buildFlatState(e, state, lc);
81
+ var objSet = state_1.buildFlatState(e, state, lc)
76
82
  if (objSet) {
77
83
  if (callback) {
78
- setState(objSet, callback);
79
- }
80
- else {
81
- setState(objSet);
84
+ setState(objSet, callback)
85
+ } else {
86
+ setState(objSet)
82
87
  }
83
88
  }
84
- };
89
+ }
85
90
  return {
86
91
  getModelName: getModelName,
87
92
  updateState: updateState,
@@ -90,5 +95,5 @@ exports.useUpdate = function (initialState, getName, getLocale, removeErr) {
90
95
  getLocale: getLocale,
91
96
  setState: setState,
92
97
  state: state,
93
- };
94
- };
98
+ }
99
+ }