@contentful/field-editor-shared 2.3.2 → 2.4.0

package/dist/cjs/hooks/useActiveLocales.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useActiveLocales", {
+    enumerable: true,
+    get: function() {
+        return useActiveLocales;
+    }
+});
+const _react = require("react");
+function useActiveLocales(sdk) {
+    const [activeLocales, setActiveLocales] = (0, _react.useState)([]);
+    (0, _react.useEffect)(()=>{
+        if (!sdk.editor) {
+            setActiveLocales(sdk.locales.available.map((code)=>({
+                    code
+                })));
+            return;
+        }
+        const availableLocales = new Set(sdk.locales.available);
+        const updateLocales = (settings)=>{
+            let localeCodes = [];
+            if (settings.mode === 'multi' && settings.active) {
+                localeCodes = settings.active.filter((locale)=>availableLocales.has(locale));
+            } else if (settings.mode === 'single' && settings.focused && availableLocales.has(settings.focused)) {
+                localeCodes = [
+                    settings.focused
+                ];
+            }
+            setActiveLocales(localeCodes.map((code)=>({
+                    code
+                })));
+        };
+        updateLocales(sdk.editor.getLocaleSettings());
+        const unsubscribe = sdk.editor.onLocaleSettingsChanged(updateLocales);
+        return ()=>{
+            unsubscribe();
+        };
+    }, [
+        sdk.editor,
+        sdk.locales.available
+    ]);
+    return activeLocales;
+}

package/dist/cjs/index.js

@@ -112,6 +112,7 @@ const _typesEntity = require("./typesEntity");
 const _isValidImage = require("./utils/isValidImage");
 const _shortenStorageUnit = require("./utils/shortenStorageUnit");
 _export_star(require("./hooks/useLocalePublishStatus"), exports);
+_export_star(require("./hooks/useActiveLocales"), exports);
 _export_star(require("./LocalePublishingEntityStatusBadge"), exports);
 const _ModalDialogLauncher = _interop_require_wildcard(require("./ModalDialogLauncher"));
 const _constraints = _interop_require_wildcard(require("./utils/constraints"));

package/dist/esm/hooks/useActiveLocales.js

@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react';
+export function useActiveLocales(sdk) {
+    const [activeLocales, setActiveLocales] = useState([]);
+    useEffect(()=>{
+        if (!sdk.editor) {
+            setActiveLocales(sdk.locales.available.map((code)=>({
+                    code
+                })));
+            return;
+        }
+        const availableLocales = new Set(sdk.locales.available);
+        const updateLocales = (settings)=>{
+            let localeCodes = [];
+            if (settings.mode === 'multi' && settings.active) {
+                localeCodes = settings.active.filter((locale)=>availableLocales.has(locale));
+            } else if (settings.mode === 'single' && settings.focused && availableLocales.has(settings.focused)) {
+                localeCodes = [
+                    settings.focused
+                ];
+            }
+            setActiveLocales(localeCodes.map((code)=>({
+                    code
+                })));
+        };
+        updateLocales(sdk.editor.getLocaleSettings());
+        const unsubscribe = sdk.editor.onLocaleSettingsChanged(updateLocales);
+        return ()=>{
+            unsubscribe();
+        };
+    }, [
+        sdk.editor,
+        sdk.locales.available
+    ]);
+    return activeLocales;
+}

package/dist/esm/index.js

@@ -7,6 +7,7 @@ export { Asset, Entry, File } from './typesEntity';
 export { isValidImage } from './utils/isValidImage';
 export { shortenStorageUnit, toLocaleString } from './utils/shortenStorageUnit';
 export * from './hooks/useLocalePublishStatus';
+export * from './hooks/useActiveLocales';
 export { ModalDialogLauncher };
 export { entityHelpers };
 export { ConstraintsUtils };

package/dist/types/hooks/useActiveLocales.d.ts

@@ -0,0 +1,8 @@
+import { BaseAppSDK, SharedEditorSDK } from '@contentful/app-sdk';
+export type SDK = {
+    editor?: SharedEditorSDK['editor'];
+    locales: Pick<BaseAppSDK['locales'], 'available'>;
+};
+export declare function useActiveLocales(sdk: SDK): {
+    code: string;
+}[];

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ export { Asset, Entry, File } from './typesEntity';
 export { isValidImage } from './utils/isValidImage';
 export { shortenStorageUnit, toLocaleString } from './utils/shortenStorageUnit';
 export * from './hooks/useLocalePublishStatus';
+export * from './hooks/useActiveLocales';
 export { ModalDialogLauncher };
 export { entityHelpers };
 export { ConstraintsUtils };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/field-editor-shared",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -55,5 +55,5 @@
   "publishConfig": {
     "registry": "https://npm.pkg.github.com/"
   },
-  "gitHead": "818d5f85db9f0d8db39fc41a6019efb958c7b513"
+  "gitHead": "acf662acf17e749090975671bf14ce107ac9c499"
 }