@abi-software/scaffoldvuer 0.2.3-alpha → 0.3.0

package/styleguide.config.js

@@ -1,22 +1,22 @@
-module.exports = {
-	// set your styleguidist configuration here
-	title: 'Scaffoldvuer API reference',
-	components: 'src/components/ScaffoldVuer.vue',
-	// defaultExample: true,
-	// sections: [
-	//   {
-	//     name: 'First Section',
-	//     components: 'src/components/**/[A-Z]*.vue'
-	//   }
-	// ],
-	// webpackConfig: {
-	//   // custom config goes here
-	// },
-  exampleMode: 'expand',
-  copyCodeButton: true,
-  ribbon: {
-    url: 'https://github.com/ABI-Software/scaffoldvuer',
-    text: 'Github Page'
-  },
-  styleguideDir: 'docs'
-}
+module.exports = {
+	// set your styleguidist configuration here
+	title: 'Scaffoldvuer API reference',
+	components: 'src/components/ScaffoldVuer.vue',
+	// defaultExample: true,
+	// sections: [
+	//   {
+	//     name: 'First Section',
+	//     components: 'src/components/**/[A-Z]*.vue'
+	//   }
+	// ],
+	// webpackConfig: {
+	//   // custom config goes here
+	// },
+  exampleMode: 'expand',
+  copyCodeButton: true,
+  ribbon: {
+    url: 'https://github.com/ABI-Software/scaffoldvuer',
+    text: 'Github Page'
+  },
+  styleguideDir: 'docs'
+}

package/vue.config.js

@@ -1,41 +1,41 @@
-
-const nodeExternals = require('webpack-node-externals');
-
-module.exports = {
-  configureWebpack: config => {
-    if(process.env.NODE_ENV === 'production') {
-      config.externals =  [ nodeExternals({allowlist: [/^element-ui/]}) ];
-    }
-  },
-  chainWebpack: config => {
-    // GraphQL Loader
-    config.module
-      .rule('shader')
-      .test(/\.(vs|fs)$/i)
-      .use('raw-loader')
-        .loader('raw-loader')
-        .end()
-    const fontsRule = config.module.rule('fonts')
-    fontsRule.uses.clear()
-    config.module
-      .rule('fonts')
-      .test(/\.(ttf|otf|eot|woff|woff2)$/)
-      .use('base64-inline-loader')
-      .loader('base64-inline-loader')
-      .tap(options => {
-        // modify the options...    
-        return options
-      })
-      .end()
-  },
-  css: {
-    sourceMap: process.env.NODE_ENV === 'wc',
-    extract: process.env.NODE_ENV !== 'wc',
-    //Import variables into all stylesheets.
-    loaderOptions: {
-      sass: {
-        prependData: `@import '@/assets/styles';`
-      }
-    }
-  }
-}
+
+const nodeExternals = require('webpack-node-externals');
+
+module.exports = {
+  configureWebpack: config => {
+    if(process.env.NODE_ENV === 'production') {
+      config.externals =  [ nodeExternals({allowlist: [/^element-ui/]}) ];
+    }
+  },
+  chainWebpack: config => {
+    // GraphQL Loader
+    config.module
+      .rule('shader')
+      .test(/\.(vs|fs)$/i)
+      .use('raw-loader')
+        .loader('raw-loader')
+        .end()
+    const fontsRule = config.module.rule('fonts')
+    fontsRule.uses.clear()
+    config.module
+      .rule('fonts')
+      .test(/\.(ttf|otf|eot|woff|woff2)$/)
+      .use('base64-inline-loader')
+      .loader('base64-inline-loader')
+      .tap(options => {
+        // modify the options...    
+        return options
+      })
+      .end()
+  },
+  css: {
+    sourceMap: process.env.NODE_ENV === 'wc',
+    extract: process.env.NODE_ENV !== 'wc',
+    //Import variables into all stylesheets.
+    loaderOptions: {
+      sass: {
+        prependData: `@import '@/assets/styles';`
+      }
+    }
+  }
+}

package/src/searchControls.vue

@@ -1,122 +0,0 @@
-<template>
-  <div class="search-container">
-    <div class="text search-text">
-      Search within display
-    </div>
-    <el-autocomplete class="search-box" placeholder="Search"
-      v-model="searchText"
-      :fetch-suggestions="fetchSuggestions"
-      @keyup.enter.native="$emit('search', searchText)"
-      @select="$emit('search', $event.value)"
-      :popper-append-to-body=false
-      popper-class="autocomplete-popper">
-    </el-autocomplete>
-    <map-svg-icon icon="magnifyingGlass" class="magnify"
-      @click.native="$emit('search', searchText)"/>
-    <div v-if="failedSearch" class="text not-found-text">
-      '{{failedSearch}}' not found
-    </div>
-  </div>
-</template>
-
-<script>
-/* eslint-disable no-alert, no-console */
-import Vue from "vue";
-import { MapSvgIcon } from '@abi-software/svg-sprite';
-import { Autocomplete } from "element-ui";
-import lang from "element-ui/lib/locale/lang/en";
-import locale from "element-ui/lib/locale";
-
-locale.use(lang);
-Vue.use(Autocomplete);
-
-export default {
-  name: "SearchControls",
-  props: {
-    failedSearch: undefined,
-  },
-  components: {
-    MapSvgIcon,
-  },
-  methods: {
-    fetchSuggestions: function(term, cb) {
-      if (term === "") {
-        cb([]);
-      } else {
-        this.$emit('fetch-suggestions', { term, cb });
-      }
-    },
-  },
-  data: function () {
-    return {
-      searchText: "",
-    };
-  },
-};
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-@import "~element-ui/packages/theme-chalk/src/autocomplete";
-
-.search-container {
-  display:flex;
-  flex-direction: row;
-
-  .text {
-    margin-left: 8px;
-    margin-top: 7px;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    line-height:18px;
-  }
-  .search-text {
-    margin-top: 8px;
-    color: $grey;
-    font-size: 14px;
-    margin-left: 1rem;
-  }
-  .not-found-text {
-    margin-top: 8px;
-    color: $warning;
-    font-size: 0.8rem;
-    margin-left: 0.5rem;
-  }
-  .search-box {
-    margin-top: 2px;
-    margin-left:0.5rem;
-    height:28px;
-    width:137px;
-    ::v-deep .el-input__inner {
-      background-color: $background;
-      height:28px;
-      line-height:28px;
-      border: 1px solid rgb(144, 147, 153);
-      border-radius: 4px;
-      &:focus {
-        border-color: $app-primary-color;
-      }
-    }
-  }
-  .magnify {
-    margin-top: 2px;
-    margin-left:0.5rem;
-    background: $app-primary-color;
-    border-radius: 4px;
-    height:28px;
-    width:28px;
-    cursor: pointer;
-    &:hover {
-      box-shadow: -3px 2px 4px 0 rgba(0,0,0,0.25);
-    }
-  }
-  ::v-deep .autocomplete-popper {
-    min-width:137px!important;
-    width: auto!important;
-  }
-}
-
-</style>