framework7-react 6.3.7 → 6.3.11

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 (8) hide show
  1. package/cjs/components/list.js +9 -0
  2. package/cjs/components/toggle.js +12 -1
  3. package/cjs/framework7-react.js +2 -2
  4. package/components/list/list.d.ts +1 -0
  5. package/esm/components/list.js +7 -0
  6. package/esm/components/toggle.js +12 -1
  7. package/esm/framework7-react.js +2 -2
  8. package/package.json +1 -1
package/cjs/components/list.js CHANGED
@@ -87,6 +87,11 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
87
87
  (0, _utils.emit)(props, 'sortableSort', sortData);
88
88
  };
89
89
 
90
+ var onSortableMove = function onSortableMove(el, listEl) {
91
+ if (elRef.current !== listEl) return;
92
+ (0, _utils.emit)(props, 'sortableMove', el, listEl);
93
+ };
94
+
90
95
  (0, _react.useImperativeHandle)(ref, function () {
91
96
  return {
92
97
  el: elRef.current,
@@ -104,6 +109,8 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
104
109
  _f.f7.on('sortableDisable', onSortableDisable);
105
110
 
106
111
  _f.f7.on('sortableSort', onSortableSort);
112
+
113
+ _f.f7.on('sortableMove', onSortableMove);
107
114
  });
108
115
  };
109
116
 
@@ -115,6 +122,8 @@ var List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
115
122
  _f.f7.off('sortableDisable', onSortableDisable);
116
123
 
117
124
  _f.f7.off('sortableSort', onSortableSort);
125
+
126
+ _f.f7.off('sortableMove', onSortableMove);
118
127
  };
119
128
 
120
129
  var onMount = function onMount() {
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.7
2
+ * Framework7 React 6.3.11
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: October 28, 2021
10
+ * Released on: December 8, 2021
11
11
  */
12
12
  "use strict";
13
13
 
package/components/list/list.d.ts CHANGED
@@ -59,6 +59,7 @@ interface ListProps {
59
59
  onSortableEnable ?: (...args: any[]) => void;
60
60
  onSortableDisable ?: (...args: any[]) => void;
61
61
  onSortableSort ?: (sortData?: any) => void;
62
+ onSortableMove ?: (itemEl?: any) => void;
62
63
  onTabShow ?: (el?: HTMLElement) => void;
63
64
  onTabHide ?: (el?: HTMLElement) => void;
64
65
  ref?: React.MutableRefObject<{el: HTMLElement | null; f7VirtualList: () => VirtualList.VirtualList}>;
package/esm/components/list.js CHANGED
@@ -72,6 +72,11 @@ var List = /*#__PURE__*/forwardRef(function (props, ref) {
72
72
  emit(props, 'sortableSort', sortData);
73
73
  };
74
74
 
75
+ var onSortableMove = function onSortableMove(el, listEl) {
76
+ if (elRef.current !== listEl) return;
77
+ emit(props, 'sortableMove', el, listEl);
78
+ };
79
+
75
80
  useImperativeHandle(ref, function () {
76
81
  return {
77
82
  el: elRef.current,
@@ -87,6 +92,7 @@ var List = /*#__PURE__*/forwardRef(function (props, ref) {
87
92
  f7.on('sortableEnable', onSortableEnable);
88
93
  f7.on('sortableDisable', onSortableDisable);
89
94
  f7.on('sortableSort', onSortableSort);
95
+ f7.on('sortableMove', onSortableMove);
90
96
  });
91
97
  };
92
98
 
@@ -95,6 +101,7 @@ var List = /*#__PURE__*/forwardRef(function (props, ref) {
95
101
  f7.off('sortableEnable', onSortableEnable);
96
102
  f7.off('sortableDisable', onSortableDisable);
97
103
  f7.off('sortableSort', onSortableSort);
104
+ f7.off('sortableMove', onSortableMove);
98
105
  };
99
106
 
100
107
  var onMount = function onMount() {
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.7
2
+ * Framework7 React 6.3.11
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: October 28, 2021
10
+ * Released on: December 8, 2021
11
11
  */
12
12
  import Framework7React from './shared/plugin';
13
13
  import { f7, f7ready, theme } from './shared/f7';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "framework7-react",
3
- "version": "6.3.7",
3
+ "version": "6.3.11",
4
4
  "description": "Build full featured iOS & Android apps using Framework7 & React",
5
5
  "main": "cjs/framework7-react.js",
6
6
  "module": "esm/framework7-react.js",