@profitliga/ui 2.0.3 → 2.0.5

package/dist/components/v2/shared/isHtmlElement.util.js

@@ -0,0 +1,10 @@
+function n(e) {
+  return typeof HTMLElement < "u" && e instanceof HTMLElement;
+}
+function t(e) {
+  return typeof HTMLInputElement < "u" && e instanceof HTMLInputElement;
+}
+export {
+  n as isHtmlElement,
+  t as isHtmlInputElement
+};

package/dist/components/v2/shared/useIsMobile.util.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef } from 'vue';
+import { TBreakpointMobile } from '../../../types/global.types';
+/**
+ * Единая точка, где проп `breakpointMobile` превращается в «сейчас мобильный
+ * вид». Нужна из-за значения `false`: у `useBreakpoints` порога «никогда»
+ * нет, поэтому выключение приходится обрабатывать до обращения к нему.
+ *
+ * Значение читается один раз при вызове — как и было у прямых вызовов
+ * `breakpoints.smaller(props.breakpointMobile)`: смена самого брейкпоинта на
+ * лету не поддерживалась и раньше, реагировать нужно на ширину экрана, а не
+ * на правку пропа.
+ */
+export declare function useIsMobile(breakpoint: TBreakpointMobile): ComputedRef<boolean>;

package/dist/components/v2/shared/useIsMobile.util.js

@@ -0,0 +1,8 @@
+import { computed as e } from "vue";
+import { breakpoints as o } from "../../../utils/breakpoints.util.js";
+function m(r) {
+  return r === !1 ? e(() => !1) : o.smaller(r);
+}
+export {
+  m as useIsMobile
+};

package/dist/components/v2/shared/useTriggerAria.util.js

@@ -1,4 +1,5 @@
 import { watchEffect as i } from "vue";
+import { isHtmlElement as o } from "./isHtmlElement.util.js";
 const n = [
   "button",
   '[role="button"]',
@@ -10,9 +11,9 @@ const n = [
 ].join(", ");
 function a(e) {
   const t = e?.firstElementChild;
-  return t instanceof HTMLElement ? t.matches(n) ? t : t.querySelector(n) : null;
+  return o(t) ? t.matches(n) ? t : t.querySelector(n) : null;
 }
-function s(e) {
+function l(e) {
   i(() => {
     const t = a(e.host());
     if (!t) return;
@@ -21,5 +22,5 @@ function s(e) {
   });
 }
 export {
-  s as useTriggerAria
+  l as useTriggerAria
 };

package/dist/types/global.types.d.ts

@@ -1,3 +1,13 @@
 export type TVariants = 'success' | 'secondary' | 'warning' | 'danger' | 'info';
 export type TSize = 'extrasmall' | 'small' | 'medium' | 'large' | 'extralarge';
 export type TBreakpoints = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+/**
+ * Брейкпоинт, ниже которого компонент переключается на мобильный вид (обычно
+ * — на шторку снизу). `false` выключает переключение совсем: компонент
+ * остаётся десктопным на любой ширине.
+ *
+ * Отключение нужно там, где мобильный макет не шторка: например
+ * полноэкранная модалка авторизации. Самый мелкий брейкпоинт `sm` — это
+ * 640px, поэтому «поставить порог поменьше» вместо выключения не работает.
+ */
+export type TBreakpointMobile = TBreakpoints | false;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@profitliga/ui",
-	"version": "2.0.3",
+	"version": "2.0.5",
 	"author": "Profit League<dev@pr-lg.ru>",
 	"license": "MIT",
 	"description": "Vue 3 UI component library with TypeScript and SCSS",
@@ -54,6 +54,8 @@
 		"format:check": "prettier --check \"src/**/*.{ts,tsx,vue,scss,css,json}\"",
 		"check": "npm run type-check && npm run lint && npm run format:check",
 		"test:a11y": "vitest run --project=storybook",
+		"test:ssr": "vite build --config scripts/ssr-smoke/vite.config.ts && node node_modules/.ssr-smoke/entry.js",
+		"check:css-leak": "node scripts/check-css-leak.mjs",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build",
 		"prepare": "husky"