adata-ui 2.1.35 → 2.1.37

package/.nuxtrc

@@ -1 +1 @@
-typescript.includeWorkspace = true
+typescript.includeWorkspace = true

package/.playground/app.config.ts

@@ -1,5 +1,5 @@
-export default defineAppConfig({
-  myLayer: {
-    name: 'My amazing Nuxt layer (overwritten)'
-  }
-})
+export default defineAppConfig({
+  myLayer: {
+    name: 'My amazing Nuxt layer (overwritten)'
+  }
+})

package/README.md

@@ -1,75 +1,75 @@
-# Adata UI with Nuxt 3 using Layers
-
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# npm
-npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-
-# bun
-bun install
-```
-
-## Development Server
-
-Start the development server on `https://localhost:3000`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-
-# bun
-bun run dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-
-# bun
-bun run build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-
-# bun
-bun run preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
+# Adata UI with Nuxt 3 using Layers
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `https://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

package/components/elements/README.md

@@ -1 +1 @@
-# button, alerts, dropdown
+# button, alerts, dropdown

package/components/elements/button-login/index.vue

@@ -9,6 +9,7 @@ defineEmits(['click'])
 <template>
   <div
     class="hidden w-max cursor-pointer items-center gap-2 rounded-2xl bg-blue-700 px-4 py-[6px] font-semibold dark:bg-blue-500 lg:flex"
+    data-test-id="header-login-button"
     @click="$emit('click')"
   >
     <icon-logout class="text-white dark:text-gray-900 lg:h-4 lg:w-4" />

package/components/elements/select/ASelect.vue

@@ -32,6 +32,7 @@ type Props = {
   showFirstItem?: boolean
   buttonBg?: string
   changeableModelValue?: boolean
+  maxHeight?: number
 }
 
 type Emits = {
@@ -61,6 +62,7 @@ const props = withDefaults(defineProps<Props>(), {
   canChipRemove: true,
   showFirstItem: false,
   buttonBg: 'border-deepblue-50 bg-deepblue-50 dark:border-gray-900 dark:bg-gray-200/5',
+  maxHeight: 320,
 })
 
 const emits = defineEmits<Emits>()
@@ -80,7 +82,7 @@ const { x, y, strategy, update } = useFloating(reference, floating, {
       apply({ availableHeight, elements, rects }) {
         const el = elements.floating as HTMLElement
         el.style.width = `${rects.reference.width}px`
-        el.style.maxHeight = `${Math.max(140, Math.min(availableHeight, 320))}px`
+        el.style.maxHeight = `${Math.max(140, Math.min(availableHeight, props.maxHeight))}px`
         el.style.overflowY = props.hideOverflow ? 'hidden' : 'auto'
       },
     }),
@@ -362,7 +364,7 @@ onUnmounted(() => cleanup?.())
         }"
         >
         <slot :options="options" name="options">
-          <ul class="select m-2 max-h-[250px] overflow-y-auto overflow-x-hidden">
+          <ul class="select m-2 overflow-y-auto overflow-x-hidden" :style="{ maxHeight: `${maxHeight - 70}px` }">
             <li v-if="searchFromOut" class="p-1">
               <a-input v-model="search" :label="searchLabel" :size="size" clearable color="gray" />
             </li>

package/components/features/lang-switcher/lang-switcher.vue

@@ -1,5 +1,12 @@
 <script setup lang="ts">
 import { onClickOutside } from "@vueuse/core";
+
+const props = withDefaults(defineProps<{
+  isMobile?: boolean
+}>(), {
+  isMobile: false
+})
+
 const langSwitcher = ref<HTMLDivElement | null>(null)
 
 const switchLocalePath = useSwitchLocalePath()
@@ -16,6 +23,8 @@ onClickOutside(langSwitcher,() => {
 
 const { t } = useI18n()
 
+const testIdSuffix = computed(() => props.isMobile ? '-mobile' : '')
+
 function onClick(loc: any) {
   if ((loc?.code || loc) === locale.value) return
 
@@ -28,13 +37,12 @@ function onClick(loc: any) {
   <div
     ref="langSwitcher"
     class="relative"
-    data-test-id="header-switch-language-button"
   >
-
     <button
       class="text-xs font-semibold py-1 px-2 bg-gray-100 dark:bg-gray-200/5 rounded"
       @click="isOpen = true"
       aria-hidden="true"
+      :data-test-id="`header-switch-language-button${testIdSuffix}`"
     >
       {{ t(`lang.${locale}.short`) }}
     </button>
@@ -44,6 +52,7 @@ function onClick(loc: any) {
     >
       <nuxt-link
         v-for="loc in locales"
+        :data-test-id="`header-switch-${loc?.code}-language-button${testIdSuffix}`"
         :class="[
           'text-sm cursor-pointer px-4 py-2.5 flex justify-between',
           {'text-primary bg-deepblue-500/5': locale === loc.code}

package/components/forms/README.md

@@ -1 +1 @@
-# inputs
+# inputs

package/components/forms/input/standard/AInputStandard.vue

@@ -18,6 +18,7 @@ interface Props {
   autocompleteKey?: K
   autocompleteFn?: (item: T) => string
   colorClasses?:string
+  dataTestId?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -34,7 +35,8 @@ const props = withDefaults(defineProps<Props>(), {
   autocompleteList: () => [],
   autocompleteOption: undefined,
   autocompleteKey: undefined,
-  autocompleteFn: undefined
+  autocompleteFn: undefined,
+  dataTestId: undefined,
 })
 
 const {t} = useI18n()
@@ -285,6 +287,7 @@ defineExpose({
         required
         :tabindex="disabled ? -1 : 0"
         v-bind="$attrs"
+        :data-test-id="dataTestId"
         @input="emit('updateValue', modelValue)"
         @keydown="handleKeydown"
         @focus="isFocused = true"

package/components/forms/input/textarea/ATextarea.vue

@@ -13,6 +13,7 @@ interface Props {
   resizeable?: boolean | 'none' | 'both' | 'x' | 'y'
   startIcon?: string | object
   colorClasses?: string
+  dataTestId?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
@@ -25,7 +26,8 @@ const props = withDefaults(defineProps<Props>(), {
   clearable: false,
   resizeable: true,
   startIcon: '',
-  colorClasses: ''
+  colorClasses: '',
+  dataTestId: undefined,
 })
 
 const uiConfig = {
@@ -121,6 +123,7 @@ const labelClass = computed(() =>
         class="input"
         required
         v-bind="$attrs"
+        :data-test-id="dataTestId"
       />
       <label :class="labelClass" :for="label" class="label cursor-pointer">
         <span class="text">{{ label }}</span>

package/components/modals/ReportBugModal.vue

@@ -85,9 +85,9 @@ async function send() {
 </script>
 
 <template>
-  <a-modal v-model="isOpen">
+  <a-modal v-model="isOpen" data-test-id="report-form-modal">
     <template #header>
-      <p class="heading-02 text-center">
+      <p class="heading-02 text-center" data-test-id="report-form-title">
         {{ t('modals.report_bug.title') }}
       </p>
     </template>
@@ -104,12 +104,14 @@ async function send() {
         <a-input-standard
           v-model="form.name"
           required
+          :data-test-id="'report-form-name-input'"
           :label="t('modals.report_bug.labels.name')"
           :error="getError('name')"
         />
         <a-input-standard
           v-model="form.email"
           required
+          :data-test-id="'report-form-email-input'"
           :label="t('modals.report_bug.labels.email')"
           :error="getError('email')"
         />
@@ -119,6 +121,7 @@ async function send() {
           required
           data-maska="8 (###) ### ## ##"
           clearable
+          :data-test-id="'report-form-phone-input'"
           :label="t('modals.report_bug.labels.phone')"
           :error="getError('phone_number')"
         />
@@ -126,6 +129,7 @@ async function send() {
           <a-textarea
             v-model="form.comment"
             required
+            :data-test-id="'report-form-comment-textarea'"
             :label="t('modals.report_bug.labels.comment')"
             size="md"
             :error="getError('comment')"
@@ -140,12 +144,14 @@ async function send() {
         <a-button
           view="outline"
           class="w-full"
+          data-test-id="report-form-close-button"
           @click="emit('close')"
         >
           {{ t('actions.close') }}
         </a-button>
         <a-button
           class="w-full"
+          data-test-id="report-form-submit-button"
           @click="send"
         >
           {{ t('actions.send') }}

package/components/modals/id/IdLoginModal.vue

@@ -238,13 +238,13 @@ onBeforeUnmount(() => {
       <a-input-standard
         v-model="form.username"
         type="email"
-        data-test-id="login-form-email-input"
+        :data-test-id="'login-form-email-input'"
         :label="t('modals.id.login.labels.email')"
         :error="getError('username')"
       />
       <a-input-password
         v-model="form.password"
-        data-test-id="login-form-password-input"
+        :data-test-id="'login-form-password-input'"
         :label="t('modals.id.login.labels.password')"
         :error="getError('password')"
       />

package/components/navigation/README.md

@@ -1 +1 @@
-# breadcrumb, tabs
+# breadcrumb, tabs

package/components/navigation/header/AHeader.vue

@@ -152,6 +152,7 @@ onMounted(() => {
           <lang-switcher
             v-if="langIsOn || module === 'fea'"
             class="lg:hidden"
+            is-mobile
           />
         </div>
         <!-- Mobile hidden -->

package/components/navigation/header/TopHeader.vue

@@ -142,7 +142,7 @@ const closeMessage = () => {
         class="hidden min-h-10 bg-gray-50 dark:bg-gray-950 lg:block"
       >
         <div class="a-container flex justify-between py-2 items-center text-sm">
-          <div class="flex items-center leading-[24px]">
+          <div class="flex items-center leading-[24px]" data-test-id="header-currency-bar">
             <div v-for="currency in currencies" :key="currency.currency" class="mr-4 flex gap-2">
               <div class="flex items-center">
                 <component
@@ -165,13 +165,13 @@ const closeMessage = () => {
           <div v-if="isAuthenticated" class="flex items-center gap-5">
             <div v-if="limitRemaining != null || limitRemaining != undefined">
               <span class="mr-2 text-xs">{{ t('header.top.requestLimit') }}</span>
-              <a-status-badge size="sm">
+              <a-status-badge size="sm" data-test-id="header-daily-requests-count">
                 {{ limitRemaining }}
               </a-status-badge>
             </div>
             <div v-if="daysRemaining">
               <span class="mr-2 text-xs">{{ t('header.top.daysLeft') }}</span>
-              <a-status-badge size="sm">
+              <a-status-badge size="sm" data-test-id="header-tariff-days-remaining-count">
                 {{ daysRemaining }}
               </a-status-badge>
             </div>

package/components/navigation/pill-tabs/APillTabs.vue

@@ -17,6 +17,7 @@
         activeTab === option.key ? selectedClasses() : defaultClasses(!!option.disabled),
         sizeOptions[size]
       ]"
+      :data-test-id="option?.dataTestId"
       @click="onChanged(option, $event)"
     >
       <slot name="option" :option="option">

package/components/navigation/pill-tabs/types.ts

@@ -20,4 +20,5 @@ export interface Tab {
   disabled?: boolean
   prevent?:boolean
   badgeColor?: 'primary' | 'success' | 'danger' | 'gray' | 'orange' | 'warning'
+  dataTestId?: string
 }

package/components/overlays/README.md

@@ -1 +1 @@
-# tooltip, popover, slide over, modal, context menu
+# tooltip, popover, slide over, modal, context menu

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "adata-ui",
   "type": "module",
-  "version": "2.1.35",
+  "version": "2.1.37",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",