@contentful/react-apps-toolkit 1.2.16 → 1.2.21-alpha.0

package/README.md

@@ -108,13 +108,33 @@ If used in the [entry sidebar location](/developers/docs/extensibility/app-frame
 
 Usage:
 
+Field component:
+```tsx
+import { SDKProvider, useFieldValue } from '@contentful/react-apps-toolkit';
+
+function FieldComponentUsingFieldValue() {
+  const [localizedValue, setLocalizedValue] = useFieldValue(sdk.field.id, sdk.field.locale); // specifies the current field and locale
+
+  return <input value={localizedValue} onChange={(e) => setLocalizedValue(e.target.value)} />;
+}
+
+function App() {
+  return (
+    <SDKProvider>
+      <FieldComponentUsingFieldValue />
+    </SDKProvider>
+  );
+}
+```
+
+Sidebar or Entry Editor component:
 ```tsx
 import { SDKProvider, useFieldValue } from '@contentful/react-apps-toolkit';
 
 function ComponentUsingFieldValue() {
-  const [value, setValue] = useFieldValue('slug', 'en-US');
+  const [defaultValue, setDefaultValue] = useFieldValue('slug', sdk.locales.default); // specifies the "slug" field and the environment's default locale
 
-  return <input value={value} onChange={(e) => setValue(e.target.value)} />;
+  return <input value={defaultValue} onChange={(e) => setDefaultValue(e.target.value)} />;
 }
 
 function App() {

package/dist/SDKProvider.js

@@ -25,7 +25,7 @@ var SDKProvider = function (props) {
     var _a = (0, react_1.useState)(), sdk = _a[0], setSDK = _a[1];
     (0, react_1.useEffect)(function () {
         var timeout = window.setTimeout(function () {
-            console.warn("Your app is taking longer than expected to initialize. If you think this is an error with Contentful's App SDK, let us know: https://github.com/contentful/ui-extensions-sdk/issues");
+            console.warn("Your app is taking longer than expected to initialize. If you think this is an error with Contentful's App SDK, let us know: https://github.com/contentful/ui-extensions-sdk/issues.");
         }, DELAY_TIMEOUT);
         (0, app_sdk_1.init)(function (sdk) {
             setSDK(sdk);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/react-apps-toolkit",
-  "version": "1.2.16",
+  "version": "1.2.21-alpha.0",
   "description": "Toolkit for building a Contentful app in React",
   "keywords": [],
   "author": "Contentful GmbH",
@@ -47,10 +47,11 @@
     "typescript": "4.9.5"
   },
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "registry": "https://npm.pkg.github.com/"
   },
   "dependencies": {
     "contentful-management": ">=7.30.0"
   },
-  "gitHead": "9f69cc5e13fe10bd03949111580a3de55f5a28c7"
+  "gitHead": "83eea204b666977602cb680d5e5913864aa6dcc1"
 }