@micromag/consent 0.4.49 → 0.4.51

package/es/index.js

@@ -1,13 +1,14 @@
 import classNames from 'classnames';
-import React, { useCallback, useRef, useInsertionEffect, useState } from 'react';
+import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Button } from '@micromag/core/components';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import isString from 'lodash/isString';
+import { useCallback, useRef, useInsertionEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
-import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { useConsent } from '@micromag/core/contexts';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -19,10 +20,10 @@ function CloseButton(_ref) {
   var _ref$className = _ref.className,
     className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$3);
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
+  return /*#__PURE__*/jsx(Button, _objectSpread({
     className: classNames([styles$4.container, className]),
     withoutStyle: true,
-    icon: /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: /*#__PURE__*/jsx(FontAwesomeIcon, {
       icon: faTimes,
       className: styles$4.icon
     }),
@@ -117,15 +118,16 @@ function PillButton(_ref) {
     _ref$dark = _ref.dark,
     dark = _ref$dark === void 0 ? false : _ref$dark,
     props = _objectWithoutProperties(_ref, _excluded$2);
-  return /*#__PURE__*/React.createElement(Button, Object.assign({
+  return /*#__PURE__*/jsx(Button, _objectSpread(_objectSpread({
     className: classNames([styles$3.container, className, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$3.active, active), styles$3.dark, dark), styles$3.invert, invert), styles$3.disabled, disabled)])
-  }, props, {
+  }, props), {}, {
     style: {
       color: color,
       backgroundColor: backgroundColor
     },
-    disabled: disabled
-  }), children);
+    disabled: disabled,
+    children: children
+  }));
 }
 
 var styles$2 = {"container":"micromag-consent-fields-checkbox-container","check":"micromag-consent-fields-checkbox-check","input":"micromag-consent-fields-checkbox-input","label":"micromag-consent-fields-checkbox-label"};
@@ -150,22 +152,25 @@ function CheckboxField(_ref) {
       onChange(e.currentTarget.checked);
     }
   }, [onChange]);
-  return /*#__PURE__*/React.createElement("label", {
+  return /*#__PURE__*/jsxs("label", {
     htmlFor: name,
-    className: classNames([styles$2.container, className, _defineProperty({}, styles$2.disabled, disabled)])
-  }, /*#__PURE__*/React.createElement("span", {
-    className: styles$2.check
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "checkbox",
-    name: name,
-    id: name,
-    disabled: disabled,
-    checked: value || false,
-    onChange: onClick || onInputChange,
-    className: styles$2.input
-  })), /*#__PURE__*/React.createElement("span", {
-    className: styles$2.label
-  }, isString(label) ? label : /*#__PURE__*/React.createElement(FormattedMessage, label)));
+    className: classNames([styles$2.container, className, _defineProperty({}, styles$2.disabled, disabled)]),
+    children: [/*#__PURE__*/jsx("span", {
+      className: styles$2.check,
+      children: /*#__PURE__*/jsx("input", {
+        type: "checkbox",
+        name: name,
+        id: name,
+        disabled: disabled,
+        checked: value || false,
+        onChange: onClick || onInputChange,
+        className: styles$2.input
+      })
+    }), /*#__PURE__*/jsx("span", {
+      className: styles$2.label,
+      children: isString(label) ? label : /*#__PURE__*/jsx(FormattedMessage, _objectSpread({}, label))
+    })]
+  });
 }
 
 var _excluded$1 = ["href", "route", "routeParams", "external", "children", "target", "rel", "onClick", "className"];
@@ -201,9 +206,10 @@ function LinkPartial(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$1);
   var link = href || null;
   if (link === null) {
-    return /*#__PURE__*/React.createElement("span", {
-      className: className
-    }, children);
+    return /*#__PURE__*/jsx("span", {
+      className: className,
+      children: children
+    });
   }
   var onClickLink = useCallback(function () {
     if (onClick !== null) {
@@ -223,17 +229,21 @@ function LinkPartial(_ref) {
       event.preventDefault();
     }
   });
-  return external ? /*#__PURE__*/React.createElement("a", Object.assign({
+  return external ? /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({
     className: className,
     href: href,
     target: target,
     rel: rel,
     onClick: onClickLink
-  }, props), children) : /*#__PURE__*/React.createElement("a", Object.assign({
+  }, props), {}, {
+    children: children
+  })) : /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({
     className: className,
     href: href,
     onClick: handleClick
-  }, props), children);
+  }, props), {}, {
+    children: children
+  }));
 }
 
 var styles$1 = {"container":"micromag-consent-forms-cookies-container","title":"micromag-consent-forms-cookies-title","description":"micromag-consent-forms-cookies-description","label":"micromag-consent-forms-cookies-label","button":"micromag-consent-forms-cookies-button"};
@@ -296,125 +306,144 @@ function Cookies(_ref) {
       onClickLink('privacy');
     }
   }, [onClickLink]);
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     className: classNames([styles$1.container, className])
-  }, props), /*#__PURE__*/React.createElement("div", {
-    className: styles$1.top
-  }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$1.title
-  }, title || /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "+Ptk0B",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Your privacy settings"
-    }]
-  })), /*#__PURE__*/React.createElement("p", {
-    className: styles$1.description
-  }, description || /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "dsRGuG",
-    defaultMessage: [{
-      "type": 0,
-      "value": "We use cookies to improve your experience on our site and for marketing purposes. By accepting, you consent to the use of these cookies."
-    }]
-  }))), showChoices ? (choices || []).map(function (_ref4) {
-    var _ref4$id = _ref4.id,
-      id = _ref4$id === void 0 ? null : _ref4$id,
-      _ref4$label = _ref4.label,
-      label = _ref4$label === void 0 ? null : _ref4$label,
-      _ref4$value = _ref4.value,
-      value = _ref4$value === void 0 ? false : _ref4$value,
-      _ref4$description = _ref4.description,
-      choiceDescription = _ref4$description === void 0 ? null : _ref4$description,
-      _ref4$disabled = _ref4.disabled,
-      disabled = _ref4$disabled === void 0 ? false : _ref4$disabled;
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles$1.choice,
-      key: "cookie-".concat(id)
-    }, /*#__PURE__*/React.createElement("div", {
-      className: styles$1.checkbox
-    }, /*#__PURE__*/React.createElement(CheckboxField, {
-      value: value,
-      disabled: disabled,
-      label: label,
-      onClick: function onClick() {
-        return onClickChoice(id, !value);
-      }
-    })), /*#__PURE__*/React.createElement("p", {
-      className: styles$1.label
-    }, isString(choiceDescription) ? choiceDescription : /*#__PURE__*/React.createElement(FormattedMessage, choiceDescription)));
-  }) : null, privacyUrl !== null ? /*#__PURE__*/React.createElement("div", {
-    className: styles$1.more
-  }, /*#__PURE__*/React.createElement("p", {
-    className: styles$1.description
-  }, /*#__PURE__*/React.createElement(LinkPartial, {
-    href: privacyUrl,
-    onClick: onClickPrivacy,
-    external: privacyUrl.indexOf('http') === 0
-  }, privacy || /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "ylHNR3",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Learn more about our privacy policy"
-    }]
-  })))) : null, termsUrl !== null ? /*#__PURE__*/React.createElement("div", {
-    className: styles$1.more
-  }, /*#__PURE__*/React.createElement("p", {
-    className: styles$1.description
-  }, /*#__PURE__*/React.createElement(LinkPartial, {
-    href: termsUrl,
-    onClick: onClickTerms,
-    external: termsUrl.indexOf('http') === 0
-  }, terms || /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "lvPGoX",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Our terms and conditions"
-    }]
-  })))) : null, /*#__PURE__*/React.createElement("div", {
-    className: styles$1.buttons
-  }, showChoices ? /*#__PURE__*/React.createElement(PillButton, {
-    className: styles$1.button,
-    onClick: onClickConfirm,
-    small: true
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "sHYAUa",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Save my preferences"
-    }]
-  })) : /*#__PURE__*/React.createElement(PillButton, {
-    className: classNames([styles$1.button, styles$1.small]),
-    onClick: onToggleTerms,
-    small: true
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "8yRYcm",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Edit my settings"
-    }]
-  }))), /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles$1.buttons, styles$1.second])
-  }, /*#__PURE__*/React.createElement(PillButton, {
-    className: styles$1.button,
-    onClick: onClickAccept,
-    small: true
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "HxW2pw",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Accept all"
-    }]
-  })), /*#__PURE__*/React.createElement(PillButton, {
-    className: styles$1.button,
-    onClick: onClickDeny,
-    small: true
-  }, /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "X9mFEG",
-    defaultMessage: [{
-      "type": 0,
-      "value": "Reject all"
-    }]
-  }))));
+  }, props), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles$1.top,
+      children: [/*#__PURE__*/jsx("h3", {
+        className: styles$1.title,
+        children: title || /*#__PURE__*/jsx(FormattedMessage, {
+          id: "+Ptk0B",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Your privacy settings"
+          }]
+        })
+      }), /*#__PURE__*/jsx("p", {
+        className: styles$1.description,
+        children: description || /*#__PURE__*/jsx(FormattedMessage, {
+          id: "dsRGuG",
+          defaultMessage: [{
+            "type": 0,
+            "value": "We use cookies to improve your experience on our site and for marketing purposes. By accepting, you consent to the use of these cookies."
+          }]
+        })
+      })]
+    }), showChoices ? (choices || []).map(function (_ref4) {
+      var _ref4$id = _ref4.id,
+        id = _ref4$id === void 0 ? null : _ref4$id,
+        _ref4$label = _ref4.label,
+        label = _ref4$label === void 0 ? null : _ref4$label,
+        _ref4$value = _ref4.value,
+        value = _ref4$value === void 0 ? false : _ref4$value,
+        _ref4$description = _ref4.description,
+        choiceDescription = _ref4$description === void 0 ? null : _ref4$description,
+        _ref4$disabled = _ref4.disabled,
+        disabled = _ref4$disabled === void 0 ? false : _ref4$disabled;
+      return /*#__PURE__*/jsxs("div", {
+        className: styles$1.choice,
+        children: [/*#__PURE__*/jsx("div", {
+          className: styles$1.checkbox,
+          children: /*#__PURE__*/jsx(CheckboxField, {
+            value: value,
+            disabled: disabled,
+            label: label,
+            onClick: function onClick() {
+              return onClickChoice(id, !value);
+            }
+          })
+        }), /*#__PURE__*/jsx("p", {
+          className: styles$1.label,
+          children: isString(choiceDescription) ? choiceDescription : /*#__PURE__*/jsx(FormattedMessage, _objectSpread({}, choiceDescription))
+        })]
+      }, "cookie-".concat(id));
+    }) : null, privacyUrl !== null ? /*#__PURE__*/jsx("div", {
+      className: styles$1.more,
+      children: /*#__PURE__*/jsx("p", {
+        className: styles$1.description,
+        children: /*#__PURE__*/jsx(LinkPartial, {
+          href: privacyUrl,
+          onClick: onClickPrivacy,
+          external: privacyUrl.indexOf('http') === 0,
+          children: privacy || /*#__PURE__*/jsx(FormattedMessage, {
+            id: "ylHNR3",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Learn more about our privacy policy"
+            }]
+          })
+        })
+      })
+    }) : null, termsUrl !== null ? /*#__PURE__*/jsx("div", {
+      className: styles$1.more,
+      children: /*#__PURE__*/jsx("p", {
+        className: styles$1.description,
+        children: /*#__PURE__*/jsx(LinkPartial, {
+          href: termsUrl,
+          onClick: onClickTerms,
+          external: termsUrl.indexOf('http') === 0,
+          children: terms || /*#__PURE__*/jsx(FormattedMessage, {
+            id: "lvPGoX",
+            defaultMessage: [{
+              "type": 0,
+              "value": "Our terms and conditions"
+            }]
+          })
+        })
+      })
+    }) : null, /*#__PURE__*/jsx("div", {
+      className: styles$1.buttons,
+      children: showChoices ? /*#__PURE__*/jsx(PillButton, {
+        className: styles$1.button,
+        onClick: onClickConfirm,
+        small: true,
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "sHYAUa",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Save my preferences"
+          }]
+        })
+      }) : /*#__PURE__*/jsx(PillButton, {
+        className: classNames([styles$1.button, styles$1.small]),
+        onClick: onToggleTerms,
+        small: true,
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "8yRYcm",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Edit my settings"
+          }]
+        })
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classNames([styles$1.buttons, styles$1.second]),
+      children: [/*#__PURE__*/jsx(PillButton, {
+        className: styles$1.button,
+        onClick: onClickAccept,
+        small: true,
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "HxW2pw",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Accept all"
+          }]
+        })
+      }), /*#__PURE__*/jsx(PillButton, {
+        className: styles$1.button,
+        onClick: onClickDeny,
+        small: true,
+        children: /*#__PURE__*/jsx(FormattedMessage, {
+          id: "X9mFEG",
+          defaultMessage: [{
+            "type": 0,
+            "value": "Reject all"
+          }]
+        })
+      })]
+    })]
+  }));
 }
 
 var styles = {"container":"micromag-consent-container","close":"micromag-consent-close"};
@@ -436,21 +465,22 @@ function Consent(_ref) {
     className = _ref$className === void 0 ? null : _ref$className,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames([styles.container, className])
-  }, onClose !== null && withClose ? /*#__PURE__*/React.createElement(CloseButton, {
-    type: "button",
-    className: styles.close,
-    onClick: onClose,
-    "aria-label": "Close consent form"
-  }) : null, children, /*#__PURE__*/React.createElement(Cookies, {
-    className: styles.form,
-    urls: urls,
-    labels: labels,
-    onChange: onChange,
-    onSubmit: onSubmit,
-    onClose: onClose
-  }));
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames([styles.container, className]),
+    children: [onClose !== null && withClose ? /*#__PURE__*/jsx(CloseButton, {
+      type: "button",
+      className: styles.close,
+      onClick: onClose,
+      "aria-label": "Close consent form"
+    }) : null, children, /*#__PURE__*/jsx(Cookies, {
+      className: styles.form,
+      urls: urls,
+      labels: labels,
+      onChange: onChange,
+      onSubmit: onSubmit,
+      onClose: onClose
+    })]
+  });
 }
 
 export { Consent as default, useConsentActions as useConsent };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/consent",
-    "version": "0.4.49",
+    "version": "0.4.51",
     "private": false,
     "description": "",
     "keywords": [
@@ -61,8 +61,8 @@
         "@fortawesome/fontawesome-svg-core": "^7.2.0",
         "@fortawesome/free-solid-svg-icons": "^7.2.0",
         "@fortawesome/react-fontawesome": "^3.2.0",
-        "@micromag/core": "^0.4.49",
-        "@micromag/data": "^0.4.49",
+        "@micromag/core": "^0.4.51",
+        "@micromag/data": "^0.4.51",
         "bootstrap": "^5.3.8",
         "classnames": "^2.2.6",
         "lodash": "^4.17.23",
@@ -73,6 +73,6 @@
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "0a225ff29387217cccb0fcc5a731e23c74bd202e",
+    "gitHead": "985a2370829c9ac8901ea97bf20bfc98ab158439",
     "types": "es/index.d.ts"
 }