@vonaffenfels/contentful-slate-editor 1.2.18 → 1.2.19

package/.babelrc

@@ -1,38 +1,38 @@
-{
-    "presets": [
-        "next/babel",
-        [
-            "@babel/preset-env",
-            {
-                "modules": false,
-                "targets": {
-                    "browsers": [
-                        "last 2 Chrome versions",
-                        "last 2 Firefox versions",
-                        "last 2 Safari versions",
-                        "last 2 iOS versions",
-                        "last 1 Android version",
-                        "last 1 ChromeAndroid version",
-                        "ie 11"
-                    ]
-                }
-            }
-        ],
-        "@babel/preset-react"
-    ],
-    "plugins": [
-        [
-            "@babel/plugin-proposal-private-property-in-object",
-            {
-                "loose": true
-            }
-        ],
-        [
-            "@babel/plugin-proposal-class-properties",
-            {
-                "loose": true
-            }
-        ],
-        "@babel/plugin-syntax-dynamic-import"
-    ]
+{
+    "presets": [
+        "next/babel",
+        [
+            "@babel/preset-env",
+            {
+                "modules": false,
+                "targets": {
+                    "browsers": [
+                        "last 2 Chrome versions",
+                        "last 2 Firefox versions",
+                        "last 2 Safari versions",
+                        "last 2 iOS versions",
+                        "last 1 Android version",
+                        "last 1 ChromeAndroid version",
+                        "ie 11"
+                    ]
+                }
+            }
+        ],
+        "@babel/preset-react"
+    ],
+    "plugins": [
+        [
+            "@babel/plugin-proposal-private-property-in-object",
+            {
+                "loose": true
+            }
+        ],
+        [
+            "@babel/plugin-proposal-class-properties",
+            {
+                "loose": true
+            }
+        ],
+        "@babel/plugin-syntax-dynamic-import"
+    ]
 }

package/.nvmrc

@@ -1 +1 @@
-v14.16.1
+v14.16.1

package/Readme.md

@@ -1,10 +1,10 @@
-# dev in other repo
-contentful-apps and project in same folder
-
-```shell
-# in contentful-apps
-yarn workspace @vonaffenfels/slate-editor buildWatch
-
-# in project
-yarn link ../contentful-apps --all
+# dev in other repo
+contentful-apps and project in same folder
+
+```shell
+# in contentful-apps
+yarn workspace @vonaffenfels/slate-editor buildWatch
+
+# in project
+yarn link ../contentful-apps --all
  ```

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@vonaffenfels/contentful-slate-editor",
-    "version": "1.2.18",
+    "version": "1.2.19",
     "scripts": {
         "prepublish": "yarn run build",
         "dev": "yarn run start",
@@ -95,10 +95,10 @@
         "webpack-watch-files-plugin": "^1.2.1"
     },
     "dependencies": {
-        "@vonaffenfels/slate-editor": "^1.2.18",
+        "@vonaffenfels/slate-editor": "^1.2.19",
         "webpack": "5.88.2"
     },
-    "gitHead": "17d78c6d835447a438e7e5ae23cc09a2ddb9c61a",
+    "gitHead": "aa2e077d950ae577347ebe01cd13860321b5141b",
     "publishConfig": {
         "access": "public"
     }

package/postcss.config.js

@@ -1,7 +1,7 @@
-module.exports = {
-    plugins: {
-        'postcss-import': {},
-        tailwindcss: {},
-        autoprefixer: {},
-    },
+module.exports = {
+    plugins: {
+        'postcss-import': {},
+        tailwindcss: {},
+        autoprefixer: {},
+    },
 };

package/src/components/ConfigScreen.js

@@ -1,119 +1,119 @@
-import React, {
-    useEffect, useState,
-} from 'react';
-import {
-    Heading, Form, TextField, Workbench,
-} from '@contentful/forma-36-react-components';
-import {FormControl} from '@contentful/f36-components';
-import {Multiselect} from '@contentful/f36-multiselect';
-import {css} from 'emotion';
-
-const Config = ({sdk}) => {
-    const [params, setParams] = useState({
-        translationService: "",
-        translationServiceKey: "",
-        usersWithTranslation: [],
-    });
-    const [spaceUsers, setSpaceUsers] = useState([]);
-
-    const onConfigure = async () => {
-        const currentState = await sdk.app.getCurrentState();
-
-        return {
-            parameters: params,
-            targetState: currentState,
-        };
-    };
-
-    const onFieldChanged = (value, field) => {
-        setParams({
-            ...params,
-            [field]: value,
-        });
-    };
-
-    useEffect(() => {
-        if (sdk) {
-            sdk.app.getParameters().then(params => {
-                setParams(params);
-                sdk.app.setReady();
-            });
-            sdk.space.getUsers().then(users => {
-                setSpaceUsers(users.items.map(v => v.email));
-            });
-        }
-    }, [sdk]);
-
-    useEffect(() => {
-        if (sdk) {
-            sdk.app.onConfigure(() => onConfigure());
-        }
-    }, [sdk, params]);
-
-    const handleSelectItem = (event) => {
-        const {
-            checked,
-            value,
-        } = event.target;
-
-        let newValue = params?.usersWithTranslation || [];
-        if (checked) {
-            newValue = [...newValue, value];
-        } else {
-            newValue = newValue.filter((email) => email !== value);
-        }
-
-        setParams({
-            ...params,
-            usersWithTranslation: newValue,
-        });
-    };
-
-
-    return (
-        <Workbench className={css({
-            padding: '80px',
-            backgroundColor: "#FFF",
-        })}>
-            <Form>
-                <Heading>Configuration</Heading>
-
-                <FormControl>
-                    <FormControl.Label>Benutzer mit Übersetzung im Editor</FormControl.Label>
-                    <Multiselect
-                        currentSelection={params.usersWithTranslation}
-                        popoverProps={{isFullWidth: true}}
-                    >
-                        {spaceUsers.map((userEmail) => {
-                            const val = userEmail.toLowerCase().replace(/\s/g, '-');
-                            return (
-                                <Multiselect.Option
-                                    key={`user-${val}}`}
-                                    itemId={val}
-                                    value={userEmail}
-                                    label={userEmail}
-                                    onSelectItem={handleSelectItem}
-                                    isChecked={params.usersWithTranslation?.includes(userEmail)}
-                                />
-                            );
-                        })}
-                    </Multiselect>
-                </FormControl>
-                <TextField
-                    value={params.translationService}
-                    onChange={e => onFieldChanged(e.target.value, "translationService")}
-                    labelText="Translation Service URL"
-                    required
-                />
-                <TextField
-                    value={params.translationServiceKey}
-                    onChange={e => onFieldChanged(e.target.value, "translationServiceKey")}
-                    labelText="Translation Service API Key"
-                    required
-                />
-            </Form>
-        </Workbench>
-    );
-};
-
+import React, {
+    useEffect, useState,
+} from 'react';
+import {
+    Heading, Form, TextField, Workbench,
+} from '@contentful/forma-36-react-components';
+import {FormControl} from '@contentful/f36-components';
+import {Multiselect} from '@contentful/f36-multiselect';
+import {css} from 'emotion';
+
+const Config = ({sdk}) => {
+    const [params, setParams] = useState({
+        translationService: "",
+        translationServiceKey: "",
+        usersWithTranslation: [],
+    });
+    const [spaceUsers, setSpaceUsers] = useState([]);
+
+    const onConfigure = async () => {
+        const currentState = await sdk.app.getCurrentState();
+
+        return {
+            parameters: params,
+            targetState: currentState,
+        };
+    };
+
+    const onFieldChanged = (value, field) => {
+        setParams({
+            ...params,
+            [field]: value,
+        });
+    };
+
+    useEffect(() => {
+        if (sdk) {
+            sdk.app.getParameters().then(params => {
+                setParams(params);
+                sdk.app.setReady();
+            });
+            sdk.space.getUsers().then(users => {
+                setSpaceUsers(users.items.map(v => v.email));
+            });
+        }
+    }, [sdk]);
+
+    useEffect(() => {
+        if (sdk) {
+            sdk.app.onConfigure(() => onConfigure());
+        }
+    }, [sdk, params]);
+
+    const handleSelectItem = (event) => {
+        const {
+            checked,
+            value,
+        } = event.target;
+
+        let newValue = params?.usersWithTranslation || [];
+        if (checked) {
+            newValue = [...newValue, value];
+        } else {
+            newValue = newValue.filter((email) => email !== value);
+        }
+
+        setParams({
+            ...params,
+            usersWithTranslation: newValue,
+        });
+    };
+
+
+    return (
+        <Workbench className={css({
+            padding: '80px',
+            backgroundColor: "#FFF",
+        })}>
+            <Form>
+                <Heading>Configuration</Heading>
+
+                <FormControl>
+                    <FormControl.Label>Benutzer mit Übersetzung im Editor</FormControl.Label>
+                    <Multiselect
+                        currentSelection={params.usersWithTranslation}
+                        popoverProps={{isFullWidth: true}}
+                    >
+                        {spaceUsers.map((userEmail) => {
+                            const val = userEmail.toLowerCase().replace(/\s/g, '-');
+                            return (
+                                <Multiselect.Option
+                                    key={`user-${val}}`}
+                                    itemId={val}
+                                    value={userEmail}
+                                    label={userEmail}
+                                    onSelectItem={handleSelectItem}
+                                    isChecked={params.usersWithTranslation?.includes(userEmail)}
+                                />
+                            );
+                        })}
+                    </Multiselect>
+                </FormControl>
+                <TextField
+                    value={params.translationService}
+                    onChange={e => onFieldChanged(e.target.value, "translationService")}
+                    labelText="Translation Service URL"
+                    required
+                />
+                <TextField
+                    value={params.translationServiceKey}
+                    onChange={e => onFieldChanged(e.target.value, "translationServiceKey")}
+                    labelText="Translation Service API Key"
+                    required
+                />
+            </Form>
+        </Workbench>
+    );
+};
+
 export default Config;

package/src/components/DialogCloudinary.js

@@ -1,51 +1,51 @@
-import React, {
-    useEffect, useRef,
-} from 'react';
-import "../scss/dialog-cloudinary.scss";
-
-/* global cloudinary */
-
-const DialogCloudinary = ({
-    sdk,
-    config,
-    activeConfig,
-}) => {
-    const cloudinaryApiKey = activeConfig?.env?.CLOUDINARY_API_KEY;
-    const cloudinaryCloudName = activeConfig?.env?.CLOUDINARY_CLOUD_NAME;
-
-    const cloudinaryRef = useRef(null);
-
-    useEffect(() => {
-        // sdk.window.startAutoResizer();
-    }, []);
-
-    const eventHandlers = {
-        insertHandler: (data) => {
-            sdk.close(data);
-        },
-    };
-
-    const libraryOptions = {
-        cloud_name: cloudinaryCloudName,
-        api_key: cloudinaryApiKey,
-        remove_header: true,
-        max_files: config.max_files || undefined,
-        multiple: config.multiple || false,
-        insert_caption: 'Insert',
-        inline_container: '#cloudinary-root',
-    };
-
-    useEffect(() => {
-        if (cloudinaryRef.current) {
-            const library = cloudinary.createMediaLibrary(libraryOptions, eventHandlers);
-
-            library.show(libraryOptions);
-
-            sdk.window.updateHeight(window.outerHeight);
-        }
-    }, [cloudinaryRef]);
-
-    return <div ref={cloudinaryRef} className="cloudinary-dialog" id="cloudinary-root"/>;
-};
-
-export default DialogCloudinary;
+import React, {
+    useEffect, useRef,
+} from 'react';
+import "../scss/dialog-cloudinary.scss";
+
+/* global cloudinary */
+
+const DialogCloudinary = ({
+    sdk,
+    config,
+    activeConfig,
+}) => {
+    const cloudinaryApiKey = activeConfig?.env?.CLOUDINARY_API_KEY;
+    const cloudinaryCloudName = activeConfig?.env?.CLOUDINARY_CLOUD_NAME;
+
+    const cloudinaryRef = useRef(null);
+
+    useEffect(() => {
+        // sdk.window.startAutoResizer();
+    }, []);
+
+    const eventHandlers = {
+        insertHandler: (data) => {
+            sdk.close(data);
+        },
+    };
+
+    const libraryOptions = {
+        cloud_name: cloudinaryCloudName,
+        api_key: cloudinaryApiKey,
+        remove_header: true,
+        max_files: config.max_files || undefined,
+        multiple: config.multiple || false,
+        insert_caption: 'Insert',
+        inline_container: '#cloudinary-root',
+    };
+
+    useEffect(() => {
+        if (cloudinaryRef.current) {
+            const library = cloudinary.createMediaLibrary(libraryOptions, eventHandlers);
+
+            library.show(libraryOptions);
+
+            sdk.window.updateHeight(window.outerHeight);
+        }
+    }, [cloudinaryRef]);
+
+    return <div ref={cloudinaryRef} className="cloudinary-dialog" id="cloudinary-root"/>;
+};
+
+export default DialogCloudinary;