UNPKG

12.4 kBJavaScriptView Raw
1var __assign = (this && this.__assign) || function () {
2 __assign = Object.assign || function(t) {
3 for (var s, i = 1, n = arguments.length; i < n; i++) {
4 s = arguments[i];
5 for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6 t[p] = s[p];
7 }
8 return t;
9 };
10 return __assign.apply(this, arguments);
11};
12var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13 function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14 return new (P || (P = Promise))(function (resolve, reject) {
15 function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16 function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17 function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18 step((generator = generator.apply(thisArg, _arguments || [])).next());
19 });
20};
21var __generator = (this && this.__generator) || function (thisArg, body) {
22 var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23 return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24 function verb(n) { return function (v) { return step([n, v]); }; }
25 function step(op) {
26 if (f) throw new TypeError("Generator is already executing.");
27 while (_) try {
28 if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29 if (y = 0, t) op = [op[0] & 2, t.value];
30 switch (op[0]) {
31 case 0: case 1: t = op; break;
32 case 4: _.label++; return { value: op[1], done: false };
33 case 5: _.label++; y = op[1]; op = [0]; continue;
34 case 7: op = _.ops.pop(); _.trys.pop(); continue;
35 default:
36 if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37 if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38 if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39 if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40 if (t[2]) _.ops.pop();
41 _.trys.pop(); continue;
42 }
43 op = body.call(thisArg, _);
44 } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45 if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46 }
47};
48import connectToParent from 'penpal/lib/connectToParent';
49import { isInitParent, isOnBootParent, isRenderConfigScreenParent, isRenderFieldExtensionParent, isRenderManualFieldExtensionConfigScreenParent, isRenderModalParent, isRenderPageParent, isRenderSidebarPaneParent, } from './guards';
50function toMultifield(fn) {
51 return function (fields, ctx) {
52 if (!fn) {
53 return {};
54 }
55 var result = {};
56 for (var _i = 0, fields_1 = fields; _i < fields_1.length; _i++) {
57 var field = fields_1[_i];
58 var itemType = ctx.itemTypes[field.relationships.item_type.data.id];
59 result[field.id] = fn(field, __assign(__assign({}, ctx), { itemType: itemType }));
60 }
61 return result;
62 };
63}
64var buildRenderUtils = function (parent) {
65 var oldHeight = null;
66 var updateHeight = function (height) {
67 var realHeight = height === undefined
68 ? Math.ceil(document.documentElement.getBoundingClientRect().height)
69 : height;
70 if (realHeight !== oldHeight) {
71 parent.setHeight(realHeight);
72 oldHeight = realHeight;
73 }
74 };
75 var autoResizingActive = false;
76 var mutationObserver = null;
77 var resetHeight = function () { return updateHeight(); };
78 var startAutoResizer = function () {
79 updateHeight();
80 if (autoResizingActive) {
81 return;
82 }
83 autoResizingActive = true;
84 mutationObserver = new MutationObserver(resetHeight);
85 mutationObserver.observe(window.document.body, {
86 attributes: true,
87 childList: true,
88 subtree: true,
89 characterData: true,
90 });
91 window.addEventListener('resize', resetHeight);
92 };
93 var stopAutoResizer = function () {
94 if (!autoResizingActive) {
95 return;
96 }
97 autoResizingActive = false;
98 if (mutationObserver) {
99 mutationObserver.disconnect();
100 }
101 window.removeEventListener('resize', resetHeight);
102 };
103 return { updateHeight: updateHeight, startAutoResizer: startAutoResizer, stopAutoResizer: stopAutoResizer };
104};
105export function connect(configuration) {
106 if (configuration === void 0) { configuration = {}; }
107 return __awaiter(this, void 0, void 0, function () {
108 var mainNavigationTabs, settingsAreaSidebarItemGroups, contentAreaSidebarItems, manualFieldExtensions, itemFormSidebarPanels, listener, penpalConnection, parent, initialSettings, render, render, renderUtils_1, render, renderUtils_2, render, renderUtils_3, render, renderUtils_4, render, renderUtils_5, render;
109 return __generator(this, function (_a) {
110 switch (_a.label) {
111 case 0:
112 mainNavigationTabs = configuration.mainNavigationTabs, settingsAreaSidebarItemGroups = configuration.settingsAreaSidebarItemGroups, contentAreaSidebarItems = configuration.contentAreaSidebarItems, manualFieldExtensions = configuration.manualFieldExtensions, itemFormSidebarPanels = configuration.itemFormSidebarPanels;
113 listener = null;
114 penpalConnection = connectToParent({
115 methods: {
116 sdkVersion: function () { return '0.2.0'; },
117 implementedHooks: function () {
118 return Object.fromEntries(Object.entries(configuration).map(function (_a) {
119 var key = _a[0], value = _a[1];
120 if (typeof value === 'function') {
121 return [key, true];
122 }
123 return [key, value];
124 }));
125 },
126 mainNavigationTabs: mainNavigationTabs,
127 settingsAreaSidebarItemGroups: settingsAreaSidebarItemGroups,
128 contentAreaSidebarItems: contentAreaSidebarItems,
129 manualFieldExtensions: manualFieldExtensions,
130 itemFormSidebarPanels: itemFormSidebarPanels,
131 overrideFieldExtensions: toMultifield(configuration.overrideFieldExtensions),
132 // eslint-disable-next-line @typescript-eslint/no-explicit-any
133 onChange: function (newSettings) {
134 if (listener) {
135 listener(newSettings);
136 }
137 },
138 validateManualFieldExtensionParameters: configuration.validateManualFieldExtensionParameters,
139 },
140 });
141 return [4 /*yield*/, penpalConnection.promise];
142 case 1:
143 parent = _a.sent();
144 return [4 /*yield*/, parent.getSettings()];
145 case 2:
146 initialSettings = _a.sent();
147 if (isInitParent(parent, initialSettings)) {
148 // Nothing to do. Parent calls the method they need.
149 }
150 if (isOnBootParent(parent, initialSettings)) {
151 render = function (settings) {
152 if (!configuration.onBoot) {
153 return;
154 }
155 configuration.onBoot(__assign(__assign({}, parent), settings));
156 };
157 render(initialSettings);
158 }
159 if (isRenderPageParent(parent, initialSettings)) {
160 render = function (settings) {
161 if (!configuration.renderPage) {
162 return;
163 }
164 configuration.renderPage(settings.pageId, __assign(__assign({}, parent), settings));
165 };
166 listener = render;
167 render(initialSettings);
168 }
169 if (isRenderConfigScreenParent(parent, initialSettings)) {
170 renderUtils_1 = buildRenderUtils(parent);
171 render = function (settings) {
172 if (!configuration.renderConfigScreen) {
173 return;
174 }
175 configuration.renderConfigScreen(__assign(__assign(__assign({}, parent), settings), renderUtils_1));
176 };
177 listener = render;
178 render(initialSettings);
179 }
180 if (isRenderModalParent(parent, initialSettings)) {
181 renderUtils_2 = buildRenderUtils(parent);
182 render = function (settings) {
183 if (!configuration.renderModal) {
184 return;
185 }
186 configuration.renderModal(settings.modalId, __assign(__assign(__assign({}, parent), settings), renderUtils_2));
187 };
188 listener = render;
189 render(initialSettings);
190 }
191 if (isRenderSidebarPaneParent(parent, initialSettings)) {
192 renderUtils_3 = buildRenderUtils(parent);
193 render = function (settings) {
194 if (!configuration.renderItemFormSidebarPanel) {
195 return;
196 }
197 configuration.renderItemFormSidebarPanel(settings.sidebarPaneId, __assign(__assign(__assign({}, parent), settings), renderUtils_3));
198 };
199 listener = render;
200 render(initialSettings);
201 }
202 if (isRenderFieldExtensionParent(parent, initialSettings)) {
203 renderUtils_4 = buildRenderUtils(parent);
204 render = function (settings) {
205 if (!configuration.renderFieldExtension) {
206 return;
207 }
208 configuration.renderFieldExtension(settings.fieldExtensionId, __assign(__assign(__assign({}, parent), settings), renderUtils_4));
209 };
210 listener = render;
211 render(initialSettings);
212 }
213 if (isRenderManualFieldExtensionConfigScreenParent(parent, initialSettings)) {
214 renderUtils_5 = buildRenderUtils(parent);
215 render = function (settings) {
216 if (!configuration.renderManualFieldExtensionConfigScreen) {
217 return;
218 }
219 configuration.renderManualFieldExtensionConfigScreen(settings.fieldExtensionId, __assign(__assign(__assign({}, parent), settings), renderUtils_5));
220 };
221 listener = render;
222 render(initialSettings);
223 }
224 return [2 /*return*/];
225 }
226 });
227 });
228}
229//# sourceMappingURL=connect.js.map
\No newline at end of file