Enable autoPlay as opt-in. Documentation.

.github/workflows/acceptance.yml

@@ -4,7 +4,7 @@ on: [push]
 env:
   ADDON_NAME: "@kitconcept/volto-slider-block"
   ADDON_PATH: "volto-slider-block"
-  VOLTO_VERSION: "17.6.0"
+  VOLTO_VERSION: "17.15.3"
 
 jobs:
 

Makefile

@@ -22,7 +22,7 @@ RESET=`tput sgr0`
 YELLOW=`tput setaf 3`
 
 PLONE_VERSION=6
-VOLTO_VERSION=17.7.0
+VOLTO_VERSION=17.15.3
 
 ADDON_NAME='@kitconcept/volto-slider-block'
 ADDON_PATH='volto-slider-block'

README.md

@@ -63,6 +63,16 @@ yarn start
 
 Go to http://localhost:3000, login, create a new page. The slider block will show up in the Volto blocks chooser.
 
+## Configuration options
+
+### `enableAutoPlay`
+
+This enables the autoplay controls in the block's settings.
+
+```js
+config.blocks.blocksConfig.slider.enableAutoPlay = true;
+```
+
 ## Upgrade Guide
 
 ### `volto-slider-block` 6.0.0

acceptance/cypress/tests/block.cy.js

@@ -47,6 +47,7 @@ context('Block Acceptance Tests', () => {
     cy.get(
       '.objectbrowser-field[aria-labelledby="fieldset-default-field-label-href-0-slides-1"] button[aria-label="Open object browser"]',
     ).click();
+    cy.wait(1000);
     cy.get('aside .breadcrumbs svg.home-icon').click();
     cy.findByLabelText('Select My Page').dblclick();
 
@@ -87,6 +88,7 @@ context('Block Acceptance Tests', () => {
     cy.get(
       '.objectbrowser-field[aria-labelledby="fieldset-default-field-label-href-0-slides-1"] button[aria-label="Open object browser"]',
     ).click();
+    cy.wait(1000);
     cy.get('aside .breadcrumbs svg.home-icon').click();
     cy.findByLabelText('Select My Page').dblclick();
 

news/48.feature

@@ -0,0 +1 @@
+Enable autoPlay as opt-in. Documentation @sneridagh

src/components/schema.js

@@ -126,11 +126,15 @@ export const SliderSchema = (props) =>
           title: 'Default',
           fields: ['slides'],
         },
-        {
-          id: 'autoplay',
-          title: props.intl.formatMessage(messages.Autoplay),
-          fields: ['autoplayEnabled', 'autoplayDelay', 'autoplayJump'],
-        },
+        ...(config.blocks.blocksConfig.slider.enableAutoPlay
+          ? [
+              {
+                id: 'autoplay',
+                title: props.intl.formatMessage(messages.Autoplay),
+                fields: ['autoplayEnabled', 'autoplayDelay', 'autoplayJump'],
+              },
+            ]
+          : []),
       ],
       properties: {
         slides: {

src/index.js

@@ -17,6 +17,7 @@ const applyConfig = (config) => {
     mostUsed: true,
     sidebarTab: 1,
     dataAdapter: SliderBlockDataAdapter,
+    enableAutoPlay: false,
   };
   return config;
 };