@appbaseio/reactivesearch-vue 2.0.0-alpha.4 → 3.0.0-alpha.1

package/dist/es/{ssr-b2c0b401.js → ssr-584c278d.js}

@@ -1,6 +1,38 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-76660dab.js';
-import styled from '@appbaseio/vue-emotion';
-import NoSSR from 'vue-no-ssr';
+import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
+import { defineComponent, ref, computed, onMounted, h, createCommentVNode } from 'vue';
+import { styled } from '@appbaseio/vue-emotion';
+
+// client only component
+// render the placeholder slot on SSR
+// you can manually control exactly when to show the component by the isShow prop
+var NoSSR = defineComponent({
+  props: {
+    isShow: {
+      type: Boolean,
+      "default": undefined
+    }
+  },
+  setup: function setup(props, _ref) {
+    var slots = _ref.slots;
+    var isMounted = ref(false);
+    var isShowDefaultSlot = computed(function () {
+      if (props.isShow === undefined) return isMounted.value;
+      return !!props.isShow && isMounted.value;
+    });
+    onMounted(function () {
+      isMounted.value = true;
+    });
+    var defaultVnode = slots["default"] ? h(function () {
+      return slots["default"] && slots["default"]();
+    }) : createCommentVNode('Client only rendering with empty default slot');
+    var placeholderVNode = slots.placeholder ? h(function () {
+      return slots.placeholder && slots.placeholder();
+    }) : createCommentVNode('Client only rendering component placeholder');
+    return function () {
+      return isShowDefaultSlot.value ? defaultVnode : placeholderVNode;
+    };
+  }
+});
 
 var _templateObject;
 var Slider = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\tmargin-top: 30px;\n\tpadding: 10px;\n\n\t/* component style */\n\t.vue-slider-disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\t/* rail style */\n\t.vue-slider-rail {\n\t\tbackground-color: #ccc;\n\t\tborder-radius: 15px;\n\t\theight: 4px;\n\t}\n\n\t/* process style */\n\t.vue-slider-process {\n\t\tbackground-color: #0b6aff;\n\t\tborder-radius: 15px;\n\t}\n\n\t/* mark style */\n\t.vue-slider-mark {\n\t\tz-index: 4;\n\t}\n\n\t.vue-slider-mark:first-child .vue-slider-mark-step,\n\t.vue-slider-mark:last-child .vue-slider-mark-step {\n\t\tdisplay: none;\n\t}\n\n\t.vue-slider-mark-step {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: rgba(0, 0, 0, 0.16);\n\t}\n\n\t.vue-slider-mark-label {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t}\n\n\t/* dot style */\n\t.vue-slider-dot {\n\t\tz-index: 2;\n\t}\n\n\t.vue-slider-dot-handle {\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #fff;\n\t\tbox-sizing: border-box;\n\t\tborder: 1px solid #9a9a9a;\n\t\tz-index: 2;\n\t\tbox-shadow: 0.5px 0.5px 2px 1px rgb(0 0 0 / 32%);\n\t}\n\n\t.vue-slider-dot-handle-disabled {\n\t\tcursor: not-allowed;\n\t\tbackground-color: #ccc;\n\t}\n\n\t.vue-slider-dot-tooltip-inner {\n\t\tfont-size: 14px;\n\t\twhite-space: nowrap;\n\t\tpadding: 2px 5px;\n\t\tmin-width: 20px;\n\t\ttext-align: center;\n\t\tcolor: #fff;\n\t\tborder-radius: 5px;\n\t\tborder: 1px solid #3498db;\n\t\tbackground-color: #3498db;\n\t\tbox-sizing: content-box;\n\t}\n\n\t.vue-slider-dot-tooltip-inner::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-top::after {\n\t\ttop: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-top-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-bottom::after {\n\t\tbottom: 100%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, 0);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-bottom-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-left::after {\n\t\tleft: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-left-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-inner-right::after {\n\t\tright: 100%;\n\t\ttop: 50%;\n\t\ttransform: translate(0, -50%);\n\t\theight: 0;\n\t\twidth: 0;\n\t\tborder-color: transparent;\n\t\tborder-style: solid;\n\t\tborder-width: 5px;\n\t\tborder-right-color: inherit;\n\t}\n\n\t.vue-slider-dot-tooltip-wrapper {\n\t\topacity: 0;\n\t\ttransition: all 0.3s;\n\t}\n\t.vue-slider-dot-tooltip-wrapper-show {\n\t\topacity: 1;\n\t}\n\n\t.label-container {\n\t\tmargin: 10px 0;\n\t\twidth: 100%;\n\t}\n\n\t.range-label-right {\n\t\tfloat: right;\n\t}\n"])));
@@ -11,13 +43,11 @@ var Slider = styled('div')(_templateObject || (_templateObject = _taggedTemplate
  * `components['vue-slider-component'] = require('vue-slider-component');` in rollup umd build process with some script.
  */
 // eslint-disable-next-line
-
 var getComponents = function getComponents() {
   var components = {
     NoSSR: NoSSR
   };
-
-  if (process.browser) {
+  if (process && process.browser) {
     try {
       // in older versions of nuxt, it's process.BROWSER_BUILD
       // eslint-disable-next-line
@@ -26,8 +56,7 @@ var getComponents = function getComponents() {
       console.error('Unable to load vue-slider', e);
     }
   }
-
   return components;
 };
 
-export { Slider as S, getComponents as g };
+export { NoSSR as N, Slider as S, getComponents as g };

package/dist/es/{utils-9e68acee.js → utils-9e5a16a1.js}

@@ -1,38 +1,31 @@
 import { helper } from '@appbaseio/reactivecore';
-import { a as _extends } from './_rollupPluginBabelHelpers-76660dab.js';
+import { a as _extends } from './_rollupPluginBabelHelpers-ded08042.js';
 
 var getAggsOrder = helper.getAggsOrder;
-
 var extractQuery = function extractQuery(props) {
   var queryToBeReturned = {};
-
   if (props.defaultQuery) {
     var evaluateQuery = props.defaultQuery([], props);
-
     if (evaluateQuery) {
       if (evaluateQuery.query) {
         queryToBeReturned.query = evaluateQuery.query;
       }
-
       if (evaluateQuery.aggs) {
         queryToBeReturned.aggs = evaluateQuery.aggs;
       }
     }
   }
-
   return queryToBeReturned;
-}; // eslint-disable-next-line import/prefer-default-export
-
-
+};
+// eslint-disable-next-line import/prefer-default-export
 var getAggsQuery = function getAggsQuery(query, props) {
   var _clonedQuery$aggs;
-
   var clonedQuery = query;
   var dataField = props.dataField,
-      size = props.size,
-      sortBy = props.sortBy,
-      showMissing = props.showMissing,
-      missingLabel = props.missingLabel;
+    size = props.size,
+    sortBy = props.sortBy,
+    showMissing = props.showMissing,
+    missingLabel = props.missingLabel;
   clonedQuery.size = 0;
   clonedQuery.aggs = (_clonedQuery$aggs = {}, _clonedQuery$aggs[dataField] = {
     terms: _extends({
@@ -43,7 +36,6 @@ var getAggsQuery = function getAggsQuery(query, props) {
       missing: missingLabel
     } : {})
   }, _clonedQuery$aggs);
-
   if (props.nestedField) {
     clonedQuery.aggs = {
       reactivesearch_nested: {
@@ -54,7 +46,6 @@ var getAggsQuery = function getAggsQuery(query, props) {
       }
     };
   }
-
   return _extends({}, clonedQuery, extractQuery(props));
 };
 

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "2.0.0-alpha.4";
+var version = "3.0.0-alpha.1";
 
 export default version;

package/dist/es/{vueTypes-b8146772.js → vueTypes-f1923c72.js}

@@ -1,39 +1,34 @@
 import VueTypes from 'vue-types';
 
+// import dateFormats from './dateFormats';
+
 VueTypes.sensibleDefaults = false;
 var reactKeyType = VueTypes.oneOfType([VueTypes.string, VueTypes.arrayOf(VueTypes.string), VueTypes.object, VueTypes.arrayOf(VueTypes.object)]);
-
 function validateLocation(value) {
   if (!value || !value.lat || !value.lng) {
     console.error(new Error('location must be an object with lat and lng keys defined'));
     return false;
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   if (isNaN(value.lat)) {
     console.error(new Error('lat value must be a number'));
     return false;
-  } // eslint-disable-next-line
-
-
+  }
+  // eslint-disable-next-line
   if (isNaN(value.lat)) {
     console.error(new Error('lng value must be a number'));
     return false;
   }
-
   if (value.lat < -90 || value.lat > 90) {
     console.error(new Error('lat value should be between -90 and 90.'));
     return false;
   }
-
   if (value.lat < -180 || value.lat > 180) {
     console.error(new Error('lng value should be between -180 and 180.'));
     return false;
   }
-
   return true;
 }
-
 var types = {
   any: VueTypes.any,
   bool: VueTypes.bool,
@@ -100,18 +95,12 @@ var types = {
   params: VueTypes.object.isRequired,
   props: VueTypes.object,
   rangeLabelsAlign: VueTypes.oneOf(['left', 'right']),
-  title: VueTypes.oneOfType([VueTypes.string, VueTypes.any]),
+  title: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]),
   tooltipTrigger: VueTypes.oneOf(['always', 'none', 'hover']),
   location: VueTypes.custom(validateLocation),
   unit: VueTypes.oneOf(['mi', 'miles', 'yd', 'yards', 'ft', 'feet', 'in', 'inch', 'km', 'kilometers', 'm', 'meters', 'cm', 'centimeters', 'mm', 'millimeters', 'NM', 'nmi', 'nauticalmiles']),
   value: VueTypes.string.def(undefined),
-  analyticsConfig: VueTypes.shape({
-    emptyQuery: VueTypes.bool,
-    suggestionAnalytics: VueTypes.bool,
-    userId: VueTypes.string,
-    customEvents: VueTypes.object
-  }),
-  appbaseConfig: VueTypes.shape({
+  reactivesearchAPIConfig: VueTypes.shape({
     recordAnalytics: VueTypes.bool,
     emptyQuery: VueTypes.bool,
     suggestionAnalytics: VueTypes.bool,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "2.0.0-alpha.4",
+	"version": "3.0.0-alpha.1",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,25 +34,26 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/reactivecore": "9.14.24",
-		"@appbaseio/vue-emotion": "0.4.4",
+		"@appbaseio/analytics": "^1.1.1",
+		"@appbaseio/reactivecore": "10.0.0-alpha.1",
+		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^5.1.0",
+		"appbase-js": "^5.2.0",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "9.2.12",
-		"gmap-vue": "^3.5.4",
 		"hotkeys-js": "^3.8.7",
 		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",
 		"redux": "^4.0.0",
 		"url-search-params-polyfill": "^7.0.0",
+		"vue-google-maps-community-fork": "^0.1.7",
 		"vue-highlight-words": "^1.2.0",
 		"vue-no-ssr": "^1.1.0",
-		"vue-slider-component": "^3.2.15",
-		"vue-types": "^1.7.0"
+		"vue-slider-component": "next",
+		"vue-types": "^5.0.2"
 	},
 	"peerDependencies": {
-		"vue": "^2.6.10"
+		"vue": "^3.1.0"
 	},
 	"devDependencies": {
 		"@babel/plugin-external-helpers": "^7.2.0",
@@ -63,7 +64,7 @@
 		"@babel/plugin-syntax-jsx": "^7.2.0",
 		"@babel/preset-env": "^7.5.5",
 		"@babel/preset-stage-2": "^7.0.0",
-		"@vue/babel-preset-jsx": "^1.1.0",
+		"@vue/babel-plugin-jsx": "^1.1.1",
 		"@vue/compiler-sfc": "^3.0.11",
 		"eslint": "^4.12.0",
 		"eslint-config-airbnb-base": "^13.1.0",

package/dist/cjs/Button-446f819e.js

@@ -1,68 +0,0 @@
-'use strict';
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c705cbe6.js');
-var emotion = require('emotion');
-var styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var polished = require('polished');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
-var filters = function filters(_ref) {
-  var borderColor = _ref.colors.borderColor;
-  return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
-};
-
-var pagination = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\ta {\n\t\tmargin: 0 3px;\n\t}\n"])));
-var toggleButtons = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\ta {\n\t\tmargin: 3px 3px;\n\t}\n"])));
-var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\ta {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
-
-var primary = function primary(_ref2) {
-  var theme = _ref2.theme;
-  return emotion.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
-};
-
-var large = function large() {
-  return emotion.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
-};
-
-var disabled = function disabled(_ref3) {
-  var theme = _ref3.theme;
-  return emotion.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
-};
-
-var Button = styled__default('a')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.backgroundColor || '#eee';
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.textColor;
-}, function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.colors.backgroundColor ? polished.darken(0.1, theme.colors.backgroundColor) : '#ccc';
-}, function (_ref7) {
-  var theme = _ref7.theme;
-  return polished.rgba(theme.colors.primaryColor, 0.6);
-}, function (_ref8) {
-  var theme = _ref8.theme;
-  return "0 0 0 2px " + polished.rgba(theme.colors.primaryColor, 0.3);
-}, function (props) {
-  return props.primary ? primary : null;
-}, function (props) {
-  return props.disabled ? disabled : null;
-}, function (props) {
-  return props.large && large;
-});
-var loadMoreContainer = emotion.css({
-  margin: '5px 0',
-  display: 'flex',
-  justifyContent: 'center'
-});
-
-exports.Button = Button;
-exports.filters = filters;
-exports.loadMoreContainer = loadMoreContainer;
-exports.pagination = pagination;
-exports.toggleButtons = toggleButtons;