@panneau/field-toggles 3.0.222 → 3.0.224

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-toggles",
-    "version": "3.0.222",
+    "version": "3.0.224",
     "description": "A group of toggle fields",
     "keywords": [
         "javascript"
@@ -33,8 +33,11 @@
         }
     ],
     "license": "ISC",
-    "main": "lib/index.js",
+    "type": "module",
     "module": "es/index.js",
+    "exports": {
+        ".": "./es/index.js"
+    },
     "files": [
         "lib",
         "es",
@@ -54,14 +57,14 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.12.5",
-        "@panneau/core": "^3.0.222",
-        "@panneau/field-toggle": "^3.0.222",
-        "@panneau/themes": "^3.0.222",
+        "@panneau/core": "^3.0.224",
+        "@panneau/field-toggle": "^3.0.224",
+        "@panneau/themes": "^3.0.224",
         "classnames": "^2.5.1",
         "prop-types": "^15.7.2"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1d7f6c2943965c2c26fb6ce1d8f3c85eb88b2146"
+    "gitHead": "c95bd465867c4c7d112bf0ed66036574cc05c627"
 }

package/lib/index.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
-var classNames = require('classnames');
-var PropTypes = require('prop-types');
-var React = require('react');
-var core = require('@panneau/core');
-var ToggleField = require('@panneau/field-toggle');
-
-var styles = {"container":"panneau-field-toggles-container"};
-
-var propTypes = {
-  name: PropTypes.string,
-  value: PropTypes.objectOf(PropTypes.bool),
-  toggles: core.PropTypes.toggles,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  onChange: PropTypes.func
-};
-var defaultProps = {
-  name: null,
-  value: null,
-  toggles: [],
-  disabled: false,
-  className: null,
-  onChange: null
-};
-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) {
-    var newValue = _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, newToggleValue));
-    if (onChange !== null) {
-      onChange(newValue);
-    }
-  }, [value, onChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    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) {
-    var toggleKey = _ref3.key,
-      _ref3$label = _ref3.label,
-      toggleLabel = _ref3$label === void 0 ? null : _ref3$label;
-    return /*#__PURE__*/React.createElement("li", {
-      key: "toggle-".concat(toggleKey),
-      className: "list-group-item"
-    }, /*#__PURE__*/React.createElement("label", {
-      className: "d-flex align-items-center"
-    }, /*#__PURE__*/React.createElement(ToggleField, {
-      name: "".concat(name, "[").concat(toggleKey, "]"),
-      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));
-  })));
-};
-TogglesField.propTypes = propTypes;
-TogglesField.defaultProps = defaultProps;
-var TogglesField$1 = TogglesField;
-
-var definition = {
-  id: 'toggles',
-  component: 'Toggles'
-};
-
-exports.default = TogglesField$1;
-exports.definition = definition;