npm - @controleonline/ui-default - Versions diffs - 1.0.263 - Mend

@controleonline/ui-default 1.0.263

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/.github/agents/developer.agent.md +30 -0
package/.github/agents/devops.agent.md +30 -0
package/.github/agents/qa.agent.md +30 -0
package/.github/agents/security.agent.md +30 -0
package/.scrutinizer.yml +20 -0
package/AGENTS.md +47 -0
package/FUNDING.yml +1 -0
package/package.json +21 -0
package/src/react/components/errors/DefaultErrors.js +360 -0
package/src/react/components/files/DefaultFile.js +46 -0
package/src/react/components/filters/CompactFilterSelector.js +262 -0
package/src/react/components/filters/CompactFilterSelector.styles.js +124 -0
package/src/react/components/filters/DateShortcutFilter.js +264 -0
package/src/react/components/filters/DateShortcutFilter.styles.js +82 -0
package/src/react/components/filters/DefaultColumnFilter.js +97 -0
package/src/react/components/filters/DefaultColumnFilter.styles.js +21 -0
package/src/react/components/filters/DefaultExternalFilters.js +441 -0
package/src/react/components/filters/DefaultExternalFilters.styles.js +177 -0
package/src/react/components/filters/DefaultSearch.js +103 -0
package/src/react/components/filters/DefaultSearch.styles.js +70 -0
package/src/react/components/filters/dateFilterSelection.js +29 -0
package/src/react/components/form/DefaultForm.js +198 -0
package/src/react/components/form/DefaultForm.styles.js +70 -0
package/src/react/components/help/DefaultTooltip.js +87 -0
package/src/react/components/help/DefaultTooltip.styles.js +61 -0
package/src/react/components/inputs/DefaultInput.js +160 -0
package/src/react/components/inputs/DefaultInput.styles.js +93 -0
package/src/react/components/inputs/DefaultSelect.js +192 -0
package/src/react/components/inputs/DefaultSelect.styles.js +65 -0
package/src/react/components/inputs/defaultInputUtils.js +230 -0
package/src/react/components/map/DefaultGoogleMap.styles.js +9 -0
package/src/react/components/map/DefaultGoogleMap.web.js +698 -0
package/src/react/components/map/DefaultMap.native.js +71 -0
package/src/react/components/map/DefaultMap.shared.js +762 -0
package/src/react/components/map/DefaultMap.styles.js +16 -0
package/src/react/components/map/DefaultMap.web.js +66 -0
package/src/react/components/map/DefaultNativeMap.native.js +615 -0
package/src/react/components/map/DefaultNativeMap.shared.js +532 -0
package/src/react/components/map/DefaultNativeMap.styles.js +122 -0
package/src/react/components/table/DefaultTable.js +1897 -0
package/src/react/components/table/DefaultTable.styles.js +610 -0
package/src/react/index.js +10 -0
package/src/react/utils/tableVisibleColumnsPreferences.js +264 -0
package/src/store/default/actions.js +444 -0
package/src/store/default/getters.js +28 -0
package/src/store/default/mutation_types.js +26 -0
package/src/store/default/mutations.js +138 -0
package/src/tests/react/components/DateShortcutFilter.test.js +96 -0
package/src/tests/react/components/errors/DefaultErrors.test.js +162 -0
package/src/tests/react/components/files/DefaultFile.test.js +80 -0
package/src/tests/react/components/map/DefaultMap.shared.test.js +162 -0
package/src/tests/react/filters/dateFilterSelection.test.js +46 -0
package/src/tests/react/inputs/defaultInputUtils.test.js +45 -0
package/src/tests/react/store/defaultActions.test.js +112 -0
package/src/tests/react/utils/tableVisibleColumnsPreferences.test.js +223 -0
package/src/utils/filters.js +56 -0

package/src/react/components/map/DefaultNativeMap.shared.js ADDED Viewed

@@ -0,0 +1,532 @@
+import {resolveAppDomain} from '@controleonline/ui-common/src/utils/appDomain';
+const serializeForHtml = value =>
+  JSON.stringify(value).replace(/</g, '\\u003c');
+export const resolveWebViewBaseUrlForDomain = configuredDomain => {
+  const host = resolveAppDomain(configuredDomain);
+  return host ? `https://${host}/` : 'https://app.controleonline.com/';
+};
+export const buildAndroidWebMapHtml = ({
+  apiKey,
+  markerPayloads = [],
+  paths = [],
+  routeColor = '#0EA5E9',
+  userCoordinates = null,
+}) => {
+  const markers = Array.isArray(markerPayloads) ? markerPayloads : [];
+  const routes = Array.isArray(paths) ? paths : [];
+  return `<!DOCTYPE html>
+  <html lang="pt-BR">
+    <head>
+      <meta charset="utf-8" />
+      <meta
+        name="viewport"
+        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
+      />
+      <style>
+        html, body, #map {
+          margin: 0;
+          width: 100%;
+          height: 100%;
+          overflow: hidden;
+          background: #f8fafc;
+          font-family: Arial, sans-serif;
+        }
+        #error {
+          position: absolute;
+          inset: 0;
+          display: none;
+          align-items: center;
+          justify-content: center;
+          padding: 24px;
+          background: rgba(15, 23, 42, 0.78);
+          color: #ffffff;
+          text-align: center;
+          font-size: 14px;
+          font-weight: 700;
+          z-index: 10;
+        }
+        .popup {
+          min-width: 220px;
+          max-width: 280px;
+          color: #0f172a;
+        }
+        .popup-company {
+          font-size: 11px;
+          font-weight: 700;
+          text-transform: uppercase;
+          letter-spacing: 0.08em;
+          color: #0369a1;
+          margin-bottom: 6px;
+        }
+        .popup-title {
+          font-size: 16px;
+          font-weight: 700;
+          margin-bottom: 8px;
+        }
+        .popup-line {
+          font-size: 13px;
+          line-height: 1.45;
+          color: #0f172a;
+          margin-bottom: 4px;
+        }
+        .popup-meta-list {
+          display: grid;
+          gap: 6px;
+          margin-top: 10px;
+        }
+        .popup-meta {
+          display: flex;
+          justify-content: space-between;
+          gap: 10px;
+          font-size: 12px;
+          color: #334155;
+        }
+        .popup-meta-label {
+          color: #64748b;
+        }
+        .popup-actions {
+          display: flex;
+          gap: 8px;
+          margin-top: 14px;
+        }
+        .popup-action {
+          flex: 1;
+          border-radius: 999px;
+          border: 1px solid #cbd5e1;
+          padding: 10px 12px;
+          text-align: center;
+          text-decoration: none;
+          color: #0f172a;
+          font-size: 12px;
+          font-weight: 700;
+          background: #ffffff;
+        }
+        .popup-action.primary {
+          border-color: transparent;
+          background: #0ea5e9;
+          color: #ffffff;
+        }
+      </style>
+    </head>
+    <body>
+      <div id="map"></div>
+      <div id="error"></div>
+      <script>
+        window.__SHOP_MAP_MARKERS__ = ${serializeForHtml(markers)};
+        window.__SHOP_MAP_PATHS__ = ${serializeForHtml(routes)};
+        window.__SHOP_MAP_USER__ = ${serializeForHtml(userCoordinates || null)};
+        function escapeHtml(value) {
+          return String(value || '')
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;')
+            .replace(/'/g, '&#39;');
+        }
+        function postMessage(payload) {
+          if (!window.ReactNativeWebView) {
+            return;
+          }
+          window.ReactNativeWebView.postMessage(JSON.stringify(payload));
+        }
+        function bridgeConsole(method) {
+          var original = console[method];
+          console[method] = function bridgedConsole() {
+            var args = Array.prototype.slice.call(arguments).map(function (item) {
+              if (typeof item === 'string') {
+                return item;
+              }
+              try {
+                return JSON.stringify(item);
+              } catch (error) {
+                return String(item);
+              }
+            });
+            postMessage({
+              type: 'console',
+              level: method,
+              message: args.join(' '),
+            });
+            if (typeof original === 'function') {
+              return original.apply(console, arguments);
+            }
+            return undefined;
+          };
+        }
+        bridgeConsole('log');
+        bridgeConsole('warn');
+        bridgeConsole('error');
+        function showError(message) {
+          var errorElement = document.getElementById('error');
+          errorElement.textContent = message;
+          errorElement.style.display = 'flex';
+          postMessage({type: 'error', message: message});
+        }
+        function buildPopupLine(value) {
+          if (!value) {
+            return '';
+          }
+          return '<div class="popup-line">' + escapeHtml(value) + '</div>';
+        }
+        function buildPopupMeta(label, value) {
+          if (!value) {
+            return '';
+          }
+          return (
+            '<div class="popup-meta">' +
+              '<span class="popup-meta-label">' + escapeHtml(label) + '</span>' +
+              '<span>' + escapeHtml(value) + '</span>' +
+            '</div>'
+          );
+        }
+        function buildPopupAction(url, label, className) {
+          return (
+            '<a class="popup-action ' +
+              className +
+              '" href="' + escapeHtml(url) + '">' +
+              escapeHtml(label) +
+            '</a>'
+          );
+        }
+        function buildNavigationUrl(provider, latitude, longitude) {
+          if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) {
+            return '';
+          }
+          var coordinates = latitude + ',' + longitude;
+          if (provider === 'waze') {
+            return 'https://waze.com/ul?ll=' + encodeURIComponent(coordinates) + '&navigate=yes';
+          }
+          return 'https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent(coordinates);
+        }
+        function resolveMarkerNavigationUrls(item) {
+          var latitude = Number(item && item.latitude);
+          var longitude = Number(item && item.longitude);
+          return {
+            googleMapsUrl: item && item.googleMapsUrl ? item.googleMapsUrl : buildNavigationUrl('google', latitude, longitude),
+            wazeUrl: item && item.wazeUrl ? item.wazeUrl : buildNavigationUrl('waze', latitude, longitude),
+          };
+        }
+        function buildPopupContent(item) {
+          var navigationUrls = resolveMarkerNavigationUrls(item);
+          return (
+            '<div class="popup">' +
+              '<div class="popup-company">' + escapeHtml(item.companyName) + '</div>' +
+              '<div class="popup-title">' + escapeHtml(item.title) + '</div>' +
+              buildPopupLine(item.addressLine) +
+              buildPopupLine(item.addressExtra) +
+              '<div class="popup-meta-list">' +
+                buildPopupMeta('Telefone', item.phoneLabel) +
+                buildPopupMeta('Distancia', item.distanceLabel) +
+                buildPopupMeta('Horario', item.openingHours) +
+              '</div>' +
+              '<div class="popup-actions">' +
+                buildPopupAction(navigationUrls.googleMapsUrl, 'Abrir no Maps', 'primary') +
+                buildPopupAction(navigationUrls.wazeUrl, 'Waze', '') +
+              '</div>' +
+            '</div>'
+          );
+        }
+        window.handleMapError = function handleMapError() {
+          showError('Nao foi possivel carregar o Google Maps.');
+        };
+        window.gm_authFailure = function gmAuthFailure() {
+          showError('Nao foi possivel autenticar a chave do Google Maps.');
+        };
+        window.addEventListener('error', function handleWindowError(event) {
+          var message =
+            event && event.message
+              ? event.message
+              : 'Ocorreu um erro ao carregar o mapa.';
+          postMessage({type: 'window-error', message: message});
+        });
+        function resolveMarkerPosition(item) {
+          var latitude = Number(item && item.latitude);
+          var longitude = Number(item && item.longitude);
+          if (Number.isFinite(latitude) && Number.isFinite(longitude)) {
+            return Promise.resolve({
+              item: item,
+              position: {
+                lat: latitude,
+                lng: longitude,
+              },
+            });
+          }
+          if (!item || !item.geocodeQuery || !window.google || !window.google.maps || !window.google.maps.Geocoder) {
+            return Promise.resolve(null);
+          }
+          var geocoder = new window.google.maps.Geocoder();
+          return new Promise(function (resolve) {
+            geocoder.geocode({address: item.geocodeQuery}, function (results, status) {
+              if (status !== 'OK' || !results || !results[0] || !results[0].geometry || !results[0].geometry.location) {
+                resolve(null);
+                return;
+              }
+              var location = results[0].geometry.location;
+              var resolvedLatitude = Number(location.lat());
+              var resolvedLongitude = Number(location.lng());
+              if (!Number.isFinite(resolvedLatitude) || !Number.isFinite(resolvedLongitude)) {
+                resolve(null);
+                return;
+              }
+              resolve({
+                item: item,
+                position: {
+                  lat: resolvedLatitude,
+                  lng: resolvedLongitude,
+                },
+              });
+            });
+          });
+        }
+        window.initMap = function initMap() {
+          try {
+            var markers = window.__SHOP_MAP_MARKERS__ || [];
+            var paths = window.__SHOP_MAP_PATHS__ || [];
+            var userCoordinates = window.__SHOP_MAP_USER__;
+            if (!window.google || (!markers.length && !paths.length && !userCoordinates)) {
+              showError('Nao foi possivel localizar as franquias no mapa.');
+              return;
+            }
+            Promise.all(markers.map(resolveMarkerPosition)).then(function (resolvedMarkers) {
+              resolvedMarkers = (resolvedMarkers || []).filter(function (entry) {
+                return entry && entry.position;
+              });
+              var map = new window.google.maps.Map(document.getElementById('map'), {
+              mapTypeControl: false,
+              streetViewControl: false,
+              fullscreenControl: false,
+              clickableIcons: false,
+              gestureHandling: 'greedy',
+              zoomControl: false,
+              disableDefaultUI: true,
+            });
+              var bounds = new window.google.maps.LatLngBounds();
+              var infoWindow = new window.google.maps.InfoWindow({maxWidth: 320});
+              var hasUserCoordinates =
+                userCoordinates &&
+                Number.isFinite(userCoordinates.latitude) &&
+                Number.isFinite(userCoordinates.longitude);
+              var directionsService = hasUserCoordinates
+                ? new window.google.maps.DirectionsService()
+                : null;
+              var directionsRenderer = directionsService
+                ? new window.google.maps.DirectionsRenderer({
+                    map: map,
+                    suppressMarkers: true,
+                    preserveViewport: false,
+                    polylineOptions: {
+                      strokeColor: ${serializeForHtml(routeColor)},
+                      strokeOpacity: 0.92,
+                      strokeWeight: 5,
+                    },
+                })
+                : null;
+              var activeRouteRequestId = 0;
+              var resolvePathPosition = function resolvePathPosition(point) {
+                if (!point) {
+                  return null;
+                }
+                var latitude = Number(point.latitude);
+                var longitude = Number(point.longitude);
+                if (!Number.isFinite(latitude) || !Number.isFinite(longitude)) {
+                  return null;
+                }
+                return {
+                  lat: latitude,
+                  lng: longitude,
+                };
+              };
+              if (hasUserCoordinates) {
+                var userPosition = {
+                  lat: userCoordinates.latitude,
+                  lng: userCoordinates.longitude,
+                };
+                new window.google.maps.Marker({
+                  position: userPosition,
+                  map: map,
+                  title: 'Sua localizacao',
+                  zIndex: 999,
+                });
+                bounds.extend(userPosition);
+              }
+              resolvedMarkers.forEach(function (entry) {
+                var item = entry.item;
+                var position = entry.position;
+                var markerOptions = {
+                  position: position,
+                  map: map,
+                  title: item.title,
+                  animation: window.google.maps.Animation.DROP,
+                };
+                if (item.markerIconUrl) {
+                  markerOptions.icon = {
+                    url: item.markerIconUrl,
+                    scaledSize: new window.google.maps.Size(42, 42),
+                  };
+                }
+                var marker = new window.google.maps.Marker(markerOptions);
+                bounds.extend(position);
+                marker.addListener('click', function () {
+                  infoWindow.setContent(buildPopupContent(item));
+                  infoWindow.open({
+                    anchor: marker,
+                    map: map,
+                    shouldFocus: false,
+                  });
+                  if (!directionsService || !directionsRenderer) {
+                    return;
+                  }
+                  var routeRequestId = activeRouteRequestId + 1;
+                  activeRouteRequestId = routeRequestId;
+                  directionsService.route(
+                    {
+                      origin: {
+                        lat: userCoordinates.latitude,
+                        lng: userCoordinates.longitude,
+                      },
+                      destination: position,
+                      travelMode: window.google.maps.TravelMode.DRIVING,
+                    },
+                    function (response, status) {
+                      if (routeRequestId !== activeRouteRequestId) {
+                        return;
+                      }
+                      if (status === 'OK' && response) {
+                        directionsRenderer.setDirections(response);
+                        return;
+                      }
+                      directionsRenderer.set('directions', null);
+                    },
+                  );
+                });
+              });
+              paths.forEach(function (path) {
+                var from = resolvePathPosition(path && path.from);
+                var to = resolvePathPosition(path && path.to);
+                if (!from || !to) {
+                  return;
+                }
+                bounds.extend(from);
+                bounds.extend(to);
+                new window.google.maps.Polyline({
+                  path: [from, to],
+                  geodesic: true,
+                  strokeColor: path && path.color ? path.color : ${serializeForHtml(routeColor)},
+                  strokeOpacity: 0.72,
+                  strokeWeight: 4,
+                  map: map,
+                });
+              });
+              if (bounds.isEmpty()) {
+                showError('Nao foi possivel localizar as franquias no mapa.');
+                return;
+              }
+              map.fitBounds(bounds, {
+                top: 56,
+                right: 32,
+                bottom: 56,
+                left: 32,
+              });
+              postMessage({type: 'ready'});
+              window.google.maps.event.addListenerOnce(map, 'idle', function () {
+                if (resolvedMarkers.length === 1 && map.getZoom() > 15) {
+                  map.setZoom(15);
+                }
+              });
+            }).catch(function () {
+              showError('Nao foi possivel localizar as franquias no mapa.');
+            });
+          } catch (error) {
+            showError('Nao foi possivel carregar o Google Maps.');
+          }
+        };
+      </script>
+      <script
+        async
+        defer
+        src="https://maps.googleapis.com/maps/api/js?key=${encodeURIComponent(
+          apiKey,
+        )}&loading=async&callback=initMap"
+        onerror="handleMapError()"></script>
+    </body>
+  </html>`;
+};

package/src/react/components/map/DefaultNativeMap.styles.js ADDED Viewed

@@ -0,0 +1,122 @@
+import {StyleSheet} from 'react-native';
+export default StyleSheet.create({
+  mapContainer: {
+    width: '100%',
+    height: '100%',
+    position: 'relative',
+    backgroundColor: '#E5EEF5',
+  },
+  mapViewport: {
+    width: '100%',
+    height: '100%',
+  },
+  mapOverlay: {
+    ...StyleSheet.absoluteFillObject,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 24,
+    backgroundColor: 'rgba(248, 250, 252, 0.9)',
+    gap: 12,
+  },
+  mapOverlayText: {
+    fontSize: 14,
+    lineHeight: 20,
+    color: '#0F172A',
+    textAlign: 'center',
+    fontWeight: '600',
+  },
+  markerWrap: {
+    width: 44,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  markerIcon: {
+    width: 42,
+    height: 42,
+  },
+  calloutCard: {
+    minWidth: 228,
+    maxWidth: 288,
+    borderRadius: 18,
+    paddingHorizontal: 14,
+    paddingVertical: 14,
+    backgroundColor: '#FFFFFF',
+    shadowColor: '#0F172A',
+    shadowOpacity: 0.18,
+    shadowRadius: 16,
+    shadowOffset: {
+      width: 0,
+      height: 8,
+    },
+    elevation: 10,
+  },
+  companyName: {
+    fontSize: 11,
+    fontWeight: '700',
+    textTransform: 'uppercase',
+    letterSpacing: 0.6,
+    color: '#0369A1',
+    marginBottom: 6,
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#0F172A',
+    marginBottom: 8,
+  },
+  line: {
+    fontSize: 13,
+    lineHeight: 19,
+    color: '#0F172A',
+    marginBottom: 4,
+  },
+  metaList: {
+    marginTop: 10,
+    gap: 6,
+  },
+  metaRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    gap: 10,
+  },
+  metaLabel: {
+    fontSize: 12,
+    color: '#64748B',
+  },
+  metaValue: {
+    flex: 1,
+    fontSize: 12,
+    color: '#334155',
+    textAlign: 'right',
+  },
+  actionsRow: {
+    flexDirection: 'row',
+    gap: 8,
+    marginTop: 14,
+  },
+  actionButton: {
+    flex: 1,
+    minHeight: 38,
+    borderRadius: 999,
+    borderWidth: 1,
+    borderColor: '#CBD5E1',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 12,
+    backgroundColor: '#FFFFFF',
+  },
+  actionButtonPrimary: {
+    borderColor: 'transparent',
+    backgroundColor: '#0EA5E9',
+  },
+  actionText: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#0F172A',
+  },
+  actionTextPrimary: {
+    color: '#FFFFFF',
+  },
+});