@opengeoweb/layer-select 10.0.0 → 10.1.0

package/index.esm.js

@@ -2448,8 +2448,11 @@ var ServiceOptionsDialogConnect = function ServiceOptionsDialogConnect(_ref) {
       isUpdating: true
     })));
   }, [dispatch]);
-  var setServicePopupInfo = React.useCallback(function (payload) {
-    dispatch(layerSelectActions.toggleServicePopup(Object.assign({}, payload)));
+  var setServicePopupInfo = React.useCallback(function (popupInfo) {
+    var payload = Object.assign({}, popupInfo, {
+      variant: popupInfo.variant || 'default'
+    });
+    dispatch(layerSelectActions.toggleServicePopup(payload));
   }, [dispatch]);
   var showSnackbar = React.useCallback(function (message) {
     dispatch(snackbarActions.openSnackbar(message));
@@ -2685,28 +2688,20 @@ var getTitleForVariant = function getTitleForVariant(t, variant) {
       return 'Service';
   }
 };
-var fields = {
-  serviceUrl: {
-    name: 'serviceUrl',
-    label: 'This service refers to this URL'
-  },
-  serviceName: {
-    name: 'serviceName',
-    label: 'Service name'
-  },
-  serviceAbstracts: {
-    name: 'serviceAbstracts',
-    label: 'Abstracts'
-  }
-};
+var FormFields;
+(function (FormFields) {
+  FormFields["serviceUrl"] = "serviceUrl";
+  FormFields["serviceName"] = "serviceName";
+  FormFields["serviceAbstracts"] = "serviceAbstracts";
+})(FormFields || (FormFields = {}));
 var InitialValidationsTrigger = function InitialValidationsTrigger(_ref) {
   var trigger = _ref.trigger,
     getValues = _ref.getValues,
     onValidField = _ref.onValidField;
   React.useEffect(function () {
-    var value = getValues(fields.serviceUrl.name);
+    var value = getValues(FormFields.serviceUrl);
     if (value) {
-      void trigger(fields.serviceUrl.name).then(function (isValid) {
+      void trigger(FormFields.serviceUrl).then(function (isValid) {
         return isValid && onValidField(value);
       });
     }
@@ -2756,8 +2751,8 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
             return loadWMSService(newServiceUrl, true);
           case 4:
             service = _context.sent;
-            setValue(fields.serviceName.name, service.name);
-            setValue(fields.serviceAbstracts.name, service["abstract"]);
+            setValue(FormFields.serviceName, service.name);
+            setValue(FormFields.serviceAbstracts, service["abstract"] || '');
             setIsLoading(false);
             setShouldForceReload(false);
             _context.next = 16;
@@ -2767,7 +2762,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
             _context.t0 = _context["catch"](0);
             setIsLoading(false);
             setShouldForceReload(true);
-            setError(fields.serviceUrl.name, {
+            setError(FormFields.serviceUrl, {
               message: t('validations-request-failed'),
               type: 'SYSTEM'
             });
@@ -2787,7 +2782,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
           case 0:
-            clearErrors(fields.serviceUrl.name);
+            clearErrors(FormFields.serviceUrl);
             setIsLoading(true);
             _context2.prev = 2;
             _context2.next = 5;
@@ -2811,7 +2806,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
             _context2.prev = 12;
             _context2.t0 = _context2["catch"](2);
             setIsLoading(false);
-            setError(fields.serviceUrl.name, {
+            setError(FormFields.serviceUrl, {
               message: t('validations-request-failed'),
               type: 'SYSTEM'
             });
@@ -2829,16 +2824,16 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
     return validateServiceUrl(t, value, services);
   };
   var onFocusServiceUrl = function onFocusServiceUrl() {
-    var hasValue = getValues(fields.serviceUrl.name);
-    if (!errors[fields.serviceUrl.name] && hasValue) {
-      void trigger(fields.serviceUrl.name);
+    var hasValue = getValues(FormFields.serviceUrl);
+    if (!errors[FormFields.serviceUrl] && hasValue) {
+      void trigger(FormFields.serviceUrl);
     }
   };
   var onBlurServiceUrl = function onBlurServiceUrl() {
-    void trigger(fields.serviceUrl.name).then(function () {
-      var hasValue = getValues(fields.serviceUrl.name);
-      if (!errors[fields.serviceUrl.name] && hasValue) {
-        void fetchServiceData(getValues(fields.serviceUrl.name));
+    void trigger(FormFields.serviceUrl).then(function () {
+      var hasValue = getValues(FormFields.serviceUrl);
+      if (!errors[FormFields.serviceUrl] && hasValue) {
+        void fetchServiceData(getValues(FormFields.serviceUrl));
       }
     });
   };
@@ -2851,8 +2846,8 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
     return validateServiceName(t, value, services, serviceName);
   };
   var getFormAreRequiredFieldsEmpty = function getFormAreRequiredFieldsEmpty() {
-    var serviceNameField = watch(fields.serviceName.name);
-    var serviceUrlField = watch(fields.serviceUrl.name);
+    var serviceNameField = watch(FormFields.serviceName);
+    var serviceUrlField = watch(FormFields.serviceUrl);
     return serviceNameField === '' || serviceNameField === undefined || serviceUrlField === '' || serviceUrlField === undefined;
   };
   var getFormHasformErrors = function getFormHasformErrors() {
@@ -2882,7 +2877,9 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
       }
     },
     children: jsxs("form", {
-      onSubmit: handleSubmit(addNewService),
+      onSubmit: handleSubmit(function (formValues) {
+        return addNewService(formValues);
+      }),
       children: [jsxs(DialogTitle, {
         sx: {
           alignItems: 'center',
@@ -2937,7 +2934,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
           padding: '8px 16px'
         },
         children: [jsx(ReactHookFormTextField, {
-          name: fields.serviceUrl.name,
+          name: FormFields.serviceUrl,
           label: t('service-url-label'),
           onFocus: onFocusServiceUrl,
           autoFocus: !shouldDisableAutoFocus,
@@ -2971,7 +2968,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
           },
           defaultValue: serviceUrl
         }), jsx(ReactHookFormTextField, {
-          name: fields.serviceName.name,
+          name: FormFields.serviceName,
           label: t('service-name-label'),
           rules: {
             required: true,
@@ -2989,7 +2986,7 @@ var ServicePopupUnwrapped = function ServicePopupUnwrapped(_ref2) {
         }), jsx(ReactHookFormTextField, {
           multiline: true,
           rows: 4,
-          name: fields.serviceAbstracts.name,
+          name: FormFields.serviceAbstracts,
           label: t('service-abstracts-label'),
           disabled: isShowPopup || isLoading,
           isReadOnly: isShowPopup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengeoweb/layer-select",
-  "version": "10.0.0",
+  "version": "10.1.0",
   "description": "GeoWeb layer select library for the opengeoweb project",
   "license": "Apache-2.0",
   "repository": {

package/src/lib/components/ServiceOptionsDialog/ServiceOptionsDialog.d.ts

@@ -13,7 +13,7 @@ export interface ServicePopupInfo {
     isOpen: boolean;
     serviceId?: string;
     serviceUrl?: string;
-    variant?: layerSelectTypes.PopupVariant;
+    variant: layerSelectTypes.PopupVariant;
 }
 export declare const ServiceOptionsDialog: React.FC<ServiceOptionsDialogProps>;
 export {};

package/src/lib/store/selectors.d.ts

@@ -82,7 +82,7 @@ export declare const isAllFiltersChecked: ((state: LayerSelectModuleState) => bo
  * @param {object} store store: object - object from which the service state will be extracted
  * @returns {array} returnType: LayerWithServiceName - an array of all filtered activelayers
  */
-export declare const getFilteredLayers: ((state: LayerSelectModuleState & import("@opengeoweb/store").CoreAppStore) => LayerWithServiceName[]) & import("reselect").OutputSelectorFields<(args_0: string[], args_1: import("dist/libs/store/src/store/mapStore/types").Services, args_2: string[], args_3: boolean, args_4: string) => LayerWithServiceName[], {
+export declare const getFilteredLayers: ((state: LayerSelectModuleState & import("@opengeoweb/store").CoreAppStore) => LayerWithServiceName[]) & import("reselect").OutputSelectorFields<(args_0: string[], args_1: import("dist/libs/store/src/store/map/types").Services, args_2: string[], args_3: boolean, args_4: string) => LayerWithServiceName[], {
     clearCache: () => void;
 }> & {
     clearCache: () => void;

package/src/lib/utils/testUtils.d.ts

@@ -1,4 +1,4 @@
 import { Store } from '@reduxjs/toolkit';
 import { uiTypes, WebMapStateModuleState } from '@opengeoweb/store';
 import { LayerSelectModuleState } from '../store/types';
-export declare const createMockStore: (mockState: LayerSelectModuleState & uiTypes.UIModuleState & WebMapStateModuleState) => Store;
+export declare const createMockStore: (mockState?: LayerSelectModuleState & uiTypes.UIModuleState & WebMapStateModuleState) => Store;