@react-lgpd-consent/mui 0.7.2 → 0.8.0

package/README.md

@@ -97,9 +97,9 @@ import { ConsentProvider } from '@react-lgpd-consent/mui'
 ### Presets ANPD
 
 ```tsx
-import { createAnpdCategories } from '@react-lgpd-consent/mui'
+import { createAnpdCategoriesConfig } from '@react-lgpd-consent/mui'
 
-const categories = createAnpdCategories({
+const categories = createAnpdCategoriesConfig({
   include: ['analytics', 'marketing']
 })
 
@@ -161,6 +161,17 @@ function CustomUI() {
 />
 ```
 
+Para bloquear navegação até a decisão, use `blockingMode="hard"` no provider:
+
+```tsx
+<ConsentProvider
+  categories={{ enabledCategories: ['analytics'] }}
+  blocking
+  blockingMode="hard"
+  blockingStrategy="provider"
+/>
+```
+
 ## 📚 Documentação
 
 - [Documentação Principal](https://lucianoedipo.github.io/react-lgpd-consent/)

package/dist/index.cjs

@@ -464,6 +464,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -488,11 +489,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -504,6 +507,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsxRuntime.jsx(
         Typography__default.default,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,

package/dist/index.js

@@ -426,6 +426,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -450,11 +451,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -466,6 +469,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsx(
         Typography,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,

package/dist/ui.cjs

@@ -463,6 +463,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -487,11 +488,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -503,6 +506,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsxRuntime.jsx(
         Typography__default.default,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,

package/dist/ui.js

@@ -422,6 +422,7 @@ function PreferencesModal({
     setTempPreferences(preferences);
     closePreferences();
   };
+  const descriptionId = "cookie-pref-description";
   const modalTitleSx = (theme) => ({
     fontSize: designTokens?.typography?.fontSize?.modal ?? void 0,
     color: designTokens?.colors?.text ?? theme.palette.text.primary
@@ -446,11 +447,13 @@ function PreferencesModal({
     ...modalZIndexToken ? { style: { zIndex: modalZIndexToken } } : {},
     "data-testid": dialogRest?.slotProps?.root?.["data-testid"] ?? "lgpd-preferences-modal-root"
   };
+  const ariaDescribedBy = dialogRest["aria-describedby"] ?? descriptionId;
   const mergedDialogProps = {
     open,
     fullWidth: true,
     maxWidth: "sm",
     ...dialogRest,
+    "aria-describedby": ariaDescribedBy,
     slotProps: {
       ...dialogRest?.slotProps,
       root: rootSlotProps
@@ -462,6 +465,7 @@ function PreferencesModal({
       /* @__PURE__ */ jsx(
         Typography,
         {
+          id: descriptionId,
           variant: "body2",
           sx: (theme) => ({
             mb: 2,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-lgpd-consent/mui",
-  "version": "0.7.2",
+  "version": "0.8.0",
   "description": "Componentes Material-UI prontos para gerenciamento de consentimento LGPD",
   "keywords": [
     "lgpd",
@@ -63,7 +63,7 @@
     }
   },
   "dependencies": {
-    "@react-lgpd-consent/core": "^0.7.2"
+    "@react-lgpd-consent/core": "^0.8.0"
   },
   "scripts": {
     "clean": "rimraf dist",