adata-ui 0.3.99 → 2.0.0

package/package.json

@@ -1,76 +1,65 @@
-{
-  "name": "adata-ui",
-  "version": "0.3.99",
-  "private": false,
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "build-bundle": "vue-cli-service build --target lib --name adata-ui ./src/components/index.js",
-    "lint": "vue-cli-service lint",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "test": "jest"
-  },
-  "dependencies": {
-    "@storybook/addons": "^6.4.14",
-    "@storybook/theming": "^6.4.14",
-    "core-js": "^3.6.5",
-    "flush-promises": "^1.0.2",
-    "node-sass": "^5.0.0",
-    "user": "0.0.0",
-    "v-click-outside": "^3.1.2",
-    "v-mask": "^2.3.0",
-    "vue": "^2.6.11",
-    "vue-the-mask": "^0.11.1",
-    "vue2-perfect-scrollbar": "^1.5.2"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.16.7",
-    "@storybook/addon-actions": "^6.4.13",
-    "@storybook/addon-essentials": "^6.4.13",
-    "@storybook/addon-links": "^6.4.13",
-    "@storybook/preset-scss": "^1.0.3",
-    "@storybook/vue": "^6.4.13",
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
-    "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.2.3",
-    "css-loader": "^5.2.7",
-    "eslint": "^6.7.2",
-    "eslint-plugin-vue": "^6.2.2",
-    "jest": "^27.4.7",
-    "sass": "^1.48.0",
-    "sass-loader": "^10.1.1",
-    "style-loader": "^2.0.0",
-    "vue-loader": "^15.9.8",
-    "vue-template-compiler": "^2.6.11"
-  },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "parserOptions": {
-      "parser": "babel-eslint"
-    },
-    "rules": {}
-  },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions",
-    "not dead"
-  ],
-  "main": "./dist/adata-ui.common.js",
-  "files": [
-    "dist/*",
-    "src/*",
-    "public/*",
-    "*.json",
-    "*.js"
-  ]
-}
+{
+  "name": "adata-ui",
+  "type": "module",
+  "version": "2.0.0",
+  "main": "./nuxt.config.ts",
+  "scripts": {
+    "dev": "nuxi dev .playground",
+    "build": "nuxt build .playground",
+    "generate": "nuxt generate .playground",
+    "preview": "nuxt preview .playground",
+    "lint": "eslint .",
+    "type-check": "vue-tsc --noEmit",
+    "postinstall": "nuxt prepare .playground",
+    "test": "vitest --ui",
+    "coverage": "vitest run --coverage"
+  },
+  "devDependencies": {
+    "@nuxt/eslint-config": "^0.7.6",
+    "@nuxt/test-utils": "^3.19.2",
+    "@types/body-scroll-lock": "^3.1.2",
+    "@types/lodash-es": "^4.17.12",
+    "@vitest/coverage-v8": "^1.6.1",
+    "@vitest/ui": "^1.6.1",
+    "@vue/test-utils": "^2.4.6",
+    "eslint": "^9.31.0",
+    "histoire": "^0.17.17",
+    "nuxt": "^3.17.7",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.5.14",
+    "sass-embedded": "^1.89.2",
+    "typescript": "^5.8.3",
+    "vitest": "^1.6.1",
+    "vue-tsc": "^2.2.12"
+  },
+  "dependencies": {
+    "@headlessui/tailwindcss": "^0.2.2",
+    "@headlessui/vue": "^1.7.23",
+    "@nuxt/image": "1.8.1",
+    "@nuxt/kit": "^3.17.7",
+    "@nuxtjs/color-mode": "^3.5.2",
+    "@nuxtjs/google-fonts": "^3.2.0",
+    "@nuxtjs/i18n": "9.3.3",
+    "@nuxtjs/tailwindcss": "^6.14.0",
+    "@popperjs/core": "^2.11.8",
+    "@samk-dev/nuxt-vcalendar": "^1.0.4",
+    "@tailwindcss/aspect-ratio": "^0.4.2",
+    "@tailwindcss/container-queries": "^0.1.1",
+    "@tailwindcss/forms": "^0.5.10",
+    "@tailwindcss/typography": "^0.5.16",
+    "@vueuse/core": "^10.11.1",
+    "@vueuse/integrations": "^10.11.1",
+    "@vueuse/math": "^10.11.1",
+    "body-scroll-lock": "3.1.5",
+    "lodash-es": "^4.17.21",
+    "lodash.isequal": "^4.5.0",
+    "maska": "^2.1.11",
+    "ofetch": "^1.4.1",
+    "sass": "^1.89.2",
+    "scss": "^0.2.4",
+    "tailwind-merge": "^2.6.0",
+    "tailwindcss": "^3.4.17",
+    "vue3-toastify": "^0.2.8",
+    "zod": "^4.0.8"
+  }
+}

package/plugins/maska.ts

@@ -0,0 +1,5 @@
+import { vMaska } from "maska"
+
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.directive("maska", vMaska)
+})

package/plugins/toast.client.ts

@@ -0,0 +1,58 @@
+import Vue3Toastify, { toast } from 'vue3-toastify';
+import 'vue3-toastify/dist/index.css';
+import CheckCircleToast from "#adata-ui/icons/toasts/check-circle-toast.vue";
+import WarningTriangleToast from "#adata-ui/icons/toasts/warning-triangle-toast.vue";
+import XMark from "#adata-ui/icons/x-mark.vue";
+
+export default defineNuxtPlugin((nuxtApp) => {
+    nuxtApp.vueApp.use(Vue3Toastify, { autoClose: 2500, theme: 'auto' });
+  const customSuccessToast = (message, options?:any) => {
+    toast.success(message, {
+      position: 'top-right',
+      toastStyle: {
+        background:'#EEF7EE',
+        borderRadius: '8px',
+        padding: '16px',
+        fontWeight: '500',
+        fontSize:'16px',
+        color:'#4CAF50'
+      },
+      bodyClassName:'toast__body',
+      progressStyle:{
+        background:'#4CAF5080'
+      },
+      closeButton: XMark,
+      icon: CheckCircleToast,
+      ...options,
+    });
+  };
+  const customErrorToast = (message, options?:any) => {
+    toast.error(message, {
+      position: 'top-right',
+      toastStyle: {
+        background:'#FDECEB',
+        borderRadius: '8px',
+        padding: '16px',
+        fontWeight: '500',
+        fontSize:'16px',
+        color:'#E74135'
+      },
+      bodyClassName:'toast__body',
+      progressStyle:{
+        background:'#E7413533'
+      },
+      closeButton: XMark,
+      icon: WarningTriangleToast,
+      ...options,
+    });
+  };
+    return {
+        provide: {
+          toast: {
+            ...toast,
+            success: customSuccessToast,
+            error: customErrorToast,
+          },
+        },
+    };
+});

package/shared/constans/pages.ts

@@ -0,0 +1,73 @@
+export const PAGES = {
+  tariffs: '/tariffs',
+  userAgreement: '/user-agreements',
+  privacy: '/privacy-policy',
+  vacancy: '/vacancy',
+  contacts: '/contacts',
+  apiDescription: '/api-description',
+  usefulMain: '/useful/terms-of-usage',
+  favourites: '/favourites',
+  totalServices: '/total-services',
+  profile: {
+    index: '/profile',
+    security: '/profile/change-password',
+    work: '/profile/#',
+    paymentHistory: '/profile/payment-story',
+    notifications: '/profile/notifications',
+    favourites: '/favourites',
+    reports: '/profile/reports',
+    browsingHistory: '/profile/view-history',
+    myGroups: '/profile/my-groups',
+    notes: '/profile/notes'
+  },
+  pk: {
+    main: '/',
+    compare: '/compare',
+    connections: '/connections',
+    foreign: '/foreign',
+    offshore: '/offshore',
+    sanctions: '/sanctions',
+    employees: '/employees-check',
+    counterparty: '/counterparty',
+    unload: '/unload'
+  },
+  work: {
+    main: '/',
+    summary: '/summary',
+    vacancy: '/vacancy'
+  },
+  tender: {
+    main: '/',
+    contracts: '/main/contracts',
+    plans: '/main/plans'
+  },
+  fines: {
+    main: '/',
+    avto: '/check-car',
+    bulk: '/mass-check'
+  },
+  analytics: {
+    main: '/',
+    clients: '/unload-data',
+    analysis: '/purchasing-analysis',
+    index: '/business-activity',
+    rating: '/tax-payment',
+    business: '/business-entities'
+  },
+  fea: {
+    main: '/',
+    t: '/fea',
+    cp: '/custom',
+    o: '/tree',
+    ca: '/calculator',
+    tr: '/export-tariff',
+    importerMap: '/importer-card',
+    containers: '/track-container',
+  },
+  compliance: {
+    l: '/'
+  },
+  edo: {
+    l: '/'
+  }
+}

package/tailwind.config.ts

@@ -0,0 +1,163 @@
+/** @type {import('tailwindcss').Config} */
+import type { Config } from 'tailwindcss'
+import defaultColors from 'tailwindcss/colors'
+
+export default <Partial<Config>>{
+  darkMode: 'class',
+  content: ['./components/**/*.vue', './ui.config/**/*.ts', './icons/**/*.vue'],
+  safelist: [
+    {
+      pattern: /bg-(blue|green|yellow|red|orange|purple)-(|400|500|600|700|900)\/(10|20)/,
+      variants: ['hover']
+    }
+  ],
+  theme: {
+    fontFamily: {
+      'sans': ['"Open Sans"', 'sans-serif'],
+    },
+    colors: {
+      black: defaultColors.black,
+      white: defaultColors.white,
+      transparent: defaultColors.transparent,
+      'blue': {
+        // DEFAULT: '#0070eb',
+        '50': '#eff7ff',
+        '100': '#e0efff',
+        '200': '#bddfff',
+        '300': '#90d7ff',
+        '400': '#43afed',
+        '500': '#1b98e2',
+        '600': '#068dff',
+        '700': '#0070eb',
+        '800': '#085dc5',
+        '900': '#0d509b',
+        '950': '#0e315d',
+      },
+      'yellow': {
+        // DEFAULT: '#fbc920',
+        '50': '#fefbe8',
+        '100': '#fef7c3',
+        '200': '#feed8a',
+        '300': '#fedb46',
+        '400': '#fbc920',
+        '500': '#ebad07',
+        '600': '#cb8503',
+        '700': '#a25e06',
+        '800': '#854a0e',
+        '900': '#713c12',
+        '950': '#421e06',
+      },
+      'deepblue': {
+        // pickled-bluewood
+        // DEFAULT: '#2c3e50',
+        '50': '#f5f7fa',
+        '100': '#eaeff4',
+        '200': '#cfdce8',
+        '300': '#a6bfd3',
+        '400': '#759cbb',
+        '500': '#5480a3',
+        '600': '#416788',
+        '700': '#35526f',
+        '800': '#2f475d',
+        '900': '#2c3e50',
+        '950': '#1d2834',
+      },
+      'gray': {
+        // gray-chateau
+        // DEFAULT: '#9da3ac',
+        '50': '#f4f5f6',
+        '100': '#ebecee',
+        '200': '#e3e5e8',
+        '300': '#c9cccf',
+        '400': '#b7bcc2',
+        '500': '#9da3ac',
+          '600': '#71757a',
+        '700': '#5a5d60',
+        '800': '#393d40',
+        '900': '#26282b',
+        '950': '#161617',
+      },
+      'green': {
+        // DEFAULT: '#4caf50',
+        '50': '#f3faf3',
+        '100': '#e3f5e3',
+        '200': '#c8eac9',
+        '300': '#9dd89f',
+        '400': '#6bbd6e',
+        '500': '#4caf50',
+        '600': '#358438',
+        '700': '#2d6830',
+        '800': '#275429',
+        '900': '#224525',
+        '950': '#0e2510',
+      },
+      'orange': {
+        // DEFAULT: '#e37b00',
+        '50': '#fffbea',
+        '100': '#fff4c5',
+        '200': '#ffe987',
+        '300': '#ffd748',
+        '400': '#ffc31e',
+        '500': '#ff9900',
+        '600': '#e37b00',
+        '700': '#b95304',
+        '800': '#96400a',
+        '900': '#7b350c',
+        '950': '#471901',
+      },
+      'red': {
+        // cinnabar
+        // DEFAULT: '#e74135',
+        '50': '#fef3f2',
+        '100': '#fde5e3',
+        '200': '#fccfcc',
+        '300': '#f9ada8',
+        '400': '#f47e75',
+        '500': '#e74135',
+        '600': '#d6372c',
+        '700': '#b42b21',
+        '800': '#95271f',
+        '900': '#7c2620',
+        '950': '#43100c',
+      },
+      'purple': {
+        //purple-heart
+        DEFAULT: '#7c25b6',
+        '50': '#fbf5ff',
+        '100': '#f4e8ff',
+        '200': '#ebd5ff',
+        '300': '#dcb5fd',
+        '400': '#c685fb',
+        '500': '#b056f6',
+        '600': '#9c34e9',
+        '700': '#8723cd',
+        '800': '#7c25b6',
+        '900': '#5d1d86',
+        '950': '#400863',
+      },
+      'turquoise': {
+        // light-blue
+        // DEFAULT: '#1ee1be',
+        '50': '#effefa',
+        '100': '#c8fff0',
+        '200': '#92fde3',
+        '300': '#53f5d3',
+        '400': '#1ee1be',
+        '500': '#07c5a6',
+        '600': '#029f89',
+        '700': '#077e6f',
+        '800': '#0b6459',
+        '900': '#0e534a',
+        '950': '#01322e',
+      },
+
+    },
+    extend: {
+      backgroundImage: {
+        'gr-blue': 'linear-gradient(236.46deg, #479FFF -2.39%, #0070EB 79.1%)',
+        'gr-yellow': 'linear-gradient(236.46deg, #FFE364 -2.39%, #FBC920 79.1%);\n'
+      }
+    },
+  },
+}
+