@micromag/consent 0.3.832 → 0.4.6

package/assets/css/styles.css

@@ -1,5 +1,5 @@
 .micromag-consent-buttons-close-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
-.micromag-consent-buttons-pill-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;line-height:1.2;padding:0;padding:8px 12px;position:relative}.micromag-consent-buttons-pill-container:active,.micromag-consent-buttons-pill-container:hover{background-color:#0b57d0;background-color:var(--color-primary,var(--color-button-active,#0b57d0));color:#fff}
+.micromag-consent-buttons-pill-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;line-height:1.2;padding:8px 12px;position:relative}.micromag-consent-buttons-pill-container:active,.micromag-consent-buttons-pill-container:hover{background-color:#0b57d0;background-color:var(--color-primary,var(--color-button-active,#0b57d0));color:#fff}
 .micromag-consent-fields-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;line-height:1.2}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-check{margin-right:6px}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-input{accent-color:#0b57d0;accent-color:var(--color-primary,var(--color-checkbox-active,#0b57d0));cursor:pointer;display:block;height:1rem;margin:0 0 5px;width:1rem}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-label{-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-weight:700;line-height:1}.micromag-consent-fields-checkbox-container:active .micromag-consent-fields-checkbox-label,.micromag-consent-fields-checkbox-container:hover .micromag-consent-fields-checkbox-label{-webkit-text-decoration:underline;text-decoration:underline}
 .micromag-consent-forms-cookies-container{max-height:calc(100vh - 20px);overflow-y:scroll;padding:15px;position:relative}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-title{font-size:1.2rem}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-description,.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-label,.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-title{margin-bottom:1rem}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-button{border-radius:10px;font-weight:700;margin:0 5px 5px 0}
 .micromag-consent-container{background-color:#000;background-color:var(--color-background,#000);border-radius:10px;color:#fff;color:var(--color-text,#fff);max-width:800px;position:relative}.micromag-consent-container .micromag-consent-close{color:#fff;color:var(--color-primary,#fff);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;z-index:10}

package/es/index.d.ts

@@ -0,0 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface ConsentProps {
+    urls?: {
+        privacy?: string;
+        terms?: string;
+    } | null;
+    labels?: {
+        title?: string;
+        description?: string;
+        privacy?: string;
+        terms?: string;
+    } | null;
+    onChange?: ((...args: unknown[]) => void) | null;
+    onSubmit?: ((...args: unknown[]) => void) | null;
+    onClose?: ((...args: unknown[]) => void) | null;
+    withClose?: boolean;
+    className?: string | null;
+    children?: React.ReactNode | null;
+}
+declare function Consent({ urls, labels, onChange, onSubmit, onClose, withClose, className, children, }: ConsentProps): react_jsx_runtime.JSX.Element;
+
+declare const useConsentActions: ({ onSubmit, onChange, onClose, autoClose, }: {
+    onSubmit?: any;
+    onChange?: any;
+    onClose?: any;
+    autoClose?: boolean;
+}) => {
+    consent: any;
+    onClickChoice: (id: any, newValue: any) => void;
+    onClickConfirm: () => void;
+    onClickAccept: () => void;
+    onClickDeny: () => void;
+};
+
+export { Consent as default, useConsentActions as useConsent };

package/es/index.js

@@ -1,6 +1,5 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import classNames from 'classnames';
-import PropTypes from 'prop-types';
 import React, { useCallback, useRef, useInsertionEffect, useState } from 'react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import { faTimes } from '@fortawesome/free-solid-svg-icons/faTimes';
@@ -16,14 +15,9 @@ import { useConsent } from '@micromag/core/contexts';
 var styles$4 = {"container":"micromag-consent-buttons-close-container"};
 
 var _excluded$3 = ["className"];
-var propTypes$5 = {
-  className: PropTypes.string
-};
-var defaultProps$5 = {
-  className: null
-};
-var CloseButton = function CloseButton(_ref) {
-  var className = _ref.className,
+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({
     className: classNames([styles$4.container, _defineProperty({}, className, className !== null)]),
@@ -34,9 +28,7 @@ var CloseButton = function CloseButton(_ref) {
     }),
     iconPosition: "right"
   }, props));
-};
-CloseButton.propTypes = propTypes$5;
-CloseButton.defaultProps = defaultProps$5;
+}
 
 var useConsentActions = function useConsentActions(_ref) {
   var _ref$onSubmit = _ref.onSubmit,
@@ -107,35 +99,23 @@ var useConsentActions = function useConsentActions(_ref) {
 var styles$3 = {"container":"micromag-consent-buttons-pill-container"};
 
 var _excluded$2 = ["children", "color", "backgroundColor", "className", "active", "disabled", "invert", "dark"];
-var propTypes$4 = {
-  children: PropTypes.node,
-  color: PropTypes.string,
-  backgroundColor: PropTypes.string,
-  active: PropTypes.bool,
-  invert: PropTypes.bool,
-  disabled: PropTypes.bool,
-  dark: PropTypes.bool,
-  className: PropTypes.string
-};
-var defaultProps$4 = {
-  children: null,
-  color: null,
-  backgroundColor: null,
-  active: false,
-  invert: false,
-  disabled: false,
-  dark: false,
-  className: null
-};
 function PillButton(_ref) {
-  var children = _ref.children,
-    color = _ref.color,
-    backgroundColor = _ref.backgroundColor,
-    className = _ref.className,
-    active = _ref.active,
-    disabled = _ref.disabled,
-    invert = _ref.invert,
-    dark = _ref.dark,
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? null : _ref$color,
+    _ref$backgroundColor = _ref.backgroundColor,
+    backgroundColor = _ref$backgroundColor === void 0 ? null : _ref$backgroundColor,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$invert = _ref.invert,
+    invert = _ref$invert === void 0 ? false : _ref$invert,
+    _ref$dark = _ref.dark,
+    dark = _ref$dark === void 0 ? false : _ref$dark,
     props = _objectWithoutProperties(_ref, _excluded$2);
   return /*#__PURE__*/React.createElement(Button, Object.assign({
     className: classNames([styles$3.container, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, styles$3.active, active), styles$3.dark, dark), styles$3.invert, invert), styles$3.disabled, disabled), className, className !== null)])
@@ -147,37 +127,24 @@ function PillButton(_ref) {
     disabled: disabled
   }), children);
 }
-PillButton.defaultProps = defaultProps$4;
-PillButton.propTypes = propTypes$4;
 
 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"};
 
-var propTypes$3 = {
-  name: PropTypes.string,
-  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
-  value: PropTypes.string,
-  disabled: PropTypes.bool,
-  className: PropTypes.string,
-  onClick: PropTypes.func,
-  onChange: PropTypes.func
-};
-var defaultProps$3 = {
-  name: null,
-  value: null,
-  label: null,
-  disabled: false,
-  className: null,
-  onClick: null,
-  onChange: null
-};
 function CheckboxField(_ref) {
-  var name = _ref.name,
-    label = _ref.label,
-    value = _ref.value,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    onChange = _ref.onChange,
-    className = _ref.className;
+  var _ref$name = _ref.name,
+    name = _ref$name === void 0 ? null : _ref$name,
+    _ref$label = _ref.label,
+    label = _ref$label === void 0 ? null : _ref$label,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _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 onInputChange = useCallback(function (e) {
     if (onChange !== null) {
       onChange(e.currentTarget.checked);
@@ -200,8 +167,6 @@ function CheckboxField(_ref) {
     className: styles$2.label
   }, isString(label) ? label : /*#__PURE__*/React.createElement(FormattedMessage, label)));
 }
-CheckboxField.propTypes = propTypes$3;
-CheckboxField.defaultProps = defaultProps$3;
 
 var _excluded$1 = ["href", "route", "routeParams", "external", "children", "target", "rel", "onClick", "className"];
 var useEvent = function useEvent(fn) {
@@ -216,39 +181,23 @@ var useEvent = function useEvent(fn) {
   });
   return ref[1];
 };
-var propTypes$2 = {
-  href: PropTypes.string,
-  route: PropTypes.string,
-  routeParams: PropTypes.object,
-  // eslint-disable-line react/forbid-prop-types
-  external: PropTypes.bool,
-  target: PropTypes.string,
-  children: PropTypes.node,
-  rel: PropTypes.string,
-  onClick: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$2 = {
-  href: null,
-  route: null,
-  routeParams: null,
-  external: false,
-  target: '_blank',
-  rel: 'noopener noreferrer',
-  onClick: null,
-  children: null,
-  className: null
-};
-var LinkPartial = function LinkPartial(_ref) {
-  var href = _ref.href;
+function LinkPartial(_ref) {
+  var _ref$href = _ref.href,
+    href = _ref$href === void 0 ? null : _ref$href;
     _ref.route;
     _ref.routeParams;
-    var external = _ref.external,
-    children = _ref.children,
-    target = _ref.target,
-    rel = _ref.rel,
-    onClick = _ref.onClick,
-    className = _ref.className,
+    var _ref$external = _ref.external,
+    external = _ref$external === void 0 ? false : _ref$external,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children,
+    _ref$target = _ref.target,
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    _ref$rel = _ref.rel,
+    rel = _ref$rel === void 0 ? 'noopener noreferrer' : _ref$rel,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? null : _ref$onClick,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded$1);
   var link = href || null;
   if (link === null) {
@@ -285,45 +234,26 @@ var LinkPartial = function LinkPartial(_ref) {
     href: href,
     onClick: handleClick
   }, props), children);
-};
-LinkPartial.propTypes = propTypes$2;
-LinkPartial.defaultProps = defaultProps$2;
+}
 
 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"};
 
 var _excluded = ["onChange", "onSubmit", "onClose", "onClickLink", "urls", "labels", "className"];
-var propTypes$1 = {
-  urls: PropTypes.shape({
-    privacy: PropTypes.string
-  }),
-  labels: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    privacy: PropTypes.string
-  }),
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  onClose: PropTypes.func,
-  onClickLink: PropTypes.func,
-  className: PropTypes.string
-};
-var defaultProps$1 = {
-  urls: null,
-  labels: null,
-  onChange: null,
-  onSubmit: null,
-  onClose: null,
-  onClickLink: null,
-  className: null
-};
-var Cookies = function Cookies(_ref) {
-  var onChange = _ref.onChange,
-    onSubmit = _ref.onSubmit,
-    onClose = _ref.onClose,
-    onClickLink = _ref.onClickLink,
-    urls = _ref.urls,
-    labels = _ref.labels,
-    className = _ref.className,
+function Cookies(_ref) {
+  var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$onClickLink = _ref.onClickLink,
+    onClickLink = _ref$onClickLink === void 0 ? null : _ref$onClickLink,
+    _ref$urls = _ref.urls,
+    urls = _ref$urls === void 0 ? null : _ref$urls,
+    _ref$labels = _ref.labels,
+    labels = _ref$labels === void 0 ? null : _ref$labels,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? null : _ref$className,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useConsent = useConsentActions({
       onChange: onChange,
@@ -485,49 +415,27 @@ var Cookies = function Cookies(_ref) {
       "value": "Reject all"
     }]
   }))));
-};
-Cookies.propTypes = propTypes$1;
-Cookies.defaultProps = defaultProps$1;
+}
 
 var styles = {"container":"micromag-consent-container","close":"micromag-consent-close"};
 
-var propTypes = {
-  urls: PropTypes.shape({
-    privacy: PropTypes.string,
-    terms: PropTypes.string
-  }),
-  labels: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    privacy: PropTypes.string,
-    terms: PropTypes.string
-  }),
-  onChange: PropTypes.func,
-  onSubmit: PropTypes.func,
-  onClose: PropTypes.func,
-  withClose: PropTypes.bool,
-  className: PropTypes.string,
-  children: PropTypes.node
-};
-var defaultProps = {
-  urls: null,
-  labels: null,
-  onChange: null,
-  onSubmit: null,
-  onClose: null,
-  withClose: false,
-  className: null,
-  children: null
-};
 function Consent(_ref) {
-  var urls = _ref.urls,
-    labels = _ref.labels,
-    onChange = _ref.onChange,
-    onSubmit = _ref.onSubmit,
-    onClose = _ref.onClose,
-    withClose = _ref.withClose,
-    className = _ref.className,
-    children = _ref.children;
+  var _ref$urls = _ref.urls,
+    urls = _ref$urls === void 0 ? null : _ref$urls,
+    _ref$labels = _ref.labels,
+    labels = _ref$labels === void 0 ? null : _ref$labels,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? null : _ref$onSubmit,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? null : _ref$onClose,
+    _ref$withClose = _ref.withClose,
+    withClose = _ref$withClose === void 0 ? false : _ref$withClose,
+    _ref$className = _ref.className,
+    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, _defineProperty({}, className, className)])
   }, onClose !== null && withClose ? /*#__PURE__*/React.createElement(CloseButton, {
@@ -544,7 +452,5 @@ function Consent(_ref) {
     onClose: onClose
   }));
 }
-Consent.propTypes = propTypes;
-Consent.defaultProps = defaultProps;
 
 export { Consent as default, useConsentActions as useConsent };

package/es/styles.css

@@ -0,0 +1,5 @@
+.micromag-consent-buttons-close-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;padding:0;position:relative}
+.micromag-consent-buttons-pill-container{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #fff;color:inherit;cursor:pointer;display:inline-block;font-family:inherit;line-height:1.2;padding:8px 12px;position:relative}.micromag-consent-buttons-pill-container:active,.micromag-consent-buttons-pill-container:hover{background-color:#0b57d0;background-color:var(--color-primary,var(--color-button-active,#0b57d0));color:#fff}
+.micromag-consent-fields-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;line-height:1.2}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-check{margin-right:6px}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-input{accent-color:#0b57d0;accent-color:var(--color-primary,var(--color-checkbox-active,#0b57d0));cursor:pointer;display:block;height:1rem;margin:0 0 5px;width:1rem}.micromag-consent-fields-checkbox-container .micromag-consent-fields-checkbox-label{-ms-flex-positive:1;cursor:pointer;flex-grow:1;font-weight:700;line-height:1}.micromag-consent-fields-checkbox-container:active .micromag-consent-fields-checkbox-label,.micromag-consent-fields-checkbox-container:hover .micromag-consent-fields-checkbox-label{-webkit-text-decoration:underline;text-decoration:underline}
+.micromag-consent-forms-cookies-container{max-height:calc(100vh - 20px);overflow-y:scroll;padding:15px;position:relative}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-title{font-size:1.2rem}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-description,.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-label,.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-title{margin-bottom:1rem}.micromag-consent-forms-cookies-container .micromag-consent-forms-cookies-button{border-radius:10px;font-weight:700;margin:0 5px 5px 0}
+.micromag-consent-container{background-color:#000;background-color:var(--color-background,#000);border-radius:10px;color:#fff;color:var(--color-text,#fff);max-width:800px;position:relative}.micromag-consent-container .micromag-consent-close{color:#fff;color:var(--color-primary,#fff);cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px;z-index:10}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@micromag/consent",
-    "version": "0.3.832",
+    "version": "0.4.6",
     "private": false,
     "description": "",
     "keywords": [
@@ -30,51 +30,49 @@
     "module": "es/index.js",
     "exports": {
         ".": {
+            "types": "./es/index.d.ts",
             "import": "./es/index.js"
         },
-        "./scss/styles": "./scss/styles.scss",
-        "./scss/styles.scss": "./scss/styles.scss",
         "./assets/css/styles": "./assets/css/styles.css",
         "./assets/css/styles.css": "./assets/css/styles.css"
     },
     "files": [
         "lib",
         "es",
-        "assets",
-        "scss"
+        "assets"
     ],
     "scripts": {
-        "clean": "rm -rf es && rm -rf lib && rm -rf assets && rm -rf scss",
+        "clean": "rm -rf es && rm -rf lib && rm -rf assets",
         "prepublishOnly": "npm run build",
-        "build": "../../scripts/prepare-package.sh --scss"
+        "build": "../../scripts/prepare-package.sh --types"
     },
     "devDependencies": {
-        "@panneau/data": "^3.0.163",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@panneau/data": "^4.0.21",
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "peerDependencies": {
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "react": "^19.2.0",
+        "react-dom": "^18.3.0 || ^19.0.0"
     },
     "dependencies": {
-        "@babel/runtime": "^7.13.10",
+        "@babel/runtime": "^7.28.6",
         "@folklore/routes": "^0.2.36",
-        "@fortawesome/fontawesome-svg-core": "^6.5.2",
-        "@fortawesome/free-solid-svg-icons": "^6.5.2",
-        "@fortawesome/react-fontawesome": "^0.2.0",
-        "@micromag/core": "^0.3.832",
-        "@micromag/data": "^0.3.832",
-        "bootstrap": "^5.3.7",
+        "@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.6",
+        "@micromag/data": "^0.4.6",
+        "bootstrap": "^5.3.8",
         "classnames": "^2.2.6",
-        "lodash": "^4.17.21",
-        "prop-types": "^15.7.2",
-        "react-intl": "^6.6.4",
+        "lodash": "^4.17.23",
+        "react-intl": "^8.1.3",
         "wouter": "^3.0.0"
     },
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org/"
     },
-    "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
+    "gitHead": "cf8440c2851b864167a1f545aa56551d55473263",
+    "types": "es/index.d.ts"
 }

package/scss/styles.scss

@@ -1 +0,0 @@
-@import '~@micromag/consent/assets/css/styles.css';