make format

kitconcept · Jan 12, 2024 · eacc767 · eacc767
1 parent d1fafd5
commit eacc767
Show file tree

Hide file tree

Showing 13 changed files with 100 additions and 100 deletions.
diff --git a/src/components/Body.jsx b/src/components/Body.jsx
@@ -1,4 +1,4 @@
-import DefaultSliderBody from "./DefaultBody";
+import DefaultSliderBody from './DefaultBody';
 
 const SliderBody = (props) => {
   const { variation } = props;

diff --git a/src/components/Data.jsx b/src/components/Data.jsx
@@ -1,14 +1,14 @@
-import React from "react";
-import { useIntl } from "react-intl";
-import { BlockDataForm } from "@plone/volto/components";
-import { SliderSchema } from "./schema";
+import React from 'react';
+import { useIntl } from 'react-intl';
+import { BlockDataForm } from '@plone/volto/components';
+import { SliderSchema } from './schema';
 
 const SliderData = (props) => {
   const { block, blocksConfig, data, onChangeBlock } = props;
   const intl = useIntl();
   const schema = SliderSchema({ ...props, intl });
 
-  const dataAdapter = blocksConfig[data["@type"]].dataAdapter;
+  const dataAdapter = blocksConfig[data['@type']].dataAdapter;
 
   return (
     <BlockDataForm

diff --git a/src/components/DefaultBody.jsx b/src/components/DefaultBody.jsx
@@ -1,19 +1,19 @@
-import React from "react";
-import cx from "classnames";
-import config from "@plone/volto/registry";
+import React from 'react';
+import cx from 'classnames';
+import config from '@plone/volto/registry';
 
-const DefaultImage = (props) => <img {...props} alt={props.alt || ""} />;
+const DefaultImage = (props) => <img {...props} alt={props.alt || ''} />;
 
 const SliderBody = ({ data, isActive }) => {
   const image = data.image?.[0];
 
-  const Image = config.getComponent("Image").component || DefaultImage;
+  const Image = config.getComponent('Image').component || DefaultImage;
 
   return (
     <div
-      className={cx("grid-teaser-item top", {
+      className={cx('grid-teaser-item top', {
         // "empty-slide": !href && isEditMode,
-        "slide-visible": isActive,
+        'slide-visible': isActive,
       })}
     >
       <div className="teaser-item top">

diff --git a/src/components/DotsAndArrows.jsx b/src/components/DotsAndArrows.jsx
@@ -1,20 +1,20 @@
-import { Icon } from "@plone/volto/components";
-import { useIntl, defineMessages } from "react-intl";
-import rightArrowSVG from "@plone/volto/icons/right-key.svg";
-import leftArrowSVG from "@plone/volto/icons/left-key.svg";
+import { Icon } from '@plone/volto/components';
+import { useIntl, defineMessages } from 'react-intl';
+import rightArrowSVG from '@plone/volto/icons/right-key.svg';
+import leftArrowSVG from '@plone/volto/icons/left-key.svg';
 
 const messages = defineMessages({
   previousButton: {
-    id: "Previous slide",
-    defaultMessage: "Previous slide",
+    id: 'Previous slide',
+    defaultMessage: 'Previous slide',
   },
   nextButton: {
-    id: "Next slide",
-    defaultMessage: "Next slide",
+    id: 'Next slide',
+    defaultMessage: 'Next slide',
   },
   goToSlide: {
-    id: "Go to slide",
-    defaultMessage: "Go to slide",
+    id: 'Go to slide',
+    defaultMessage: 'Go to slide',
   },
 });
 

diff --git a/src/components/Edit.jsx b/src/components/Edit.jsx
@@ -1,8 +1,8 @@
-import React from "react";
-import { withBlockExtensions } from "@plone/volto/helpers";
-import View from "./View";
-import { SidebarPortal } from "@plone/volto/components";
-import Sidebar from "./Sidebar";
+import React from 'react';
+import { withBlockExtensions } from '@plone/volto/helpers';
+import View from './View';
+import { SidebarPortal } from '@plone/volto/components';
+import Sidebar from './Sidebar';
 
 const SliderEdit = (props) => {
   const { onChangeBlock, block, selected, data } = props;

diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
@@ -1,7 +1,7 @@
-import React from "react";
-import { Segment } from "semantic-ui-react";
+import React from 'react';
+import { Segment } from 'semantic-ui-react';
 
-import Data from "./Data";
+import Data from './Data';
 
 const SliderSidebar = (props) => {
   return (

diff --git a/src/components/View.jsx b/src/components/View.jsx
@@ -1,9 +1,9 @@
-import React, { useCallback, useEffect, useState } from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import cx from "classnames";
-import Body from "./Body";
-import { withBlockExtensions } from "@plone/volto/helpers";
-import { DotButton, NextButton, PrevButton } from "./DotsAndArrows";
+import React, { useCallback, useEffect, useState } from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import cx from 'classnames';
+import Body from './Body';
+import { withBlockExtensions } from '@plone/volto/helpers';
+import { DotButton, NextButton, PrevButton } from './DotsAndArrows';
 
 const SliderView = (props) => {
   const {
@@ -45,7 +45,7 @@ const SliderView = (props) => {
         setSlideIndex && setSlideIndex(index);
       }
     },
-    [emblaApi, setSlideIndex]
+    [emblaApi, setSlideIndex],
   );
 
   const onInit = useCallback((emblaApi) => {
@@ -63,9 +63,9 @@ const SliderView = (props) => {
 
     onInit(emblaApi);
     onSelect(emblaApi);
-    emblaApi.on("reInit", onInit);
-    emblaApi.on("reInit", onSelect);
-    emblaApi.on("select", onSelect);
+    emblaApi.on('reInit', onInit);
+    emblaApi.on('reInit', onSelect);
+    emblaApi.on('select', onSelect);
   }, [emblaApi, onInit, onSelect]);
 
   useEffect(() => {
@@ -84,8 +84,8 @@ const SliderView = (props) => {
   return (
     <>
       <div
-        className={cx("block slider", className)}
-        style={{ "--slider-container-width": `${sliderContainerWidth}px` }}
+        className={cx('block slider', className)}
+        style={{ '--slider-container-width': `${sliderContainerWidth}px` }}
       >
         {data.slides?.length > 0 && (
           <>
@@ -101,10 +101,10 @@ const SliderView = (props) => {
                   {data.slides &&
                     data.slides.map((item, index) => {
                       return (
-                        <div key={item["@id"]} className="slider-slide">
+                        <div key={item['@id']} className="slider-slide">
                           <Body
                             {...props}
-                            key={item["@id"]}
+                            key={item['@id']}
                             data={item}
                             isEditMode={isEditMode}
                             dataBlock={data}
@@ -127,8 +127,8 @@ const SliderView = (props) => {
                     key={index}
                     index={index}
                     onClick={() => scrollTo(index)}
-                    className={"slider-dot".concat(
-                      index === selectedIndex ? " slider-dot--selected" : ""
+                    className={'slider-dot'.concat(
+                      index === selectedIndex ? ' slider-dot--selected' : '',
                     )}
                   />
                 ))}

diff --git a/src/components/adapter.js b/src/components/adapter.js
@@ -1,6 +1,6 @@
-import { difference } from "@plone/volto/helpers";
-import { replaceItemOfArray } from "@plone/volto/helpers";
-import { compact } from "lodash";
+import { difference } from '@plone/volto/helpers';
+import { replaceItemOfArray } from '@plone/volto/helpers';
+import { compact } from 'lodash';
 
 export const SliderBlockDataAdapter = ({
   block,
@@ -14,7 +14,7 @@ export const SliderBlockDataAdapter = ({
     [id]: value,
   };
 
-  if (id === "slides" && data[id]) {
+  if (id === 'slides' && data[id]) {
     const diff = difference(value, data[id]);
     // If we are moving two items in the array, the changeset is > 1
     // then we do not do any sync

diff --git a/src/components/schema.js b/src/components/schema.js
@@ -1,40 +1,40 @@
-import { defineMessages } from "react-intl";
-import config from "@plone/volto/registry";
-import { mergeSchemas } from "../helpers";
-import { v4 as uuid } from "uuid";
+import { defineMessages } from 'react-intl';
+import config from '@plone/volto/registry';
+import { mergeSchemas } from '../helpers';
+import { v4 as uuid } from 'uuid';
 
 const messages = defineMessages({
   Slider: {
-    id: "Slider",
-    defaultMessage: "Slider",
+    id: 'Slider',
+    defaultMessage: 'Slider',
   },
   testimonial: {
-    id: "Testimonial",
-    defaultMessage: "Testimonial",
+    id: 'Testimonial',
+    defaultMessage: 'Testimonial',
   },
   image: {
-    id: "Image",
-    defaultMessage: "Image",
+    id: 'Image',
+    defaultMessage: 'Image',
   },
   name: {
-    id: "Name",
-    defaultMessage: "Name",
+    id: 'Name',
+    defaultMessage: 'Name',
   },
   additionalData: {
-    id: "Additional data",
-    defaultMessage: "Additional data",
+    id: 'Additional data',
+    defaultMessage: 'Additional data',
   },
   item: {
-    id: "Item",
-    defaultMessage: "Item",
+    id: 'Item',
+    defaultMessage: 'Item',
   },
   items: {
-    id: "Items",
-    defaultMessage: "Items",
+    id: 'Items',
+    defaultMessage: 'Items',
   },
   addItem: {
-    id: "Add item",
-    defaultMessage: "Add item",
+    id: 'Add item',
+    defaultMessage: 'Add item',
   },
 });
 
@@ -45,21 +45,21 @@ export const itemSchema = (props) =>
       addMessage: props.intl.formatMessage(messages.addItem),
       fieldsets: [
         {
-          id: "default",
-          title: "Default",
-          fields: ["testimonial", "image", "name", "additionalData"],
+          id: 'default',
+          title: 'Default',
+          fields: ['testimonial', 'image', 'name', 'additionalData'],
         },
       ],
 
       properties: {
         testimonial: {
           title: props.intl.formatMessage(messages.testimonial),
-          widget: "textarea",
+          widget: 'textarea',
         },
         image: {
           title: props.intl.formatMessage(messages.image),
-          widget: "object_browser",
-          mode: "image",
+          widget: 'object_browser',
+          mode: 'image',
           allowExternals: true,
         },
         name: {
@@ -71,32 +71,32 @@ export const itemSchema = (props) =>
       },
       required: [],
     },
-    config.blocks.blocksConfig.slider.extensions?.slideSchema || {}
+    config.blocks.blocksConfig.slider.extensions?.slideSchema || {},
   );
 
 export const SliderSchema = (props) =>
   mergeSchemas(
     {
       title: props.intl.formatMessage(messages.Slider),
-      block: "slider",
+      block: 'slider',
       fieldsets: [
         {
-          id: "default",
-          title: "Default",
-          fields: ["slides"],
+          id: 'default',
+          title: 'Default',
+          fields: ['slides'],
         },
       ],
       properties: {
         slides: {
-          widget: "object_list",
+          widget: 'object_list',
           title: props.intl.formatMessage(messages.items),
           schema: itemSchema(props),
           activeObject: props.activeObject,
           setActiveObject: props.setActiveObject,
-          default: [{ "@id": uuid() }],
+          default: [{ '@id': uuid() }],
         },
       },
       required: [],
     },
-    config.blocks.blocksConfig.slider.extensions?.blockSchema || {}
+    config.blocks.blocksConfig.slider.extensions?.blockSchema || {},
   );
diff --git a/src/helpers/Schema/Schema.js b/src/helpers/Schema/Schema.js
@@ -3,8 +3,8 @@
  * @module helpers/schema/schema
  */
 
-import merge from "deepmerge";
-import { findIndex, map } from "lodash";
+import merge from 'deepmerge';
+import { findIndex, map } from 'lodash';
 
 /**
  * Merge schemas

diff --git a/src/helpers/index.js b/src/helpers/index.js
@@ -1,3 +1,3 @@
-import { mergeSchemas } from "./Schema/Schema";
+import { mergeSchemas } from './Schema/Schema';
 
 export { mergeSchemas };
diff --git a/src/index.js b/src/index.js
@@ -1,15 +1,15 @@
-import Edit from "./components/Edit";
-import View from "./components/View";
-import sliderSVG from "@plone/volto/icons/slider.svg";
-import { SliderBlockDataAdapter } from "./components/adapter";
+import Edit from './components/Edit';
+import View from './components/View';
+import sliderSVG from '@plone/volto/icons/slider.svg';
+import { SliderBlockDataAdapter } from './components/adapter';
 
-import "./theme/main.less";
+import './theme/main.less';
 
 const applyConfig = (config) => {
   config.blocks.blocksConfig.slider = {
-    id: "slider",
-    title: "Slider",
-    group: "common",
+    id: 'slider',
+    title: 'Slider',
+    group: 'common',
     icon: sliderSVG,
     view: View,
     edit: Edit,