@panneau/field-toggles 2.0.14 → 2.0.17

package/es/index.js

@@ -1,8 +1,8 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
-import React, { useCallback } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import PropTypes from 'prop-types';
+import React, { useCallback } from 'react';
 import { PropTypes as PropTypes$1 } from '@panneau/core';
 import ToggleField from '@panneau/field-toggle';
 
@@ -12,6 +12,7 @@ var propTypes = {
   name: PropTypes.string,
   value: PropTypes.objectOf(PropTypes.bool),
   toggles: PropTypes$1.toggles,
+  disabled: PropTypes.bool,
   className: PropTypes.string,
   onChange: PropTypes.func
 };
@@ -19,6 +20,7 @@ var defaultProps = {
   name: null,
   value: null,
   toggles: [],
+  disabled: false,
   className: null,
   onChange: null
 };
@@ -26,6 +28,7 @@ var TogglesField = function TogglesField(_ref) {
   var name = _ref.name,
     value = _ref.value,
     toggles = _ref.toggles,
+    disabled = _ref.disabled,
     onChange = _ref.onChange,
     className = _ref.className;
   var onToggleChange = useCallback(function (key, newToggleValue) {
@@ -35,7 +38,9 @@ var TogglesField = function TogglesField(_ref) {
     }
   }, [value, onChange]);
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, 'd-flex', 'flex-column', _defineProperty({}, className, className !== null)])
+    className: classNames([styles.container, 'd-flex', 'flex-column', _defineProperty({
+      disabled: disabled
+    }, className, className !== null)])
   }, /*#__PURE__*/React.createElement("ul", {
     className: "list-group"
   }, toggles.map(function (_ref3) {
@@ -52,7 +57,8 @@ var TogglesField = function TogglesField(_ref) {
       value: value !== null ? value[toggleKey] || false : false,
       onChange: function onChange(newValue) {
         return onToggleChange(toggleKey, newValue);
-      }
+      },
+      disabled: disabled
     }), toggleLabel ? /*#__PURE__*/React.createElement("span", {
       className: "ms-2"
     }, toggleLabel) : null));

package/lib/index.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var React = require('react');
-var PropTypes = require('prop-types');
 var classNames = require('classnames');
+var PropTypes = require('prop-types');
+var React = require('react');
 var core = require('@panneau/core');
 var ToggleField = require('@panneau/field-toggle');
 
@@ -14,9 +14,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ToggleField__default = /*#__PURE__*/_interopDefaultLegacy(ToggleField);
 
 var styles = {"container":"panneau-field-toggles-container"};
@@ -25,6 +25,7 @@ var propTypes = {
   name: PropTypes__default["default"].string,
   value: PropTypes__default["default"].objectOf(PropTypes__default["default"].bool),
   toggles: core.PropTypes.toggles,
+  disabled: PropTypes__default["default"].bool,
   className: PropTypes__default["default"].string,
   onChange: PropTypes__default["default"].func
 };
@@ -32,6 +33,7 @@ var defaultProps = {
   name: null,
   value: null,
   toggles: [],
+  disabled: false,
   className: null,
   onChange: null
 };
@@ -39,6 +41,7 @@ var TogglesField = function TogglesField(_ref) {
   var name = _ref.name,
     value = _ref.value,
     toggles = _ref.toggles,
+    disabled = _ref.disabled,
     onChange = _ref.onChange,
     className = _ref.className;
   var onToggleChange = React.useCallback(function (key, newToggleValue) {
@@ -48,7 +51,9 @@ var TogglesField = function TogglesField(_ref) {
     }
   }, [value, onChange]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classNames__default["default"]([styles.container, 'd-flex', 'flex-column', _defineProperty__default["default"]({}, className, className !== null)])
+    className: classNames__default["default"]([styles.container, 'd-flex', 'flex-column', _defineProperty__default["default"]({
+      disabled: disabled
+    }, className, className !== null)])
   }, /*#__PURE__*/React__default["default"].createElement("ul", {
     className: "list-group"
   }, toggles.map(function (_ref3) {
@@ -65,7 +70,8 @@ var TogglesField = function TogglesField(_ref) {
       value: value !== null ? value[toggleKey] || false : false,
       onChange: function onChange(newValue) {
         return onToggleChange(toggleKey, newValue);
-      }
+      },
+      disabled: disabled
     }), toggleLabel ? /*#__PURE__*/React__default["default"].createElement("span", {
       className: "ms-2"
     }, toggleLabel) : null));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-toggles",
-    "version": "2.0.14",
+    "version": "2.0.17",
     "description": "A group of toggle fields",
     "keywords": [
         "javascript"
@@ -53,14 +53,14 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^2.0.14",
-        "@panneau/field-toggle": "^2.0.14",
-        "@panneau/themes": "^2.0.14",
+        "@panneau/core": "^2.0.15",
+        "@panneau/field-toggle": "^2.0.17",
+        "@panneau/themes": "^2.0.15",
         "classnames": "^2.2.6",
         "prop-types": "^15.7.2"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "79bf4785d664187a578822e02dd66c12d6e4d243"
+    "gitHead": "3c06458008eb0b0b12017ca43cae9baf1904d6dc"
 }