adata-ui 2.1.36 → 2.1.38

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/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,7 +52,7 @@ function onClick(loc: any) {
     >
       <nuxt-link
         v-for="loc in locales"
-        :data-test-id="`header-switch-${loc?.code}-language-button`"
+        :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

@@ -104,14 +104,14 @@ async function send() {
         <a-input-standard
           v-model="form.name"
           required
-          data-test-id="report-form-name-input"
+          :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"
+          :data-test-id="'report-form-email-input'"
           :label="t('modals.report_bug.labels.email')"
           :error="getError('email')"
         />
@@ -121,7 +121,7 @@ async function send() {
           required
           data-maska="8 (###) ### ## ##"
           clearable
-          data-test-id="report-form-phone-input"
+          :data-test-id="'report-form-phone-input'"
           :label="t('modals.report_bug.labels.phone')"
           :error="getError('phone_number')"
         />
@@ -129,7 +129,7 @@ async function send() {
           <a-textarea
             v-model="form.comment"
             required
-            data-test-id="report-form-comment-textarea"
+            :data-test-id="'report-form-comment-textarea'"
             :label="t('modals.report_bug.labels.comment')"
             size="md"
             :error="getError('comment')"

package/components/modals/id/AuthModal.vue

@@ -49,13 +49,18 @@ const close = () => {
 </script>
 
 <template>
-  <a-modal v-model="isOpen" :title="t('modals.auth.title')">
+  <a-modal
+    v-model="isOpen"
+    :title="t('modals.auth.title')"
+    data-test-id="no-access-popup"
+  >
     <div class="flex flex-col items-center gap-5 text-center text-sm">
       <a-ill-door />
       <div>{{ t('modals.auth.content') }}</div>
       <a-button
         block
         variant="success"
+        data-test-id="no-access-popup-authorize-button"
         @click="goAuth"
       >
         {{ t('modals.buttons.logIn') }}
@@ -67,11 +72,16 @@ const close = () => {
         <a-button
           view="outline"
           block
+          data-test-id="no-access-popup-close-button"
           @click="close"
         >
           {{ t('modals.buttons.close') }}
         </a-button>
-        <a-button block @click="goRegister">
+        <a-button
+          block
+          data-test-id="no-access-popup-register-button"
+          @click="goRegister"
+        >
           {{ t('modals.buttons.register') }}
         </a-button>
       </div>

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/breadcrumbs/ABreadcrumbs.vue

@@ -48,6 +48,7 @@ const { t } = useI18n()
           :to="breadcrumbItem.to"
           rel="noopener noreferrer"
           itemprop="item"
+          :data-test-id="breadcrumbItem?.dataTestId"
         >
           <span itemprop="name">
             {{ t(breadcrumbItem.label) }}

package/components/navigation/breadcrumbs/types.ts

@@ -1,4 +1,5 @@
 export interface Crumb {
   label: string
   to: string
+  dataTestId?: string
 }

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/ProfileMenu.vue

@@ -177,6 +177,7 @@ const onReplenish = () => {
 
       <div
         class="flex items-center justify-center lg:justify-start gap-3 pb-2 pt-4 px-4 cursor-pointer text-red-500 hover:text-red-700 border-t"
+        data-test-id="logout-button"
         @click="$emit('logout')"
       >
         <icon-logout class="h-5 w-5" />

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.36",
+  "version": "2.1.38",
   "main": "./nuxt.config.ts",
   "scripts": {
     "dev": "nuxi dev .playground",