adata-ui 2.1.22 → 2.1.24

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')
+  })
+})

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/vitest.config.ts

@@ -1,14 +1,14 @@
-import { defineVitestConfig } from '@nuxt/test-utils/config'
-
-export default defineVitestConfig({
-  test: {
-    globals: true,
-    environment: 'nuxt',
-    coverage: {
-      enabled: true,
-      provider: 'v8',
-      reportsDirectory: './tests/coverage',
-      reporter: ['html']
-    }
-  }
-})
+import { defineVitestConfig } from '@nuxt/test-utils/config'
+
+export default defineVitestConfig({
+  test: {
+    globals: true,
+    environment: 'nuxt',
+    coverage: {
+      enabled: true,
+      provider: 'v8',
+      reportsDirectory: './tests/coverage',
+      reporter: ['html']
+    }
+  }
+})