mediacube-ui 0.1.18 → 0.1.20

package/package.json

@@ -1,31 +1,28 @@
 {
   "name": "mediacube-ui",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "description": "Design system for MediaCube services",
   "author": "MediaCube",
   "private": false,
   "homepage": "https://mediacube.co",
   "license": "MIT",
-  "main": "dist/mediacube-ui.js",
-  "browser": {
-    "./sfc": "src/my-component.vue"
-  },
+  "main": "dist/mcui.common.js",
   "files": [
-    "dist/*",
-    "src/styles/*",
-    "src/assets/*",
-    "src/tokens/*",
+    "src/assets",
+    "src/helpers",
+    "src/styles",
+    "src/tokens",
+    "src/utils",
     "src/elements/**/*.vue",
     "src/patterns/**/*.vue",
     "src/templates/**/*.vue",
-    "src/utils/*"
+    "src/main.js"
   ],
   "scripts": {
     "start": "yarn scss-export && start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook",
-    "build-library": "vue-cli-service build --target lib --name mediacube-ui ./src/install.js",
     "serve": "yarn scss-export && vue-cli-service serve",
-    "build": "yarn scss-export && vue-cli-service build --target wc --name mediacube-ui --inline-vue",
+    "build": "yarn scss-export && vue-cli-service build --target lib --inline-vue",
     "test:unit": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint",
     "scss-export": "sass-export src/tokens/*.scss -o src/assets/tokens/tokens.json",
@@ -48,7 +45,6 @@
   "dependencies": {
     "bourbon": "^7.0.0",
     "core-js": "^3.6.5",
-    "cross-env": "^7.0.3",
     "lodash": "^4.17.15",
     "moment-timezone": "^0.5.34",
     "normalize.css": "^8.0.1",
@@ -61,7 +57,7 @@
     "vue": "^2.6.11",
     "vue-bus": "^1.2.1",
     "vue-click-outside": "^1.1.0",
-    "vue-cropperjs": "4.2.0",
+    "vue-cropperjs": "3.0.0",
     "vue-imask": "6.2.2",
     "vue-js-modal": "^2.0.0-rc.6",
     "vue-masked-input": "^0.5.2",
@@ -97,10 +93,10 @@
     "@vue/cli-service": "~4.4.0",
     "@vue/composition-api": "^1.6.1",
     "@vue/test-utils": "^1.0.3",
-    "add": "^2.0.6",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^9.1.2",
+    "babel-loader": "^8.2.2",
     "babel-preset-vue": "^2.0.2",
+    "css-loader": "^3.6.0",
     "eslint": "^6.7.2",
     "eslint-config-prettier": "^6.15.0",
     "eslint-friendly-formatter": "^4.0.1",
@@ -110,22 +106,21 @@
     "husky": "^4.3.0",
     "jest-vue-preprocessor": "^1.7.1",
     "lint-staged": "^10.5.1",
+    "node-sass": "^4.14.1",
     "numeral": "^2.0.6",
     "prettier": "^1.19.1",
-    "sass": "^1.60.0",
     "sass-export": "^1.0.6",
-    "sass-loader": "10.1.1",
-    "sass-resources-loader": "^2.2.5",
+    "sass-loader": "^8.0.2",
+    "sass-resources-loader": "^2.0.3",
     "standard-version": "^8.0.0",
     "storybook-addon-designs": "^5.4.0",
     "storybook-design-token": "^0.7.7",
+    "style-loader": "^1.2.1",
     "vue-lazyload": "^1.3.3",
-    "vue-loader": "^17.0.1",
+    "vue-loader": "^15.9.5",
     "vue-slider-component": "^3.2.2",
+    "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.11",
-    "webpack": "4",
-    "webpack-cli": "^5.0.1",
-    "xe-clipboard": "^1.9.0",
-    "yarn": "^1.22.19"
+    "xe-clipboard": "^1.9.0"
   }
 }

package/src/helpers/delayedAction.js

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+export const handleConfirmAction = (handler, cancelCallback, text = null, btnText = null) => {
+    Vue.prototype.$toasted.show(text || 'Случайно удалили?', {
+        position: 'bottom-center',
+        duration: 3000,
+        fullWidth: false,
+        keepOnHover: true,
+        className: ['mc-toast', 'mc-toast--primary'],
+        theme: 'toasted-primary',
+        iconPack: 'custom-class',
+        icon: 'las la-info-circle',
+        action: [
+            {
+                text: btnText || 'Cancel',
+                class: 'mc-toast__action mc-toast__action--outline',
+                onClick: (e, toastObject) => {
+                    if (typeof cancelCallback === 'function') cancelCallback()
+                    toastObject.goAway(0)
+                },
+            },
+        ],
+        onComplete() {
+            handler()
+        },
+    })
+}

package/src/main.js

@@ -0,0 +1,14 @@
+import Vue from 'vue'
+import App from './App.vue'
+import WebFontLoader from '../src/utils/webFontLoader' // eslint-disable-line no-unused-vars
+import VueLazyload from 'vue-lazyload'
+Vue.use(VueLazyload)
+
+Vue.config.productionTip = false
+Vue.prototype.toJSON = function() {
+    return this
+}
+
+new Vue({
+    render: h => h(App),
+}).$mount('#app')

package/src/patterns/McTable/McTable/McTable.vue

@@ -56,7 +56,6 @@ import noTableDataIcon from '../../../assets/img/no_table_data.png'
 import _throttle from 'lodash/throttle'
 import _isEmpty from 'lodash/isEmpty'
 
-import VxeTable from 'vxe-table'
 import McTitle from '../../../elements/McTitle/McTitle'
 import McSvgIcon from '../../../elements/McSvgIcon/McSvgIcon'
 import McTableCol from '../McTableCol/McTableCol'
@@ -67,7 +66,6 @@ import McTableCol from '../McTableCol/McTableCol'
 export default {
     name: 'McTable',
     components: {
-        VxeTable,
         McTitle,
         McSvgIcon,
         McTableCol,

package/src/utils/load-icons.js

@@ -1,3 +1,3 @@
 const svgIconsReq = require.context('!!raw-loader!../assets/icons', true, /.\.svg$/)
 const svgIcons = svgIconsReq.keys().map(name => ({ name, content: svgIconsReq(name).default }))
-export default svgIcons
+export default svgIcons

package/dist/demo.html

@@ -1,8 +0,0 @@
-<meta charset="utf-8">
-<title>mediacube-ui demo</title>
-<script src="https://unpkg.com/vue"></script>
-<script src="./mediacube-ui.js"></script>
-
-
-<mediacube-ui></mediacube-ui>
-