@panneau/field-toggle 3.0.307 → 4.0.0

package/es/index.js

@@ -1,62 +1,49 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import Switch from 'rc-switch';
 import React, { useMemo, useCallback } from 'react';
 import 'rc-switch/assets/index.css';
 
 var styles = {"container":"panneau-field-toggle-container"};
 
-var propTypes = {
-  value: PropTypes.bool,
-  name: PropTypes.string,
-  queryValue: PropTypes.string,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  onChange: PropTypes.func
-};
-var defaultProps = {
-  value: null,
-  name: null,
-  queryValue: null,
-  disabled: false,
-  className: null,
-  onChange: null
-};
-var ToggleField = function ToggleField(_ref) {
-  var value = _ref.value,
-    queryValue = _ref.queryValue,
-    name = _ref.name,
-    disabled = _ref.disabled,
-    className = _ref.className,
-    onChange = _ref.onChange;
+function ToggleField(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$queryValue = _ref.queryValue,
+    queryValue = _ref$queryValue === void 0 ? null : _ref$queryValue,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? null : _ref$name,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange;
   var isTrue = useMemo(function () {
     return queryValue !== null ? value === queryValue : value === true || value === 'true' || value === 1 || value === '1';
   }, [value, queryValue]);
   var finalOnChange = useCallback(function (val) {
     if (queryValue !== null) {
       if (val === true) {
-        onChange(queryValue);
+        onChange === null || onChange === void 0 || onChange(queryValue);
       } else {
-        onChange(null);
+        onChange === null || onChange === void 0 || onChange(null);
       }
     } else {
-      onChange(val);
+      onChange === null || onChange === void 0 || onChange(val);
     }
-  }, [onChange]);
+  }, [onChange, queryValue]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames([styles.container, _defineProperty({
       disabled: disabled
     }, className, className !== null)])
   }, /*#__PURE__*/React.createElement(Switch, {
-    name: name,
+    name: name || undefined,
     checked: isTrue,
     onChange: finalOnChange,
     disabled: disabled
   }));
-};
-ToggleField.propTypes = propTypes;
-ToggleField.defaultProps = defaultProps;
+}
 
 var definition = {
   id: 'toggle',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-toggle",
-    "version": "3.0.307",
+    "version": "4.0.0",
     "description": "A toggle field",
     "keywords": [
         "javascript"
@@ -59,8 +59,8 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.307",
-        "@panneau/themes": "^3.0.307",
+        "@panneau/core": "^4.0.0",
+        "@panneau/themes": "^4.0.0",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2",
         "rc-switch": "^4.1.0"
@@ -68,5 +68,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "cbe5e8b1705d01c5653a4df617a06243344310d3"
+    "gitHead": "2cca874e0388b4a20c39aadb205c0e67d5a946fc"
 }