@opengeoweb/taf 2.5.0 → 2.6.0

package/index.umd.js

@@ -1994,6 +1994,22 @@
       return true;
     };
 
+    var emptyBaseForecast = {
+      wind: '',
+      visibility: '',
+      weather: {
+        weather1: '',
+        weather2: '',
+        weather3: ''
+      },
+      cloud: {
+        cloud1: '',
+        cloud2: '',
+        cloud3: '',
+        cloud4: ''
+      }
+    }; // formatters
+
     var formatIssueTime = function formatIssueTime(issueDate) {
       return issueDate ? moment__default["default"](issueDate).utc().format('DDHHmm') + "Z" : 'Not issued';
     };
@@ -2302,11 +2318,7 @@
     var tacHasError = function tacHasError(tac) {
       return tac === TAC_MISSING_DATA || tac === TAC_NOT_AVAILABLE || tac === TAC_RETRIEVING_DATA || tac === TAC_FAILED;
     };
-    var useTACGenerator = function useTACGenerator(taf, requestTAC, standardTAC) {
-      if (standardTAC === void 0) {
-        standardTAC = '';
-      }
-
+    var useTACGenerator = function useTACGenerator(taf, requestTAC) {
       var _a = __read(React__default["default"].useState(taf.status === 'NEW' ? TAC_NOT_AVAILABLE : TAC_RETRIEVING_DATA), 2),
           TAC = _a[0],
           setTAC = _a[1];
@@ -2328,16 +2340,11 @@
         }
       }, [isMounted, requestTAC]);
       React__default["default"].useEffect(function () {
-        if (taf.status !== 'NEW' && !standardTAC) {
+        if (taf.status !== 'NEW') {
           retrieveTAC(taf);
         } // eslint-disable-next-line react-hooks/exhaustive-deps
 
       }, []);
-      React__default["default"].useEffect(function () {
-        if (standardTAC !== '') {
-          setTAC(standardTAC);
-        }
-      }, [standardTAC]);
       return [TAC, retrieveTAC];
     };
     var useDragOrder = function useDragOrder(trigger, move, onFormBlur) {
@@ -2530,7 +2537,7 @@
       var taf = tafAction === 'AMEND' || tafAction === 'DRAFT_AMEND' || tafAction === 'CORRECT' || tafAction === 'DRAFT_CORRECT' ? getAmendedCorrectedTafTimes(_taf, tafAction) : _taf;
       return __assign(__assign(__assign(__assign({}, taf), {
         messageType: getMessageType(taf, tafAction),
-        baseForecast: formatFormValues(taf.baseForecast)
+        baseForecast: __assign(__assign({}, emptyBaseForecast), formatFormValues(taf.baseForecast))
       }), taf.changeGroups && {
         changeGroups: taf.changeGroups.map(formatFormValues)
       }), addEmptyChangeGroup && {
@@ -2916,7 +2923,7 @@
           getValues = _g.getValues,
           trigger = _g.trigger;
 
-      var isNotRequiredForAction = shared.useDraftFormHelpers().isRequired; // cross-field required validation
+      var isNotRequiredForAction = shared.useDraftFormHelpers(true).isRequired; // cross-field required validation
 
       var _h = __read(getRequiredCrossFields(fieldNames), 3),
           mainFields = _h[0],
@@ -3723,20 +3730,6 @@
       }
     };
 
-    var getErrorDefaultMessage = function getErrorDefaultMessage(error) {
-      switch (error.type) {
-        case 'required':
-          {
-            return 'this field is required';
-          }
-
-        default:
-          {
-            return error.message;
-          }
-      }
-    };
-
     var capitalizeWord = function capitalizeWord(_a) {
       var _b = __read(_a),
           firstLetter = _b[0],
@@ -3772,7 +3765,7 @@
           firstNamePart = _a[0];
 
       var fieldErrorTitle = humanizeErrorMessage(firstNamePart);
-      return index + 1 + ". " + fieldErrorTitle + ": " + getErrorDefaultMessage(error);
+      return index + 1 + ". " + fieldErrorTitle + ": " + error.message;
     };
     var MODAL_DIALOG_ELEMENT = 'modal-dialog';
     var useIssuesPane = function useIssuesPane() {
@@ -3855,23 +3848,31 @@
       onValidateForm: null,
       registerValidateForm: null,
       tafAction: null,
-      setTafAction: null
+      setTafAction: null,
+      isFormDirty: null,
+      setIsFormDirty: null
     });
     var useTafModuleContext = function useTafModuleContext() {
       return React__namespace.useContext(TafModuleContext);
     };
-    var useTafModuleState = function useTafModuleState() {
-      var _a = __read(React__namespace.useState(function () {
+    var useTafModuleState = function useTafModuleState(_a) {
+      var onPreventCloseView = _a.onPreventCloseView;
+
+      var _b = __read(React__namespace.useState(function () {
         return new Promise(function () {
           return true;
         });
       }), 2),
-          onValidateForm = _a[0],
-          registerValidateForm = _a[1];
+          onValidateForm = _b[0],
+          registerValidateForm = _b[1];
+
+      var _c = __read(React__namespace.useState(), 2),
+          tafAction = _c[0],
+          setTafAction = _c[1];
 
-      var _b = __read(React__namespace.useState(), 2),
-          tafAction = _b[0],
-          setTafAction = _b[1];
+      var _d = __read(React__namespace.useState(false), 2),
+          isFormDirty = _d[0],
+          setIsFormDirty = _d[1];
 
       var onRegisterValidateForm = function onRegisterValidateForm(promiseToRegister) {
         registerValidateForm(function () {
@@ -3879,16 +3880,29 @@
         });
       };
 
+      var onChangeFormDirty = function onChangeFormDirty(isDirty) {
+        if (isDirty !== isFormDirty) {
+          setIsFormDirty(isDirty);
+          onPreventCloseView(isDirty);
+        }
+      };
+
       return {
         onValidateForm: onValidateForm,
         registerValidateForm: onRegisterValidateForm,
         tafAction: tafAction,
-        setTafAction: setTafAction
+        setTafAction: setTafAction,
+        isFormDirty: isFormDirty,
+        setIsFormDirty: onChangeFormDirty
       };
     };
     var TafModuleProvider = function TafModuleProvider(_a) {
-      var children = _a.children;
-      var contextState = useTafModuleState();
+      var children = _a.children,
+          _b = _a.onPreventCloseView,
+          onPreventCloseView = _b === void 0 ? function () {} : _b;
+      var contextState = useTafModuleState({
+        onPreventCloseView: onPreventCloseView
+      });
       return /*#__PURE__*/React__namespace.createElement(TafModuleContext.Provider, {
         value: contextState
       }, children);
@@ -3902,59 +3916,56 @@
           onFormAction = _b === void 0 ? function () {
         return null;
       } : _b,
-          _c = _a.onFormDirty,
-          onFormDirty = _c === void 0 ? function () {
-        return null;
-      } : _c,
-          _d = _a.isIssuesPaneOpen,
-          isIssuesPaneOpen = _d === void 0 ? false : _d,
-          _e = _a.setIsIssuesPaneOpen,
-          setIsIssuesPaneOpen = _e === void 0 ? function () {
+          _c = _a.isIssuesPaneOpen,
+          isIssuesPaneOpen = _c === void 0 ? false : _c,
+          _d = _a.setIsIssuesPaneOpen,
+          setIsIssuesPaneOpen = _d === void 0 ? function () {
         return null;
-      } : _e,
-          _f = _a.isDisabled,
-          isDisabled = _f === void 0 ? false : _f,
-          _g = _a.setIsDisabled,
-          setIsDisabled = _g === void 0 ? function () {
+      } : _d,
+          _e = _a.isDisabled,
+          isDisabled = _e === void 0 ? false : _e,
+          _f = _a.setIsDisabled,
+          setIsDisabled = _f === void 0 ? function () {
         return null;
-      } : _g;
+      } : _f;
       var originalTaf = tafFromBackend.taf;
       var isDefaultDisabled = getIsFormDefaultDisabled(tafFromBackend.taf.status);
       var confirmDialog = shared.useConfirmationDialog();
 
-      var _h = shared.useDraftFormHelpers(),
-          toggleIsDraft = _h.toggleIsDraft,
-          DraftFieldHelper = _h.DraftFieldHelper;
+      var _g = shared.useDraftFormHelpers(true),
+          toggleIsDraft = _g.toggleIsDraft,
+          DraftFieldHelper = _g.DraftFieldHelper;
 
-      var _j = useTafModuleContext(),
-          registerValidateForm = _j.registerValidateForm,
-          tafAction = _j.tafAction,
-          setTafAction = _j.setTafAction;
+      var _h = useTafModuleContext(),
+          registerValidateForm = _h.registerValidateForm,
+          tafAction = _h.tafAction,
+          setTafAction = _h.setTafAction,
+          setIsFormDirty = _h.setIsFormDirty;
 
       var api$1 = api.useApiContext().api;
       var isMounted = shared.useIsMounted().isMounted;
 
-      var _k = reactHookForm.useFormContext(),
-          control = _k.control,
-          handleSubmit = _k.handleSubmit,
-          trigger = _k.trigger,
-          formState = _k.formState,
-          getValues = _k.getValues,
-          setValue = _k.setValue,
-          reset = _k.reset;
+      var _j = reactHookForm.useFormContext(),
+          control = _j.control,
+          handleSubmit = _j.handleSubmit,
+          trigger = _j.trigger,
+          formState = _j.formState,
+          getValues = _j.getValues,
+          setValue = _j.setValue,
+          reset = _j.reset;
 
       var isFormDirty = formState.isDirty,
           errors = formState.errors;
       shared.usePreventBrowserClose(isFormDirty && !isDisabled);
       var hiddenInputFields = ['baseTime', 'issueDate', 'type', 'uuid', 'validDateStart', 'validDateEnd', 'status', 'previousId', 'previousValidDateStart', 'previousValidDateEnd'];
 
-      var _l = __read(React__default["default"].useState(getValues()), 2),
-          delayedFormValues = _l[0],
-          setDelayedFormValues = _l[1];
+      var _k = __read(React__default["default"].useState(getValues()), 2),
+          delayedFormValues = _k[0],
+          setDelayedFormValues = _k[1];
 
-      var _m = __read(useTACGenerator(tafFromBackend.taf, api$1.getTAC), 2),
-          TAC = _m[0],
-          updateTAC = _m[1];
+      var _l = __read(useTACGenerator(tafFromBackend.taf, api$1.getTAC), 2),
+          TAC = _l[0],
+          updateTAC = _l[1];
 
       var hasErrors = Object.keys(errors).length;
 
@@ -3978,8 +3989,8 @@
       }, [hasErrors]); // Needed to be able to show a confirmation dialog on switching tabs when form is edited and not saved
 
       React__default["default"].useEffect(function () {
-        onFormDirty(isFormDirty);
-      }, [isFormDirty, onFormDirty]);
+        setIsFormDirty(isFormDirty);
+      }, [isFormDirty, setIsFormDirty]);
 
       var onSubmit = function onSubmit(data) {
         // eslint-disable-next-line no-console
@@ -4098,19 +4109,19 @@
         }
       };
 
-      var _o = reactHookForm.useFieldArray({
+      var _m = reactHookForm.useFieldArray({
         control: control,
         name: 'changeGroups'
       }),
-          fields = _o.fields,
-          insert = _o.insert,
-          remove = _o.remove,
-          move = _o.move;
+          fields = _m.fields,
+          insert = _m.insert,
+          remove = _m.remove,
+          move = _m.move;
 
-      var _p = useDragOrder(trigger, move, onFormBlur),
-          onChangeOrder = _p.onChangeOrder,
-          onStartDrag = _p.onStartDrag,
-          activeDraggingIndex = _p.activeDraggingIndex;
+      var _o = useDragOrder(trigger, move, onFormBlur),
+          onChangeOrder = _o.onChangeOrder,
+          onStartDrag = _o.onStartDrag,
+          activeDraggingIndex = _o.activeDraggingIndex;
 
       var onRemoverow = function onRemoverow(index) {
         confirmDialog({
@@ -4191,9 +4202,9 @@
         });
       };
 
-      var _q = __read(React__default["default"].useState(false), 2),
-          shouldValidate = _q[0],
-          setShouldValidate = _q[1];
+      var _p = __read(React__default["default"].useState(false), 2),
+          shouldValidate = _p[0],
+          setShouldValidate = _p[1];
 
       React__default["default"].useEffect(function () {
         setIsDisabled(isDefaultDisabled);
@@ -4225,6 +4236,11 @@
           reset({});
         }; // eslint-disable-next-line react-hooks/exhaustive-deps
       }, []);
+      React__default["default"].useEffect(function () {
+        var newValues = prepareTafValues(tafFromBackend.taf, undefined, !isDefaultDisabled && !tafFromBackend.taf.changeGroups); // set new form values when tafFromBackend changed
+
+        reset(newValues); // eslint-disable-next-line react-hooks/exhaustive-deps
+      }, [tafFromBackend]);
       React__default["default"].useEffect(function () {
         if (shouldValidate && !isDisabled) {
           // trigger validation on all changegroup validity times after initial load since they could be outside the new validity period
@@ -4516,21 +4532,6 @@
         'aria-controls': "simple-tabpanel-" + index
       };
     };
-    var emptyBaseForecast = {
-      wind: '',
-      visibility: '',
-      weather: {
-        weather1: '',
-        weather2: '',
-        weather3: ''
-      },
-      cloud: {
-        cloud1: '',
-        cloud2: '',
-        cloud3: '',
-        cloud4: ''
-      }
-    };
     var prepareTafExportValues = function prepareTafExportValues(tafToCopy, currentTaf) {
       var _a;
 
@@ -5183,6 +5184,7 @@
             switch (_a.label) {
               case 0:
                 setLoading(true);
+                setError(null);
                 _a.label = 1;
 
               case 1:
@@ -5241,22 +5243,18 @@
           postTaf = _c === void 0 ? function () {
         return null;
       } : _c,
-          _d = _a.onFormDirty,
-          onFormDirty = _d === void 0 ? function () {
-        return null;
-      } : _d,
-          _e = _a.isIssuesPaneOpen,
-          isIssuesPaneOpen = _e === void 0 ? false : _e,
-          _f = _a.setIsIssuesPaneOpen,
-          setIsIssuesPaneOpen = _f === void 0 ? function () {
+          _d = _a.isIssuesPaneOpen,
+          isIssuesPaneOpen = _d === void 0 ? false : _d,
+          _e = _a.setIsIssuesPaneOpen,
+          setIsIssuesPaneOpen = _e === void 0 ? function () {
         return null;
-      } : _f,
-          _g = _a.isFormDisabled,
-          isFormDisabled = _g === void 0 ? false : _g,
-          _h = _a.setIsFormDisabled,
-          setIsFormDisabled = _h === void 0 ? function () {
+      } : _e,
+          _f = _a.isFormDisabled,
+          isFormDisabled = _f === void 0 ? false : _f,
+          _g = _a.setIsFormDisabled,
+          setIsFormDisabled = _g === void 0 ? function () {
         return null;
-      } : _h,
+      } : _g,
           error = _a.error;
 
       var onTafAction = function onTafAction(action, taf) {
@@ -5370,16 +5368,21 @@
         severity: "error",
         title: error.title,
         info: error.message,
-        dataTestId: "taf-error"
-      }), /*#__PURE__*/React__default["default"].createElement(TafForm, {
+        dataTestId: "taf-error",
+        shouldClose: true
+      }), /*#__PURE__*/React__default["default"].createElement(material.Box, {
+        sx: {
+          marginTop: '10px',
+          padding: 1
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(TafForm, {
         tafFromBackend: tafFromBackend,
         onFormAction: onTafAction,
-        onFormDirty: onFormDirty,
         isIssuesPaneOpen: isIssuesPaneOpen,
         setIsIssuesPaneOpen: setIsIssuesPaneOpen,
         isDisabled: isFormDisabled,
         setIsDisabled: setIsFormDisabled
-      }));
+      })));
     };
 
     var IssuesPaneWrapper = function IssuesPaneWrapper(props) {
@@ -5418,7 +5421,8 @@
 
       var _f = useTafModuleContext(),
           onValidateForm = _f.onValidateForm,
-          tafAction = _f.tafAction;
+          tafAction = _f.tafAction,
+          isFormDirty = _f.isFormDirty;
 
       var _g = __read(React__default["default"].useState(sortTafTimeSlots(tafList)), 2),
           _h = _g[0],
@@ -5443,12 +5447,8 @@
           setActiveTafIndex = _m[1];
 
       var _o = __read(React__default["default"].useState(false), 2),
-          isFormDirty = _o[0],
-          setIsFormDirty = _o[1];
-
-      var _p = __read(React__default["default"].useState(false), 2),
-          isFormDisabled = _p[0],
-          setIsFormDisabled = _p[1];
+          isFormDisabled = _o[0],
+          setIsFormDisabled = _o[1];
 
       var postTaf = function postTaf(data) {
         return __awaiter(void 0, void 0, void 0, function () {
@@ -5511,6 +5511,7 @@
                 _a.sent();
                 confirmDialog(CONFIRM_DIALOG_OPTIONS).then(function () {
                   action(value);
+                  setError(null);
                 });
                 return [3
                 /*break*/
@@ -5523,6 +5524,7 @@
 
               case 6:
                 action(value);
+                setError(null);
                 _a.label = 7;
 
               case 7:
@@ -5644,8 +5646,6 @@
       }, /*#__PURE__*/React__default["default"].createElement(material.Card, {
         variant: "outlined",
         sx: {
-          padding: 1,
-          paddingTop: 0,
           marginBottom: '12px',
           position: 'relative'
         }
@@ -5660,7 +5660,6 @@
           activeTafIndex: activeTafIndex,
           index: index,
           tafFromBackend: tafFromBackend,
-          onFormDirty: setIsFormDirty,
           isIssuesPaneOpen: isIssuesPaneOpen,
           setIsIssuesPaneOpen: onToggleIssuesPane,
           isFormDisabled: isFormDisabled,
@@ -5671,13 +5670,15 @@
         });
       }))), /*#__PURE__*/React__default["default"].createElement(material.Grid, {
         item: true,
-        xs: 3,
-        sx: {
-          height: '100%'
+        xs: 0,
+        sm: 3,
+        height: {
+          xs: 0,
+          sm: '100%'
         },
-        display: {
-          xs: 'none',
-          sm: 'block'
+        width: {
+          xs: 0,
+          sm: '100%'
         }
       }, /*#__PURE__*/React__default["default"].createElement(TacOverview, {
         upcomingTafs: upcoming,
@@ -5692,26 +5693,11 @@
       }));
     };
 
-    /* *
-     * Licensed under the Apache License, Version 2.0 (the "License");
-     * you may not use this file except in compliance with the License.
-     * You may obtain a copy of the License at
-     *
-     *     http://www.apache.org/licenses/LICENSE-2.0
-     *
-     * Unless required by applicable law or agreed to in writing, software
-     * distributed under the License is distributed on an "AS IS" BASIS,
-     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-     * See the License for the specific language governing permissions and
-     * limitations under the License.
-     *
-     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
-     * Copyright 2022 - Finnish Meteorological Institute (FMI)
-     * */
-
     var TafWrapper = function TafWrapper(_a) {
-      var children = _a.children;
-      return /*#__PURE__*/React__namespace.createElement(TafModuleProvider, null, /*#__PURE__*/React__namespace.createElement(shared.ConfirmationServiceProvider, null, /*#__PURE__*/React__namespace.createElement(formFields.ReactHookFormProvider, {
+      var children = _a.children,
+          props = __rest(_a, ["children"]);
+
+      return /*#__PURE__*/React__namespace.createElement(TafModuleProvider, __assign({}, props), /*#__PURE__*/React__namespace.createElement(shared.ConfirmationServiceProvider, null, /*#__PURE__*/React__namespace.createElement(formFields.ReactHookFormProvider, {
         options: {
           mode: 'onTouched',
           reValidateMode: 'onChange',
@@ -5797,15 +5783,17 @@
       }), hasTafListError && /*#__PURE__*/React__namespace.createElement(shared.AlertBanner, {
         severity: "error",
         title: "An error has occurred while retrieving the list",
-        info: getTafListError.message
+        info: getTafListError.message,
+        dataTestId: "taf-list-error",
+        shouldClose: true
       }), /*#__PURE__*/React__namespace.createElement(TafLayout, {
         tafList: tafList,
         onPostTaf: reFetchNewTafList
       }));
     };
 
-    var Wrapper = function Wrapper() {
-      return /*#__PURE__*/React__namespace.createElement(TafWrapper, null, /*#__PURE__*/React__namespace.createElement(TafModule, null));
+    var Wrapper = function Wrapper(props) {
+      return /*#__PURE__*/React__namespace.createElement(TafWrapper, __assign({}, props), /*#__PURE__*/React__namespace.createElement(TafModule, null));
     };
 
     var createApi$1 = function createApi(url, appUrl, auth, setAuth, authTokenUrl, authClientId) {
@@ -6788,10 +6776,100 @@
       };
     };
 
+    /* *
+     * Licensed under the Apache License, Version 2.0 (the "License");
+     * you may not use this file except in compliance with the License.
+     * You may obtain a copy of the License at
+     *
+     *     http://www.apache.org/licenses/LICENSE-2.0
+     *
+     * Unless required by applicable law or agreed to in writing, software
+     * distributed under the License is distributed on an "AS IS" BASIS,
+     * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+     * See the License for the specific language governing permissions and
+     * limitations under the License.
+     *
+     * Copyright 2022 - Koninklijk Nederlands Meteorologisch Instituut (KNMI)
+     * Copyright 2022 - Finnish Meteorological Institute (FMI)
+     * */
+    var tafScreenPreset = {
+      id: 'screenConfigTaf',
+      title: 'TAF',
+      views: {
+        byId: {
+          taf: {
+            title: 'TAF',
+            componentType: 'TafModule',
+            initialProps: {}
+          }
+        },
+        allIds: ['taf']
+      },
+      syncGroups: [],
+      mosaicNode: 'taf'
+    };
+    var TafApiWrapper = function TafApiWrapper(_a) {
+      var config = _a.config,
+          auth = _a.auth,
+          onSetAuth = _a.onSetAuth,
+          onPreventCloseView = _a.onPreventCloseView;
+      return config ? /*#__PURE__*/React__namespace.createElement(api.ApiProvider, {
+        baseURL: config.baseUrl,
+        appURL: config.appUrl,
+        auth: auth,
+        onSetAuth: onSetAuth,
+        createApi: createApi$1,
+        authTokenUrl: config.authTokenUrl,
+        authClientId: config.authClientId
+      }, /*#__PURE__*/React__namespace.createElement(shared.ErrorBoundary, null, /*#__PURE__*/React__namespace.createElement(Wrapper, {
+        onPreventCloseView: onPreventCloseView
+      }))) : null;
+    };
+    var componentsLookUp = function componentsLookUp(payload, _a, // TODO: find a good way to type this module without the apps complaining
+    // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+    ConnectedModuleWrapper) {
+      var config = _a.config,
+          auth = _a.auth,
+          onSetAuth = _a.onSetAuth;
+
+      if (ConnectedModuleWrapper === void 0) {
+        ConnectedModuleWrapper = null;
+      }
+
+      var componentType = payload.componentType;
+
+      switch (componentType) {
+        case 'TafModule':
+          if (ConnectedModuleWrapper) {
+            return /*#__PURE__*/React__namespace.createElement(ConnectedModuleWrapper, {
+              component: TafApiWrapper,
+              payload: payload,
+              "data-testid": "tafmodule",
+              config: config,
+              auth: auth,
+              onSetAuth: onSetAuth
+            });
+          }
+
+          return /*#__PURE__*/React__namespace.createElement(TafApiWrapper, {
+            "data-testid": "tafmodule",
+            config: config,
+            auth: auth,
+            onSetAuth: onSetAuth
+          });
+
+        default:
+          return null;
+      }
+    };
+
+    exports.TafApiWrapper = TafApiWrapper;
     exports.TafForm = TafForm;
     exports.TafModule = Wrapper;
+    exports.componentsLookUp = componentsLookUp;
     exports.createApi = createApi$1;
     exports.createFakeApi = createApi;
+    exports.tafScreenPreset = tafScreenPreset;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 

package/lib/components/ComponentsLookUp/ComponentsLookUp.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { ApiUrls, Credentials } from '@opengeoweb/api';
+export declare const tafScreenPreset: {
+    id: string;
+    title: string;
+    views: {
+        byId: {
+            taf: {
+                title: string;
+                componentType: string;
+                initialProps: {};
+            };
+        };
+        allIds: string[];
+    };
+    syncGroups: any[];
+    mosaicNode: string;
+};
+declare type TafComponentType = 'TafModule';
+export interface ComponentsLookUpPayload {
+    componentType: TafComponentType;
+    id: string;
+    title?: string;
+    initialProps: Record<string, never>;
+}
+declare type ApiModuleProps = {
+    config: ApiUrls;
+    auth: Credentials;
+    onSetAuth: (credentias: Credentials) => void;
+    onPreventCloseView?: (shouldPreventClose: boolean) => void;
+};
+export declare const TafApiWrapper: React.FC<ApiModuleProps>;
+export declare const componentsLookUp: (payload: ComponentsLookUpPayload, { config, auth, onSetAuth }: ApiModuleProps, ConnectedModuleWrapper?: any) => React.ReactElement;
+export {};

package/lib/components/ComponentsLookUp/ComponentsLookUp.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/ComponentsLookUp/index.d.ts

@@ -0,0 +1 @@
+export * from './ComponentsLookUp';