From 65c16442c9d30fd0aa563bd74cc8005b67c7f6bb Mon Sep 17 00:00:00 2001 From: Valerii Naida Date: Thu, 27 Jun 2024 12:08:26 -0500 Subject: [PATCH] feat: Extension with custom data types --- .../package-lock.json | 66 +++++++++++++++---- .../web-src/src/components/ProductField.js | 15 ++--- 2 files changed, 59 insertions(+), 22 deletions(-) diff --git a/universal-editor-product-picker/package-lock.json b/universal-editor-product-picker/package-lock.json index 7edcb83..b2f31fc 100644 --- a/universal-editor-product-picker/package-lock.json +++ b/universal-editor-product-picker/package-lock.json @@ -11,7 +11,7 @@ "@adobe/aio-sdk": "^3.0.0", "@adobe/exc-app": "^0.2.21", "@adobe/react-spectrum": "^3.4.0", - "@adobe/uix-guest": "^0.8.0", + "@adobe/uix-guest": "^0.10.3", "@spectrum-icons/illustrations": "^3.6.11", "@spectrum-icons/workflow": "^3.2.0", "chalk": "^4", @@ -865,18 +865,56 @@ } }, "node_modules/@adobe/uix-core": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@adobe/uix-core/-/uix-core-0.8.5.tgz", - "integrity": "sha512-khXp4w0z9Fm3QYK1VhxHZv5jEAE72Z68oxaoRbG5+AeMRypP43Jaj+EWT9QZjS6AROhbouoGkLytvG8uLDfPdw==" + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@adobe/uix-core/-/uix-core-0.10.3.tgz", + "integrity": "sha512-BYTvDF6h/NpMXILizT6dt/1BlM3NfVIr0EdPsTj2dybEJ4pgAylIac+LjL11OKcs/DbgVf4XIORGSVIcLYEhsw==" }, "node_modules/@adobe/uix-guest": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/@adobe/uix-guest/-/uix-guest-0.8.5.tgz", - "integrity": "sha512-1QSG6cIieQtDRLO9cRksXlzbZ/6G3EOH7sMh+8Pu0XlPNwR/4J+qoBA8sAm8Nb2/KZJSvlVO5cV/bTV/LfgHEg==", + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@adobe/uix-guest/-/uix-guest-0.10.3.tgz", + "integrity": "sha512-3NmkYjmAscEzL7ojPmza0wvGna4BWr3fDc0PoZirEjcpaBm3HoLg6KttO7qiVYUcsjf9FTQRbeIVW7q3tK/Zuw==", "dependencies": { - "@adobe/uix-core": "^0.8.5" + "@adobe/uix-core": "^0.10.3", + "ajv": "^8.12.0", + "js-yaml": "^4.1.0" } }, + "node_modules/@adobe/uix-guest/node_modules/ajv": { + "version": "8.16.0", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.16.0.tgz", + "integrity": "sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==", + "dependencies": { + "fast-deep-equal": "^3.1.3", + "json-schema-traverse": "^1.0.0", + "require-from-string": "^2.0.2", + "uri-js": "^4.4.1" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/epoberezkin" + } + }, + "node_modules/@adobe/uix-guest/node_modules/argparse": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", + "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==" + }, + "node_modules/@adobe/uix-guest/node_modules/js-yaml": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz", + "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==", + "dependencies": { + "argparse": "^2.0.1" + }, + "bin": { + "js-yaml": "bin/js-yaml.js" + } + }, + "node_modules/@adobe/uix-guest/node_modules/json-schema-traverse": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", + "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==" + }, "node_modules/@ampproject/remapping": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", @@ -8057,8 +8095,7 @@ "node_modules/fast-deep-equal": { "version": "3.1.3", "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", - "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", - "dev": true + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==" }, "node_modules/fast-json-patch": { "version": "3.1.1", @@ -11811,6 +11848,14 @@ "node": ">=0.10.0" } }, + "node_modules/require-from-string": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz", + "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==", + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/require-main-filename": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz", @@ -12907,7 +12952,6 @@ "version": "4.4.1", "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz", "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==", - "dev": true, "dependencies": { "punycode": "^2.1.0" } diff --git a/universal-editor-product-picker/src/universal-editor-ui-1/web-src/src/components/ProductField.js b/universal-editor-product-picker/src/universal-editor-ui-1/web-src/src/components/ProductField.js index 88cb42d..53e41d4 100644 --- a/universal-editor-product-picker/src/universal-editor-ui-1/web-src/src/components/ProductField.js +++ b/universal-editor-product-picker/src/universal-editor-ui-1/web-src/src/components/ProductField.js @@ -36,7 +36,10 @@ export default function () { }); setGuestConnection(guestConnection); - // await guestConnection.host.field.setHeight(1500); + await guestConnection.host.field.setStyles({ + current: { paddingBottom: 10 }, + parent: { paddingBottom: 10 }, + }); })().catch((e) => console.log("Extension got the error during initialization:", e) @@ -65,16 +68,6 @@ export default function () { }; }, [guestConnection]); - useEffect(() => { - (async () => { - if (!guestConnection) { - return; - } - // @TODO doesn't work as expected - // await guestConnection.host.field.setHeight(selections.length * 48 + 350); - })(); - }, [guestConnection, selections]); - const saveProductField = (value) => { guestConnection.host.field.onChange(value); };