@appbaseio/reactivesearch-vue 2.0.0-alpha.3 → 3.0.0-alpha.0

package/dist/cjs/CancelSvg-9f258f4f.js

@@ -1,449 +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 styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
-
-var _templateObject;
-var InputWrapper = styled__default('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n  flex: 1;\n  position: relative;\n"])));
-
-var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
-var IconGroup = styled__default('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
-  var positionType = _ref.positionType;
-
-  if (positionType === 'absolute') {
-    return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
-  }
-
-  return null;
-}, function (_ref2) {
-  var groupPosition = _ref2.groupPosition;
-  return groupPosition === 'right' ? styled.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\tright: 0;\n\t\t\t  "]))) : styled.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\t\tleft: 0;\n\t\t\t  "])));
-});
-
-var _templateObject$2;
-var IconWrapper = styled__default('div')(_templateObject$2 || (_templateObject$2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;min-width:20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform:scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.colors.primaryColor;
-}, function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.borderColor || '#000';
-});
-
-/**
- * Scroll node into view if necessary
- * @param {HTMLElement} node the element that should scroll into view
- * @param {HTMLElement} rootNode the root element of the component
- */
-// eslint-disable-next-line
-
-var scrollIntoView = function scrollIntoView(node, rootNode) {
-  if (node === null) {
-    return;
-  }
-
-  var actions = computeScrollIntoView(node, {
-    boundary: rootNode,
-    block: 'nearest',
-    scrollMode: 'if-needed'
-  });
-  actions.forEach(function (_ref) {
-    var el = _ref.el,
-        top = _ref.top,
-        left = _ref.left;
-    el.scrollTop = top;
-    el.scrollLeft = left;
-  });
-};
-
-var Downshift = {
-  // eslint-disable-next-line
-  props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange', 'itemToString', 'handleMouseup'],
-  data: function data() {
-    return {
-      isMouseDown: false,
-      internal_isOpen: false,
-      internal_inputValue: '',
-      internal_selectedItem: null,
-      internal_highlightedIndex: null
-    };
-  },
-  computed: {
-    mergedState: function mergedState() {
-      var _this = this;
-
-      return Object.keys(this.$props).reduce(function (state, key) {
-        var _extends2;
-
-        return _rollupPluginBabelHelpers._extends({}, state, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
-      }, {});
-    },
-    internalItemCount: function internalItemCount() {
-      return this.items.length;
-    }
-  },
-  mounted: function mounted() {
-    window.addEventListener('mousedown', this.handleWindowMousedown);
-    window.addEventListener('mouseup', this.handleWindowMouseup);
-  },
-  beforeDestroy: function beforeDestroy() {
-    window.removeEventListener('mousedown', this.handleWindowMousedown);
-    window.removeEventListener('mouseup', this.handleWindowMouseup);
-  },
-  methods: {
-    handleWindowMousedown: function handleWindowMousedown() {
-      this.isMouseDown = true;
-    },
-    handleWindowMouseup: function handleWindowMouseup(event) {
-      this.isMouseDown = false;
-
-      if ((event.target === this.$refs.rootNode || !this.$refs.rootNode.contains(event.target)) && this.mergedState.isOpen) {
-        // TODO: handle on outer click here
-        if (!this.isMouseDown) {
-          this.reset();
-
-          if (this.$props.handleMouseup) {
-            this.$props.handleMouseup({
-              isOpen: false
-            });
-          }
-        }
-      }
-    },
-    keyDownArrowDown: function keyDownArrowDown(event) {
-      event.preventDefault();
-      var amount = event.shiftKey ? 5 : 1;
-
-      if (this.mergedState.isOpen) {
-        this.changeHighlightedIndex(amount);
-      } else {
-        this.setState({
-          isOpen: true
-        });
-        this.setHighlightedIndex();
-      }
-    },
-    keyDownArrowUp: function keyDownArrowUp(event) {
-      event.preventDefault();
-      var amount = event.shiftKey ? -5 : -1;
-
-      if (this.mergedState.isOpen) {
-        this.changeHighlightedIndex(amount);
-      } else {
-        this.setState({
-          isOpen: true
-        });
-        this.setHighlightedIndex();
-      }
-    },
-    keyDownEnter: function keyDownEnter(event) {
-      if (this.mergedState.isOpen) {
-        event.preventDefault();
-        this.selectHighlightedItem();
-      }
-    },
-    keyDownEscape: function keyDownEscape(event) {
-      event.preventDefault();
-      this.reset();
-    },
-    selectHighlightedItem: function selectHighlightedItem() {
-      return this.selectItemAtIndex(this.mergedState.highlightedIndex);
-    },
-    selectItemAtIndex: function selectItemAtIndex(itemIndex) {
-      var item = this.items[itemIndex];
-
-      if (item == null) {
-        return;
-      }
-
-      this.selectItem(item);
-    },
-    selectItem: function selectItem(item) {
-      if (this.$props.handleChange) {
-        this.$props.handleChange(item);
-      }
-
-      function getInputValue() {
-        if (this.isControlledProp('selectedItem')) {
-          return '';
-        }
-
-        return typeof item === 'object' ? item.label || '' : item;
-      }
-
-      this.setState({
-        isOpen: false,
-        highlightedIndex: null,
-        selectedItem: item,
-        inputValue: getInputValue.call(this)
-      });
-    },
-    changeHighlightedIndex: function changeHighlightedIndex(moveAmount) {
-      if (this.internalItemCount < 0) {
-        return;
-      }
-
-      var highlightedIndex = this.mergedState.highlightedIndex;
-      var baseIndex = highlightedIndex;
-
-      if (baseIndex === null) {
-        baseIndex = moveAmount > 0 ? -1 : this.internalItemCount + 1;
-      }
-
-      var newIndex = baseIndex + moveAmount;
-
-      if (newIndex < 0) {
-        newIndex = this.internalItemCount;
-      } else if (newIndex > this.internalItemCount) {
-        newIndex = 0;
-      }
-
-      this.setHighlightedIndex(newIndex);
-    },
-    setHighlightedIndex: function setHighlightedIndex(highlightedIndex) {
-      if (highlightedIndex === void 0) {
-        highlightedIndex = null;
-      }
-
-      this.setState({
-        highlightedIndex: highlightedIndex
-      });
-      var element = document.getElementById("Downshift" + highlightedIndex);
-      scrollIntoView(element, this.rootNode); // Implement scrollIntroView thingy
-    },
-    reset: function reset() {
-      var selectedItem = this.mergedState.selectedItem;
-      this.setState({
-        isOpen: false,
-        highlightedIndex: null,
-        inputValue: selectedItem
-      });
-    },
-    getItemProps: function getItemProps(_ref) {
-      var index = _ref.index,
-          item = _ref.item;
-      var newIndex = index;
-
-      if (index === undefined) {
-        if (this.$props.itemToString) {
-          this.items.push(this.$props.itemToString(item));
-        } else {
-          this.items.push(item);
-        }
-
-        newIndex = this.items.indexOf(item);
-      } else {
-        this.items[newIndex] = item;
-      }
-
-      return {
-        id: "Downshift" + newIndex
-      };
-    },
-    getItemEvents: function getItemEvents(_ref2) {
-      var index = _ref2.index,
-          item = _ref2.item;
-      var newIndex = index;
-
-      if (index === undefined) {
-        newIndex = this.items.indexOf(item);
-      }
-
-      var vm = this;
-      return {
-        mouseenter: function mouseenter() {
-          vm.setHighlightedIndex(newIndex);
-        },
-        click: function click(event) {
-          event.stopPropagation();
-          vm.selectItemAtIndex(newIndex);
-        }
-      };
-    },
-    getInputProps: function getInputProps(_ref3) {
-      var value = _ref3.value;
-      var inputValue = this.mergedState.inputValue;
-
-      if (value !== inputValue) {
-        this.setState({
-          inputValue: value
-        });
-      }
-
-      return {
-        value: inputValue
-      };
-    },
-    getButtonProps: function getButtonProps(_ref4) {
-      var _this2 = this;
-
-      var onClick = _ref4.onClick,
-          onKeyDown = _ref4.onKeyDown,
-          onKeyUp = _ref4.onKeyUp,
-          onBlur = _ref4.onBlur;
-      return {
-        click: function click(event) {
-          _this2.setState({
-            isOpen: true,
-            inputValue: event.target.value
-          });
-
-          if (onClick) {
-            onClick(event);
-          }
-        },
-        keydown: function keydown(event) {
-          if (event.key && _this2["keyDown" + event.key]) {
-            _this2["keyDown" + event.key].call(_this2, event);
-          }
-
-          if (onKeyDown) {
-            onKeyDown(event);
-          }
-        },
-        keyup: function keyup(event) {
-          if (onKeyUp) {
-            onKeyUp(event);
-          }
-        },
-        blur: function blur(event) {
-          if (onBlur) {
-            onBlur(event);
-          }
-        }
-      };
-    },
-    getInputEvents: function getInputEvents(_ref5) {
-      var _this3 = this;
-
-      var onInput = _ref5.onInput,
-          onBlur = _ref5.onBlur,
-          onFocus = _ref5.onFocus,
-          onKeyPress = _ref5.onKeyPress,
-          onKeyDown = _ref5.onKeyDown,
-          onKeyUp = _ref5.onKeyUp,
-          onClick = _ref5.onClick;
-      return {
-        input: function input(event) {
-          _this3.setState({
-            isOpen: true,
-            inputValue: event.target.value
-          });
-
-          if (onInput) {
-            onInput(event);
-          }
-        },
-        focus: function focus(event) {
-          if (onFocus) {
-            onFocus(event);
-          }
-        },
-        keydown: function keydown(event) {
-          if (event.key && _this3["keyDown" + event.key]) {
-            _this3["keyDown" + event.key].call(_this3, event);
-          }
-
-          if (onKeyDown) {
-            onKeyDown(event);
-          }
-        },
-        keypress: function keypress(event) {
-          if (onKeyPress) {
-            onKeyPress(event);
-          }
-        },
-        keyup: function keyup(event) {
-          if (onKeyUp) {
-            onKeyUp(event);
-          }
-        },
-        blur: function blur(event) {
-          if (onBlur) {
-            onBlur(event);
-          } // TODO: implement isMouseDown
-          // this.reset()
-
-        },
-        click: onClick
-      };
-    },
-    getHelpersAndState: function getHelpersAndState() {
-      var getItemProps = this.getItemProps,
-          getItemEvents = this.getItemEvents,
-          getInputProps = this.getInputProps,
-          getInputEvents = this.getInputEvents,
-          getButtonProps = this.getButtonProps,
-          setHighlightedIndex = this.setHighlightedIndex;
-      return _rollupPluginBabelHelpers._extends({
-        getItemProps: getItemProps,
-        getItemEvents: getItemEvents,
-        getInputProps: getInputProps,
-        getInputEvents: getInputEvents,
-        getButtonProps: getButtonProps,
-        setHighlightedIndex: setHighlightedIndex
-      }, this.mergedState);
-    },
-    isControlledProp: function isControlledProp(prop) {
-      return this.$props[prop] !== undefined;
-    },
-    setState: function setState(stateToSet) {
-      var _this4 = this;
-
-      // eslint-disable-next-line
-      Object.keys(stateToSet).forEach(function (key) {
-        // eslint-disable-next-line
-        if (_this4.isControlledProp(key)) {
-          _this4.$emit(key + "Change", stateToSet[key]);
-
-          _this4.$emit(key + "-change", stateToSet[key]);
-        } else {
-          _this4["internal_" + key] = stateToSet[key];
-        }
-      });
-      this.$emit('stateChange', this.mergedState);
-      this.$emit('state-change', this.mergedState);
-    }
-  },
-  render: function render() {
-    var h = arguments[0];
-    this.items = [];
-    return h("div", {
-      "ref": "rootNode"
-    }, [this.$scopedSlots["default"] && this.$scopedSlots["default"](_rollupPluginBabelHelpers._extends({}, this.getHelpersAndState()))]);
-  }
-};
-
-var CancelSvg = {
-  functional: true,
-  render: function render(h) {
-    return h("svg", {
-      "attrs": {
-        "alt": "Clear",
-        "xmlns": "http://www.w3.org/2000/svg",
-        "height": "20px",
-        "viewBox": "0 0 24 24",
-        "width": "20px"
-      },
-      "class": "cancel-icon"
-    }, [h("title", ["Clear"]), h("path", {
-      "attrs": {
-        "d": "M0 0h24v24H0V0z",
-        "fill": "none"
-      }
-    }), h("path", {
-      "attrs": {
-        "d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
-      }
-    })]);
-  }
-};
-
-exports.CancelSvg = CancelSvg;
-exports.Downshift = Downshift;
-exports.IconGroup = IconGroup;
-exports.IconWrapper = IconWrapper;
-exports.InputWrapper = InputWrapper;

package/dist/cjs/Card-642547a8.js

@@ -1,30 +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');
-require('./Title-1de7d0f4.js');
-
-var _templateObject, _templateObject2, _templateObject3;
-var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
-var Image = styled__default('div')(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: calc(100% + 20px);\n\theight: 220px;\n\tmargin: -10px -10px 0;\n\tbackground-color: ", ";\n\tbackground-size: contain;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n"])), function (_ref) {
-  var colors = _ref.theme.colors;
-  return colors.backgroundColor || '#fcfcfc';
-});
-var Card = styled__default('a')(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\twidth: auto;\n\tflex-grow: 1;\n\toutline: none;\n\ttext-decoration: none;\n\tmin-width: 240px;\n\tmax-width: 250px;\n\tborder-radius: 0.25rem;\n\tbackground-color: ", ";\n\theight: 300px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\tmargin: 8px;\n\tpadding: 10px;\n\toverflow: hidden;\n\tbox-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);\n\tcolor: ", ";\n\t", ";\n\ttransition: all 0.3s ease;\n\n\th2 {\n\t\twidth: 100%;\n\t\tfont-size: 0.9rem;\n\t\tline-height: 1.2rem;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\tmargin: 0;\n\t\tpadding: 10px 0 8px;\n\t}\n\n\tp {\n\t\tmargin: 0;\n\t}\n\n\tarticle {\n\t\tflex-grow: 1;\n\t\tfont-size: 0.9rem;\n\t}\n\n\t&:hover,\n\t&:focus {\n\t\tbox-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3);\n\t}\n\n\t@media (max-width: 420px) {\n\t\twidth: 50%;\n\t\tmin-width: 0;\n\t\theight: 210px;\n\t\tmargin: 0;\n\t\tborder-radius: 0;\n\t\tbox-shadow: none;\n\t\tborder: 1px solid #eee;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbox-shadow: 0;\n\t\t}\n\t}\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fff';
-}, function (_ref3) {
-  var theme = _ref3.theme;
-  return theme.colors.textColor;
-}, function (props) {
-  return props.href ? 'cursor: pointer' : null;
-});
-
-exports.Card = Card;
-exports.Image = Image;
-exports.container = container;

package/dist/cjs/Container-daf30918.js

@@ -1,15 +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 styled = require('@appbaseio/vue-emotion');
-var styled__default = _interopDefault(styled);
-
-var _templateObject;
-var Container = styled__default('div')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.component;
-});
-
-exports.Container = Container;