adata-ui 2.1.17 → 2.1.19

package/shared/constans/pages.ts

@@ -1,89 +1,89 @@
-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',
-  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'
-  },
-  fea: {
-    main: '/',
-    t: '/fea',
-    cp: '/custom',
-    o: '/tree',
-    ca: '/calculator',
-    tr: '/export-tariff',
-    importerMap: '/importer-card',
-    containers: '/track-container',
-  },
-  compliance: {
-    l: '/',
-    assistant: '/assistant',
-    inspection: '/inspection',
-    assignments: '/assignments',
-    hotline: '/hotline',
-    sanctions: '/sanctions',
-    suppliers: '/dossier/suppliers',
-    sb: '/sb'
-  },
-  edo: {
-    l: '/'
-  }
-}
+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',
+  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'
+  },
+  fea: {
+    main: '/',
+    t: '/fea',
+    cp: '/custom',
+    o: '/tree',
+    ca: '/calculator',
+    tr: '/export-tariff',
+    importerMap: '/importer-card',
+    containers: '/track-container',
+  },
+  compliance: {
+    l: '/',
+    assistant: '/assistant',
+    inspection: '/inspection',
+    assignments: '/assignments',
+    hotline: '/hotline',
+    sanctions: '/sanctions',
+    suppliers: '/dossier/suppliers',
+    sb: '/sb'
+  },
+  edo: {
+    l: '/'
+  }
+}

package/tailwind.config.ts

@@ -1,163 +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'
-      }
-    },
-  },
-}
-
+/** @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'
+      }
+    },
+  },
+}
+

package/tests/AButton.test.ts

@@ -1,81 +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')
-  })
-})
+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')
+  })
+})