framework7-react 6.3.4 → 6.3.8

package/cjs/components/list-input.js

@@ -320,7 +320,7 @@ var ListInput = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var slots = (0, _utils.getSlots)(props);
   var domValue = getDomValue();
   var inputHasValue = isInputHasValue();
-  var isSortableComputed = sortable || listIsSortable;
+  var isSortableComputed = sortable === true || sortable === false ? sortable : listIsSortable;
   var inputEl;
 
   var createInput = function createInput(InputTag, children) {

package/cjs/components/list-item.js

@@ -316,7 +316,7 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var linkEl;
   var itemContentEl;
   var isMediaComputed = mediaItem || mediaList || listIsMedia;
-  var isSortableComputed = sortable || listIsSortable;
+  var isSortableComputed = sortable === true || sortable === false ? sortable : listIsSortable;
   var isSortableOppositeComputed = isSortableComputed && (sortableOpposite || listIsSortableOpposite);
 
   if (!listIsSimple) {

package/cjs/components/toggle.js

@@ -40,6 +40,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       value = props.value;
   var extraAttrs = (0, _utils.getExtraAttrs)(props);
   var elRef = (0, _react.useRef)(null);
+  var inputElRef = (0, _react.useRef)(null);
 
   var onChange = function onChange(event) {
     (0, _utils.emit)(props, 'change', event);
@@ -89,8 +90,17 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
     toggleEvents('on');
+
+    if (inputElRef.current) {
+      inputElRef.current.addEventListener('change', onChange);
+    }
+
     return function () {
       toggleEvents('off');
+
+      if (inputElRef.current) {
+        inputElRef.current.removeEventListener('change', onChange);
+      }
     };
   });
   (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
@@ -102,6 +112,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, (0, _mixins.colorClasses)(props));
 
   var inputEl = /*#__PURE__*/_react.default.createElement("input", {
+    ref: inputElRef,
     type: "checkbox",
     name: name,
     disabled: disabled,
@@ -109,7 +120,7 @@ var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     checked: checked,
     defaultChecked: defaultChecked,
     value: value,
-    onChange: onChange
+    onChange: function onChange() {}
   });
 
   return /*#__PURE__*/_react.default.createElement("label", _extends({

package/cjs/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 6.3.4
+ * Framework7 React 6.3.8
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 16, 2021
+ * Released on: November 8, 2021
  */
 "use strict";
 

package/esm/components/list-input.js

@@ -301,7 +301,7 @@ var ListInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var slots = getSlots(props);
   var domValue = getDomValue();
   var inputHasValue = isInputHasValue();
-  var isSortableComputed = sortable || listIsSortable;
+  var isSortableComputed = sortable === true || sortable === false ? sortable : listIsSortable;
   var inputEl;
 
   var createInput = function createInput(InputTag, children) {

package/esm/components/list-item.js

@@ -267,7 +267,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (props, ref) {
   var linkEl;
   var itemContentEl;
   var isMediaComputed = mediaItem || mediaList || listIsMedia;
-  var isSortableComputed = sortable || listIsSortable;
+  var isSortableComputed = sortable === true || sortable === false ? sortable : listIsSortable;
   var isSortableOppositeComputed = isSortableComputed && (sortableOpposite || listIsSortableOpposite);
 
   if (!listIsSimple) {

package/esm/components/toggle.js

@@ -25,6 +25,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
       value = props.value;
   var extraAttrs = getExtraAttrs(props);
   var elRef = useRef(null);
+  var inputElRef = useRef(null);
 
   var onChange = function onChange(event) {
     emit(props, 'change', event);
@@ -74,8 +75,17 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
 
   useIsomorphicLayoutEffect(function () {
     toggleEvents('on');
+
+    if (inputElRef.current) {
+      inputElRef.current.addEventListener('change', onChange);
+    }
+
     return function () {
       toggleEvents('off');
+
+      if (inputElRef.current) {
+        inputElRef.current.removeEventListener('change', onChange);
+      }
     };
   });
   useIsomorphicLayoutEffect(function () {
@@ -86,6 +96,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
     disabled: disabled
   }, colorClasses(props));
   var inputEl = /*#__PURE__*/React.createElement("input", {
+    ref: inputElRef,
     type: "checkbox",
     name: name,
     disabled: disabled,
@@ -93,7 +104,7 @@ var Toggle = /*#__PURE__*/forwardRef(function (props, ref) {
     checked: checked,
     defaultChecked: defaultChecked,
     value: value,
-    onChange: onChange
+    onChange: function onChange() {}
   });
   return /*#__PURE__*/React.createElement("label", _extends({
     id: id,

package/esm/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 6.3.4
+ * Framework7 React 6.3.8
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: September 16, 2021
+ * Released on: November 8, 2021
  */
 import Framework7React from './shared/plugin';
 import { f7, f7ready, theme } from './shared/f7';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "6.3.4",
+  "version": "6.3.8",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "main": "cjs/framework7-react.js",
   "module": "esm/framework7-react.js",