1 | var __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 | };
|
12 | var __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 | };
|
21 | var __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 | };
|
48 | import connectToParent from 'penpal/lib/connectToParent';
|
49 | import { isInitParent, isOnBootParent, isRenderConfigScreenParent, isRenderFieldExtensionParent, isRenderManualFieldExtensionConfigScreenParent, isRenderModalParent, isRenderPageParent, isRenderSidebarPaneParent, } from './guards';
|
50 | function 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 | }
|
64 | var 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 | };
|
105 | export 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 |
|
133 | onChange: function (newSettings) {
|
134 | if (listener) {
|
135 | listener(newSettings);
|
136 | }
|
137 | },
|
138 | validateManualFieldExtensionParameters: configuration.validateManualFieldExtensionParameters,
|
139 | },
|
140 | });
|
141 | return [4 , penpalConnection.promise];
|
142 | case 1:
|
143 | parent = _a.sent();
|
144 | return [4 , parent.getSettings()];
|
145 | case 2:
|
146 | initialSettings = _a.sent();
|
147 | if (isInitParent(parent, initialSettings)) {
|
148 |
|
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 ];
|
225 | }
|
226 | });
|
227 | });
|
228 | }
|
229 |
|
\ | No newline at end of file |