adata-ui 2.1.41-beta.1 → 2.1.41

package/shared/constans/pages.ts

@@ -1,96 +1,96 @@
-export const PAGES = {
-  tariffs: '/tariffs',
-  api: '/api-description',
-  userAgreement: '/user-agreements',
-  privacy: '/privacy-policy',
-  vacancy: '/vacancy',
-  contacts: '/contacts',
-  apiDescription: '/api-description',
-  usefulMain: '/useful/terms-of-usage',
-  favourites: '/favourites',
-  totalServices: '/total-services',
-  allServices: '/all-services',
-  services: '/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: {
-    customers: '/main/analytics/customers',
-    analytics: '/main/eoz/analytics',
-    tru: '/main/analytics/tru-dynamic-procurement',
-    price: '/main/price-analysis',
-    constructor: '/main/reporting/constructor',
-    monitoring: '/',
-    akimat: '/main/eoz',
-    main: '/',
-    contracts: '/main/contracts',
-    plans: '/main/plans'
-  },
-  fines: {
-    main: '/?check_fines=true',
-    avto: '/check-car',
-    bulk: '/mass-check'
-  },
-  analytics: {
-    main: '/',
-    clients: '/unload-data',
-    analysis: '/purchasing-analysis',
-    index: '/business-activity',
-    rating: '/tax-payment',
-    business: '/business-entities',
-    demography: '/demography',
-  },
-  fea: {
-    main: '/',
-    t: '/fea',
-    cp: '/custom',
-    o: '/tree',
-    ca: '/calculator',
-    tr: '/export-tariff',
-    importerMap: '/importer-card',
-    containers: '/track-container',
-  },
-  compliance: {
-    l: '/compliance',
-    assistant: '/assistant',
-    inspection: '/inspection',
-    assignments: '/assignments',
-    hotline: '/hotline',
-    sanctions: '/sanctions',
-    suppliers: '/dossier/suppliers',
-    sb: '/sb'
-  },
-  edo: {
-    l: '/',
-    docSign: '/create?step=2&source=upload',
-    docTemplate: '/create?step=2&source=template',
-    docRisk: '/create?step=2&source=import&postImportAction=risks',
-    docCompare: '/create?step=2&source=import',
-    docAi: '/create?step=3&source=blank',
-  }
-}
+export const PAGES = {
+  tariffs: '/tariffs',
+  api: '/api-description',
+  userAgreement: '/user-agreements',
+  privacy: '/privacy-policy',
+  vacancy: '/vacancy',
+  contacts: '/contacts',
+  apiDescription: '/api-description',
+  usefulMain: '/useful/terms-of-usage',
+  favourites: '/favourites',
+  totalServices: '/total-services',
+  allServices: '/all-services',
+  services: '/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: {
+    customers: '/main/analytics/customers',
+    analytics: '/main/eoz/analytics',
+    tru: '/main/analytics/tru-dynamic-procurement',
+    price: '/main/price-analysis',
+    constructor: '/main/reporting/constructor',
+    monitoring: '/',
+    akimat: '/main/eoz',
+    main: '/',
+    contracts: '/main/contracts',
+    plans: '/main/plans'
+  },
+  fines: {
+    main: '/?check_fines=true',
+    avto: '/check-car',
+    bulk: '/mass-check'
+  },
+  analytics: {
+    main: '/',
+    clients: '/unload-data',
+    analysis: '/purchasing-analysis',
+    index: '/business-activity',
+    rating: '/tax-payment',
+    business: '/business-entities',
+    demography: '/demography',
+  },
+  fea: {
+    main: '/',
+    t: '/fea',
+    cp: '/custom',
+    o: '/tree',
+    ca: '/calculator',
+    tr: '/export-tariff',
+    importerMap: '/importer-card',
+    containers: '/track-container',
+  },
+  compliance: {
+    l: '/compliance',
+    assistant: '/assistant',
+    inspection: '/inspection',
+    assignments: '/assignments',
+    hotline: '/hotline',
+    sanctions: '/sanctions',
+    suppliers: '/dossier/suppliers',
+    sb: '/sb'
+  },
+  edo: {
+    l: '/',
+    docSign: '/create?step=2&source=upload',
+    docTemplate: '/create?step=2&source=template',
+    docRisk: '/create?step=2&source=import&postImportAction=risks',
+    docCompare: '/create?step=2&source=import',
+    docAi: '/create?step=3&source=blank',
+  }
+}

package/tailwind.config.ts

@@ -0,0 +1,194 @@
+/** @type {import('tailwindcss').Config} */
+import type { Config } from 'tailwindcss'
+import defaultColors from 'tailwindcss/colors'
+
+export default <Partial<Config>>{
+  darkMode: 'class',
+  content: ['./components/**/*.vue', './components/**/*.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'],
+    },
+    borderRadius: {
+      'none': '0px',
+      'DEFAULT': '4px',
+      'xs': '4px',
+      'sm': '6px',
+      'md': '8px',
+      '10': '10px',
+      'lg': '12px',
+      'xl': '16px',
+      '2xl': '20px',
+      'full': '9999px',
+    },
+    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',
+      },
+      fontSize: {
+        'display-hero': ['60px', { lineHeight: '72px', letterSpacing: '-0.025em', fontWeight: '700' }],
+        'display-lg': ['40px', { lineHeight: '48px', letterSpacing: '-0.02em', fontWeight: '700' }],
+        'display-sm': ['32px', { lineHeight: '40px', letterSpacing: '-0.015em', fontWeight: '700' }],
+        'h1': ['28px', { lineHeight: '36px', letterSpacing: '-0.02em', fontWeight: '700' }],
+        'h2': ['24px', { lineHeight: '32px', letterSpacing: '-0.015em', fontWeight: '700' }],
+        'h3': ['20px', { lineHeight: '28px', letterSpacing: '-0.01em', fontWeight: '600' }],
+        'h4': ['18px', { lineHeight: '28px', letterSpacing: '-0.005em', fontWeight: '600' }],
+        'h5': ['16px', { lineHeight: '24px', fontWeight: '600' }],
+        'body-lg': ['16px', { lineHeight: '24px', fontWeight: '400' }],
+        'body-lg-medium': ['16px', { lineHeight: '24px', fontWeight: '500' }],
+        'body-lg-strong': ['16px', { lineHeight: '24px', fontWeight: '600' }],
+        'body-md': ['14px', { lineHeight: '20px', fontWeight: '400' }],
+        'body-md-medium': ['14px', { lineHeight: '20px', fontWeight: '500' }],
+        'body-md-strong': ['14px', { lineHeight: '20px', fontWeight: '600' }],
+        'body-sm': ['12px', { lineHeight: '16px', fontWeight: '400' }],
+        'body-sm-medium': ['12px', { lineHeight: '16px', fontWeight: '500' }],
+        'overline': ['12px', { lineHeight: '16px', letterSpacing: '0.02em', fontWeight: '600' }],
+        'overline-medium': ['12px', { lineHeight: '16px', letterSpacing: '0.02em', fontWeight: '500' }],
+      },
+    },
+  },
+}

package/tests/AButton.test.ts

@@ -0,0 +1,81 @@
+import { mount } from '@vue/test-utils'
+import AButton from '#adata-ui/components/elements/button/AButton.vue'
+import LoaderCircle from '#adata-ui/icons/icon-loader-circle.vue'
+import CheckIcon from '#adata-ui/icons/check/check.vue'
+
+describe('AButton', () => {
+  it('renders with default props', () => {
+    const wrapper = mount(AButton, {
+      props: {
+        variant: 'primary',
+        view: 'default',
+        size: 'lg',
+        form: 'button',
+        loading: false,
+        disabled: false,
+        block: false
+      },
+      slots: {
+        default: 'Button'
+      }
+    })
+    expect(wrapper.html()).toMatchInlineSnapshot(`
+      "<button class="body-400 rounded-md cursor-pointer outline-none transition duration-200 select-none bg-blue-700 text-white hover:bg-blue-900 active:bg-deepblue-900 active:text-white px-4 py-2.5 relative transition"><span class="flex items-center justify-center gap-2"><!---->Button</span>
+        <!--v-if-->
+      </button>"
+    `)
+  })
+
+  it('shows loader when loading is true', () => {
+    const wrapper = mount(AButton, {
+      props: { loading: true }
+    })
+    expect(wrapper.findComponent(LoaderCircle).exists()).toBe(true)
+    expect(wrapper.find('span').classes()).toContain('opacity-0')
+  })
+
+  it('renders button correctly with custom props', () => {
+    const wrapper = mount(AButton, {
+      props: {
+        variant: 'success',
+        view: 'outline',
+        size: 'sm',
+        form: 'icon',
+        icon: CheckIcon,
+        loading: false,
+        disabled: false,
+        block: true
+      },
+      slots: {
+        default: 'Icon'
+      }
+    })
+    expect(wrapper.findComponent(CheckIcon).exists()).toBe(true)
+    expect(wrapper.find('button').attributes('disabled')).toBeUndefined()
+  })
+
+  it('disables button when disabled prop is true', () => {
+    const wrapper = mount(AButton, {
+      props: {
+        disabled: true
+      }
+    })
+    expect(wrapper.classes('select-none')).toBe(true)
+    expect(wrapper.attributes('disabled')).toBeDefined()
+  })
+
+  it('emits click event when clicked', async () => {
+    const wrapper = mount(AButton)
+    await wrapper.find('button').trigger('click')
+    expect(wrapper.emitted('click')).toBeTruthy()
+  })
+
+  it('renders slot content correctly', () => {
+    const wrapper = mount(AButton, {
+      slots: {
+        default: 'Custom Button Text'
+      }
+    })
+    expect(wrapper.text()).toContain('Custom Button Text')
+  })
+})

package/tsconfig.json

@@ -1,6 +1,6 @@
-{
-  "extends": "./.playground/.nuxt/tsconfig.json",
-  "compilerOptions": {
-    "types": ["vitest/globals"]
-  }
-}
+{
+  "extends": "./.playground/.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "types": ["vitest/globals"]
+  }
+}

package/utils/getMaxZindex.ts

@@ -1,25 +1,25 @@
-export const getMaxZIndex = () =>
-  Math.max(
-    ...Array.from(document.querySelectorAll('body *'), (el) =>
-      parseFloat(window.getComputedStyle(el).zIndex),
-    ).filter((zIndex) => !Number.isNaN(zIndex)),
-    0,
-  );
-
-export function handleElementPosition(id: string) {
-  let element: HTMLElement | null = null;
-
-  onMounted(() => {
-    element = document.getElementById(id);
-    if (element) {
-      element.style.position = 'fixed';
-      element.style.zIndex = (getMaxZIndex() + 1).toString();
-    }
-  });
-
-  onBeforeUnmount(() => {
-    if (element && element.parentNode) {
-      element.parentNode.removeChild(element);
-    }
-  });
-}
+export const getMaxZIndex = () =>
+  Math.max(
+    ...Array.from(document.querySelectorAll('body *'), (el) =>
+      parseFloat(window.getComputedStyle(el).zIndex),
+    ).filter((zIndex) => !Number.isNaN(zIndex)),
+    0,
+  );
+
+export function handleElementPosition(id: string) {
+  let element: HTMLElement | null = null;
+
+  onMounted(() => {
+    element = document.getElementById(id);
+    if (element) {
+      element.style.position = 'fixed';
+      element.style.zIndex = (getMaxZIndex() + 1).toString();
+    }
+  });
+
+  onBeforeUnmount(() => {
+    if (element && element.parentNode) {
+      element.parentNode.removeChild(element);
+    }
+  });
+}

package/utils/localizedNavigation.ts

@@ -1,36 +1,36 @@
-type Locale = Ref<string> | string
-
-export interface LocalizedNavigationParams {
-  locale: Locale
-  projectUrl: string
-  path?: string
-  target?: '_blank' | '_self'
-}
-
-export function navigateToLocalizedPage({
-  locale,
-  projectUrl,
-  path = '',
-  target = '_blank',
-}: LocalizedNavigationParams) {
-  const url = buildLocalizedUrl(locale, projectUrl, path)
-
-  return navigateTo(url, {
-    external: true,
-    open: { target },
-  })
-}
-
-
-export function buildLocalizedUrl(locale: Locale, projectUrl: string, path: string = '') {
-  const lang = getLocalizedPath(locale)
-
-  return `${projectUrl}${lang}${path}`
-}
-
-
-export function getLocalizedPath(locale: Locale) {
-  const lang = unref(locale)
-
-  return lang === 'ru' ? '' : `/${lang}`
-}
+type Locale = Ref<string> | string
+
+export interface LocalizedNavigationParams {
+  locale: Locale
+  projectUrl: string
+  path?: string
+  target?: '_blank' | '_self'
+}
+
+export function navigateToLocalizedPage({
+  locale,
+  projectUrl,
+  path = '',
+  target = '_blank',
+}: LocalizedNavigationParams) {
+  const url = buildLocalizedUrl(locale, projectUrl, path)
+
+  return navigateTo(url, {
+    external: true,
+    open: { target },
+  })
+}
+
+
+export function buildLocalizedUrl(locale: Locale, projectUrl: string, path: string = '') {
+  const lang = getLocalizedPath(locale)
+
+  return `${projectUrl}${lang}${path}`
+}
+
+
+export function getLocalizedPath(locale: Locale) {
+  const lang = unref(locale)
+
+  return lang === 'ru' ? '' : `/${lang}`
+}

package/utils/twMerge.ts

@@ -1,34 +1,34 @@
-import { extendTailwindMerge } from 'tailwind-merge'
-
-export { twJoin } from 'tailwind-merge'
-
-export const twMerge = extendTailwindMerge({
-  extend: {
-    classGroups: {
-      // Нестандартный шаг шкалы скруглений ДС-2026 (radius/10 = 10px)
-      'rounded': [{ rounded: ['10'] }],
-      'font-size': [{
-        text: [
-          'display-hero',
-          'display-lg',
-          'display-sm',
-          'h1',
-          'h2',
-          'h3',
-          'h4',
-          'h5',
-          'body-lg',
-          'body-lg-medium',
-          'body-lg-strong',
-          'body-md',
-          'body-md-medium',
-          'body-md-strong',
-          'body-sm',
-          'body-sm-medium',
-          'overline',
-          'overline-medium',
-        ],
-      }],
-    },
-  },
-})
+import { extendTailwindMerge } from 'tailwind-merge'
+
+export { twJoin } from 'tailwind-merge'
+
+export const twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      // Нестандартный шаг шкалы скруглений ДС-2026 (radius/10 = 10px)
+      'rounded': [{ rounded: ['10'] }],
+      'font-size': [{
+        text: [
+          'display-hero',
+          'display-lg',
+          'display-sm',
+          'h1',
+          'h2',
+          'h3',
+          'h4',
+          'h5',
+          'body-lg',
+          'body-lg-medium',
+          'body-lg-strong',
+          'body-md',
+          'body-md-medium',
+          'body-md-strong',
+          'body-sm',
+          'body-sm-medium',
+          'overline',
+          'overline-medium',
+        ],
+      }],
+    },
+  },
+})