@panneau/field-toggles 4.0.38 → 4.0.40-alpha.1

package/dist/index.js

@@ -1,62 +1,127 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
+import { c } from 'react/compiler-runtime';
 import classNames from 'classnames';
-import { useCallback } from 'react';
 import ToggleField from '@panneau/field-toggle';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var styles = {"container":"panneau-field-toggles-container"};
 
-var DEFAULT_TOGGLES = [];
-function TogglesField(_ref) {
-  var _ref$name = _ref.name,
-    name = _ref$name === void 0 ? null : _ref$name,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? null : _ref$value,
-    _ref$toggles = _ref.toggles,
-    toggles = _ref$toggles === void 0 ? DEFAULT_TOGGLES : _ref$toggles,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? null : _ref$className;
-  var onToggleChange = useCallback(function (key, newToggleValue) {
-    var newValue = _objectSpread(_objectSpread({}, value), {}, _defineProperty({}, key, newToggleValue));
-    if (onChange !== null) {
-      onChange(newValue);
-    }
-  }, [value, onChange]);
-  return /*#__PURE__*/jsx("div", {
-    className: classNames([styles.container, 'd-flex', 'flex-column', _defineProperty({
-      disabled: disabled
-    }, className, className !== null)]),
-    children: /*#__PURE__*/jsx("ul", {
-      className: "list-group",
-      children: toggles.map(function (_ref3) {
-        var toggleKey = _ref3.key,
-          _ref3$label = _ref3.label,
-          toggleLabel = _ref3$label === void 0 ? null : _ref3$label;
+const DEFAULT_TOGGLES = [];
+function TogglesField(t0) {
+  const $ = c(23);
+  const {
+    name: t1,
+    value: t2,
+    toggles: t3,
+    disabled: t4,
+    onChange: t5,
+    className: t6
+  } = t0;
+  const name = t1 === undefined ? null : t1;
+  const value = t2 === undefined ? null : t2;
+  const toggles = t3 === undefined ? DEFAULT_TOGGLES : t3;
+  const disabled = t4 === undefined ? false : t4;
+  const onChange = t5 === undefined ? null : t5;
+  const className = t6 === undefined ? null : t6;
+  let t7;
+  if ($[0] !== onChange || $[1] !== value) {
+    t7 = (key, newToggleValue) => {
+      const newValue = {
+        ...value,
+        [key]: newToggleValue
+      };
+      if (onChange !== null) {
+        onChange(newValue);
+      }
+    };
+    $[0] = onChange;
+    $[1] = value;
+    $[2] = t7;
+  } else {
+    t7 = $[2];
+  }
+  const onToggleChange = t7;
+  const t8 = className !== null;
+  let t9;
+  if ($[3] !== className || $[4] !== disabled || $[5] !== t8) {
+    t9 = classNames([styles.container, "d-flex", "flex-column", {
+      disabled,
+      [className]: t8
+    }]);
+    $[3] = className;
+    $[4] = disabled;
+    $[5] = t8;
+    $[6] = t9;
+  } else {
+    t9 = $[6];
+  }
+  let t10;
+  if ($[7] !== disabled || $[8] !== name || $[9] !== onToggleChange || $[10] !== toggles || $[11] !== value) {
+    let t11;
+    if ($[13] !== disabled || $[14] !== name || $[15] !== onToggleChange || $[16] !== value) {
+      t11 = t12 => {
+        const {
+          key: toggleKey,
+          label: t13
+        } = t12;
+        const toggleLabel = t13 === undefined ? null : t13;
         return /*#__PURE__*/jsx("li", {
           className: "list-group-item",
           children: /*#__PURE__*/jsxs("label", {
             className: "d-flex align-items-center",
             children: [/*#__PURE__*/jsx(ToggleField, {
-              name: "".concat(name, "[").concat(toggleKey, "]"),
+              name: `${name}[${toggleKey}]`,
               value: value !== null ? value[toggleKey] || false : false,
-              onChange: function onChange(newValue) {
-                return onToggleChange(toggleKey, newValue);
-              },
+              onChange: newValue_0 => onToggleChange(toggleKey, newValue_0),
               disabled: disabled
             }), toggleLabel ? /*#__PURE__*/jsx("span", {
               className: "ms-2",
               children: toggleLabel
             }) : null]
           })
-        }, "toggle-".concat(toggleKey));
-      })
-    })
-  });
+        }, `toggle-${toggleKey}`);
+      };
+      $[13] = disabled;
+      $[14] = name;
+      $[15] = onToggleChange;
+      $[16] = value;
+      $[17] = t11;
+    } else {
+      t11 = $[17];
+    }
+    t10 = toggles.map(t11);
+    $[7] = disabled;
+    $[8] = name;
+    $[9] = onToggleChange;
+    $[10] = toggles;
+    $[11] = value;
+    $[12] = t10;
+  } else {
+    t10 = $[12];
+  }
+  let t11;
+  if ($[18] !== t10) {
+    t11 = /*#__PURE__*/jsx("ul", {
+      className: "list-group",
+      children: t10
+    });
+    $[18] = t10;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  let t12;
+  if ($[20] !== t11 || $[21] !== t9) {
+    t12 = /*#__PURE__*/jsx("div", {
+      className: t9,
+      children: t11
+    });
+    $[20] = t11;
+    $[21] = t9;
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  return t12;
 }
 
 var definition = {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/field-toggles",
-    "version": "4.0.38",
+    "version": "4.0.40-alpha.1",
     "description": "A group of toggle fields",
     "keywords": [
         "javascript"
@@ -64,13 +64,13 @@
     },
     "dependencies": {
         "@babel/runtime": "^7.28.6",
-        "@panneau/core": "^4.0.38",
-        "@panneau/field-toggle": "^4.0.38",
-        "@panneau/themes": "^4.0.38",
+        "@panneau/core": "^4.0.40-alpha.1",
+        "@panneau/field-toggle": "^4.0.40-alpha.1",
+        "@panneau/themes": "^4.0.40-alpha.1",
         "classnames": "^2.5.1"
     },
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "fa4b9c4ec7fe5c0e360dda5a40f8b5d8c7ada651"
+    "gitHead": "66520f92373b3aa371222b354d60ed3cf3d20c96"
 }