framework7-react 6.3.5 → 6.3.9
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/cjs/components/toggle.js
CHANGED
|
@@ -40,6 +40,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
40
40
|
value = props.value;
|
|
41
41
|
var extraAttrs = (0, _utils.getExtraAttrs)(props);
|
|
42
42
|
var elRef = (0, _react.useRef)(null);
|
|
43
|
+
var inputElRef = (0, _react.useRef)(null);
|
|
43
44
|
|
|
44
45
|
var onChange = function onChange(event) {
|
|
45
46
|
(0, _utils.emit)(props, 'change', event);
|
|
@@ -89,8 +90,17 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
89
90
|
|
|
90
91
|
(0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
|
|
91
92
|
toggleEvents('on');
|
|
93
|
+
|
|
94
|
+
if (inputElRef.current) {
|
|
95
|
+
inputElRef.current.addEventListener('change', onChange);
|
|
96
|
+
}
|
|
97
|
+
|
|
92
98
|
return function () {
|
|
93
99
|
toggleEvents('off');
|
|
100
|
+
|
|
101
|
+
if (inputElRef.current) {
|
|
102
|
+
inputElRef.current.removeEventListener('change', onChange);
|
|
103
|
+
}
|
|
94
104
|
};
|
|
95
105
|
});
|
|
96
106
|
(0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
|
|
@@ -102,6 +112,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
102
112
|
}, (0, _mixins.colorClasses)(props));
|
|
103
113
|
|
|
104
114
|
var inputEl = /*#__PURE__*/_react.default.createElement("input", {
|
|
115
|
+
ref: inputElRef,
|
|
105
116
|
type: "checkbox",
|
|
106
117
|
name: name,
|
|
107
118
|
disabled: disabled,
|
|
@@ -109,7 +120,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
109
120
|
checked: checked,
|
|
110
121
|
defaultChecked: defaultChecked,
|
|
111
122
|
value: value,
|
|
112
|
-
onChange: onChange
|
|
123
|
+
onChange: function onChange() {}
|
|
113
124
|
});
|
|
114
125
|
|
|
115
126
|
return /*#__PURE__*/_react.default.createElement("label", _extends({
|
package/cjs/framework7-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 React 6.3.
|
|
2
|
+
* Framework7 React 6.3.9
|
|
3
3
|
* Build full featured iOS & Android apps using Framework7 & React
|
|
4
4
|
* https://framework7.io/react/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: November 18, 2021
|
|
11
11
|
*/
|
|
12
12
|
"use strict";
|
|
13
13
|
|
package/esm/components/toggle.js
CHANGED
|
@@ -25,6 +25,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
25
25
|
value = props.value;
|
|
26
26
|
var extraAttrs = getExtraAttrs(props);
|
|
27
27
|
var elRef = useRef(null);
|
|
28
|
+
var inputElRef = useRef(null);
|
|
28
29
|
|
|
29
30
|
var onChange = function onChange(event) {
|
|
30
31
|
emit(props, 'change', event);
|
|
@@ -74,8 +75,17 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
74
75
|
|
|
75
76
|
useIsomorphicLayoutEffect(function () {
|
|
76
77
|
toggleEvents('on');
|
|
78
|
+
|
|
79
|
+
if (inputElRef.current) {
|
|
80
|
+
inputElRef.current.addEventListener('change', onChange);
|
|
81
|
+
}
|
|
82
|
+
|
|
77
83
|
return function () {
|
|
78
84
|
toggleEvents('off');
|
|
85
|
+
|
|
86
|
+
if (inputElRef.current) {
|
|
87
|
+
inputElRef.current.removeEventListener('change', onChange);
|
|
88
|
+
}
|
|
79
89
|
};
|
|
80
90
|
});
|
|
81
91
|
useIsomorphicLayoutEffect(function () {
|
|
@@ -86,6 +96,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
86
96
|
disabled: disabled
|
|
87
97
|
}, colorClasses(props));
|
|
88
98
|
var inputEl = /*#__PURE__*/React.createElement("input", {
|
|
99
|
+
ref: inputElRef,
|
|
89
100
|
type: "checkbox",
|
|
90
101
|
name: name,
|
|
91
102
|
disabled: disabled,
|
|
@@ -93,7 +104,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
93
104
|
checked: checked,
|
|
94
105
|
defaultChecked: defaultChecked,
|
|
95
106
|
value: value,
|
|
96
|
-
onChange: onChange
|
|
107
|
+
onChange: function onChange() {}
|
|
97
108
|
});
|
|
98
109
|
return /*#__PURE__*/React.createElement("label", _extends({
|
|
99
110
|
id: id,
|
package/esm/framework7-react.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 React 6.3.
|
|
2
|
+
* Framework7 React 6.3.9
|
|
3
3
|
* Build full featured iOS & Android apps using Framework7 & React
|
|
4
4
|
* https://framework7.io/react/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on:
|
|
10
|
+
* Released on: November 18, 2021
|
|
11
11
|
*/
|
|
12
12
|
import Framework7React from './shared/plugin';
|
|
13
13
|
import { f7, f7ready, theme } from './shared/f7';
|