@bitrix24/b24ui-nuxt 0.6.2 → 0.6.4

package/dist/runtime/components/Tooltip.vue

@@ -8,6 +8,7 @@ import { defu } from "defu";
 import { TooltipRoot, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, useForwardPropsEmits } from "reka-ui";
 import { reactivePick } from "@vueuse/core";
 import { useAppConfig } from "#imports";
+import { usePortal } from "../composables/usePortal";
 import { tv } from "../utils/tv";
 import B24Kbd from "./Kbd.vue";
 const props = defineProps({
@@ -15,7 +16,7 @@ const props = defineProps({
   kbds: { type: Array, required: false },
   content: { type: Object, required: false },
   arrow: { type: [Boolean, Object], required: false },
-  portal: { type: Boolean, required: false, default: true },
+  portal: { type: [Boolean, String], required: false, skipCheck: true, default: true },
   class: { type: null, required: false },
   b24ui: { type: null, required: false },
   defaultOpen: { type: Boolean, required: false },
@@ -30,6 +31,7 @@ const emits = defineEmits(["update:open"]);
 const slots = defineSlots();
 const appConfig = useAppConfig();
 const rootProps = useForwardPropsEmits(reactivePick(props, "defaultOpen", "open", "delayDuration", "disableHoverableContent", "disableClosingTrigger", "disabled", "ignoreNonKeyboardFocus"), emits);
+const portalProps = usePortal(toRef(() => props.portal));
 const contentProps = toRef(() => defu(props.content, { side: "bottom", sideOffset: 8, collisionPadding: 8 }));
 const arrowProps = toRef(() => props.arrow);
 const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.tooltip || {} })({
@@ -43,7 +45,7 @@ const b24ui = computed(() => tv({ extend: tv(theme), ...appConfig.b24ui?.tooltip
       <slot :open="open" />
     </TooltipTrigger>
 
-    <TooltipPortal :disabled="!portal">
+    <TooltipPortal v-bind="portalProps">
       <TooltipContent v-bind="contentProps" :class="b24ui.content({ class: [!slots.default && props.class, props.b24ui?.content] })">
         <slot name="content">
           <span v-if="text" :class="b24ui.text({ class: props.b24ui?.text })">{{ text }}</span>

package/dist/runtime/components/Tooltip.vue.d.ts

@@ -23,7 +23,7 @@ export interface TooltipProps extends TooltipRootProps {
      * Render the tooltip in a portal.
      * @defaultValue true
      */
-    portal?: boolean;
+    portal?: boolean | string | HTMLElement;
     class?: any;
     b24ui?: Tooltip['slots'];
 }
@@ -38,7 +38,7 @@ export interface TooltipSlots {
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<TooltipProps>, {
     portal: boolean;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    portal: boolean;
+    portal: boolean | string | HTMLElement;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, Readonly<TooltipSlots> & TooltipSlots>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/runtime/composables/usePortal.d.ts

@@ -0,0 +1,6 @@
+import { type Ref, type InjectionKey } from 'vue';
+export declare const portalTargetInjectionKey: InjectionKey<Ref<string | HTMLElement>>;
+export declare function usePortal(portal: Ref<string | HTMLElement | boolean | undefined>): import("vue").ComputedRef<{
+    to: string | HTMLElement;
+    disabled: boolean;
+}>;

package/dist/runtime/composables/usePortal.js

@@ -0,0 +1,17 @@
+import { inject, provide, computed } from "vue";
+export const portalTargetInjectionKey = Symbol("bitrix24-ui.portal-target");
+export function usePortal(portal) {
+  const portalTarget = inject(portalTargetInjectionKey, void 0);
+  const to = computed(() => {
+    if (typeof portal.value === "string" || portal.value instanceof HTMLElement) {
+      return portal.value;
+    }
+    return portalTarget?.value ?? "body";
+  });
+  const disabled = computed(() => typeof portal.value === "boolean" ? !portal.value : false);
+  provide(portalTargetInjectionKey, computed(() => to.value));
+  return computed(() => ({
+    to: to.value,
+    disabled: disabled.value
+  }));
+}

package/dist/runtime/types/form.d.ts

@@ -23,7 +23,9 @@ export interface Form<T extends object> {
     touchedFields: DeepReadonly<Set<keyof T>>;
     blurredFields: DeepReadonly<Set<keyof T>>;
 }
-export type FormSchema<T extends object> = YupObjectSchema<T> | JoiSchema<T> | SuperstructSchema<any, any> | StandardSchemaV1;
+export type FormSchema<I extends object = object, O extends object = I> = YupObjectSchema<I> | JoiSchema<I> | SuperstructSchema<any, any> | StandardSchemaV1<I, O>;
+export type InferInput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : Schema extends YupObjectSchema<infer I> ? I : Schema extends JoiSchema<infer I> ? I : Schema extends SuperstructSchema<infer I, any> ? I : Schema extends StandardSchemaV1 ? StandardSchemaV1.InferInput<Schema> : never;
+export type InferOutput<Schema> = Schema extends StandardSchemaV1 ? StandardSchemaV1.InferOutput<Schema> : Schema extends YupObjectSchema<infer O> ? O : Schema extends JoiSchema<infer O> ? O : Schema extends SuperstructSchema<infer O, any> ? O : never;
 export type FormInputEvents = 'input' | 'blur' | 'change' | 'focus';
 export interface FormError<P extends string = string> {
     name?: P;

package/dist/runtime/utils/link.js

@@ -15,6 +15,7 @@ export function pickLinkProps(link) {
     "exactQuery",
     "external",
     "href",
+    "download",
     "inactiveClass",
     "noPrefetch",
     "noRel",

package/dist/shared/{b24ui-nuxt.wBs9vEU5.mjs → b24ui-nuxt.jU270f-Q.mjs}

@@ -1,7 +1,7 @@
 import { fileURLToPath } from 'node:url';
 import { kebabCase } from 'scule';
 import { addTypeTemplate, addTemplate } from '@nuxt/kit';
-import { defuFn, defu } from 'defu';
+import { defuFn } from 'defu';
 
 const getDefaultUiConfig = () => ({});
 const defaultOptions = {
@@ -1822,6 +1822,7 @@ const dropdownMenu = {
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "overflow-y-auto",
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "origin-(--reka-dropdown-menu-content-transform-origin)",
       "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
       "pointer-events-auto"
     ].join(" "),
@@ -2785,13 +2786,15 @@ const inputMenu = () => {
       trailing: "group absolute inset-y-0 end-0 flex items-center disabled:cursor-not-allowed disabled:opacity-75",
       arrow: "fill-base-master/10 dark:fill-base-100/20",
       content: [
-        "w-(--reka-popper-anchor-width)",
+        "w-(--reka-combobox-trigger-width)",
         // 'max-h-60',
+        "min-w-fit",
         // 'h-(--reka-popper-available-height)',
         "bg-white dark:bg-base-dark",
         "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
         "overflow-hidden",
         "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+        "origin-(--reka-combobox-content-transform-origin)",
         "pointer-events-auto"
       ].join(" "),
       viewport: "divide-y divide-base-master/10 dark:divide-base-100/20 scroll-py-1",
@@ -4615,6 +4618,7 @@ const popover = {
       "bg-white dark:bg-base-dark",
       "shadow-lg rounded-2xs ring ring-base-300 dark:ring-base-800",
       "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "origin-(--reka-popover-content-transform-origin)",
       "focus:outline-none pointer-events-auto"
     ].join(" "),
     arrow: "fill-white dark:fill-base-dark stroke-base-300 dark:stroke-base-800"
@@ -5407,13 +5411,15 @@ const select = () => {
         placeholder: "truncate text-base-400 dark:text-base-300",
         arrow: "fill-base-master/10 dark:fill-base-100/20",
         content: [
-          "w-(--reka-popper-anchor-width)",
+          "w-(--reka-select-trigger-width)",
           // 'max-h-60',
+          "min-w-fit",
           // 'h-(--reka-popper-available-height)',
           "bg-white dark:bg-base-dark",
           "shadow-md rounded-2xs ring ring-base-300 dark:ring-base-800",
           "overflow-hidden",
           "data-[state=open]:animate-[scale-in_100ms_ease-out] data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+          "origin-(--reka-select-content-transform-origin)",
           "pointer-events-auto"
         ].join(" "),
         scrollUpDownButton: [
@@ -5470,10 +5476,11 @@ const select = () => {
 };
 
 const selectMenu = () => {
-  return defu({
+  return defuFn({
     slots: {
       input: "border-b border-base-300 dark:dark:border-base-800",
-      focusScope: "flex flex-col min-h-0"
+      focusScope: "flex flex-col min-h-0",
+      content: (content) => [content, "origin-(--reka-combobox-content-transform-origin) w-(--reka-combobox-trigger-width)"]
     },
     variants: {
       addNew: {
@@ -6739,6 +6746,7 @@ const tooltip = {
       "min-h-6 px-2 py-1 text-xs",
       "bg-base-dark text-white",
       "dark:bg-base-dark dark:text-base-150 dark:ring dark:ring-base-100/20",
+      "origin-(--reka-tooltip-content-transform-origin)",
       "pointer-events-auto"
     ].join(" "),
     arrow: "fill-base-dark dark:fill-base-100/20",

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.wBs9vEU5.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultUiConfig } from './shared/b24ui-nuxt.jU270f-Q.mjs';
 import { globSync } from 'tinyglobby';
 import { genSafeVariableName } from 'knitwork';
 import MagicString from 'magic-string';
@@ -98,6 +98,19 @@ function AppConfigPlugin(options, appConfig) {
       return `
           export default ${JSON.stringify(appConfig)}
         `;
+    },
+    vite: {
+      config() {
+        return {
+          test: {
+            server: {
+              deps: {
+                inline: ["@bitrix24/b24ui"]
+              }
+            }
+          }
+        };
+      }
     }
   };
 }

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.wBs9vEU5.mjs';
+import './shared/b24ui-nuxt.jU270f-Q.mjs';
 import 'scule';
 import '@nuxt/kit';
 import 'tinyglobby';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -110,10 +110,10 @@
     "@standard-schema/spec": "^1.0.0",
     "@tailwindcss/postcss": "^4.1.4",
     "@tailwindcss/vite": "^4.1.4",
-    "@tanstack/vue-table": "^8.21.2",
-    "@unhead/vue": "^2.0.3",
-    "@vueuse/core": "^13.0.0",
-    "@vueuse/integrations": "^13.0.0",
+    "@tanstack/vue-table": "^8.21.3",
+    "@unhead/vue": "^2.0.8",
+    "@vueuse/core": "^13.1.0",
+    "@vueuse/integrations": "^13.1.0",
     "canvas-confetti": "^1.9.3",
     "colortranslator": "^4.1.0",
     "consola": "^3.4.2",
@@ -136,7 +136,7 @@
     "scule": "^1.3.0",
     "tailwind-variants": "^1.0.0",
     "tailwindcss": "^4.1.4",
-    "tinyglobby": "^0.2.12",
+    "tinyglobby": "^0.2.13",
     "unplugin": "^2.3.2",
     "unplugin-auto-import": "^19.1.2",
     "unplugin-vue-components": "^28.5.0",
@@ -149,7 +149,7 @@
     "@types/canvas-confetti": "^1.9.0",
     "@vue/test-utils": "^2.4.6",
     "embla-carousel": "^8.6.0",
-    "eslint": "^9.24.0",
+    "eslint": "^9.25.0",
     "happy-dom": "^17.4.4",
     "nuxt": "^3.16.2",
     "nuxt-component-meta": "^0.10.1",
@@ -237,7 +237,6 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "typecheck": "vue-tsc --noEmit && nuxi typecheck playground && cd playground-vue && vue-tsc --noEmit",
-    "typecheck-window": "vue-tsc --noEmit && nuxi typecheck playground && cd ../playground-vue && vue-tsc --noEmit",
     "test": "vitest",
     "test:vue": "vitest -c vitest.vue.config.ts"
   }