@retailcrm/embed-ui-v1-components 0.5.16 → 0.5.18

package/dist/remote.cjs

@@ -58,6 +58,11 @@ const UiCheckbox = defineRemoteComponent(
   UiCheckboxType,
   ["click", "focus", "blur"]
 );
+const UiCopyButtonType = "UiCopyButton";
+const UiCopyButton = defineRemoteComponent(
+  UiCopyButtonType,
+  ["click", "focus", "blur"]
+);
 const UiErrorType = "UiError";
 const UiError = defineRemoteComponent(
   UiErrorType,
@@ -133,6 +138,12 @@ const UiModalWindowSurface = defineRemoteComponent(
     "update:overlapped"
   ]
 );
+const UiPopperType = "UiPopper";
+const UiPopper = defineRemoteComponent(UiPopperType);
+const UiPopperConnectorType = "UiPopperConnector";
+const UiPopperConnector = defineRemoteComponent(UiPopperConnectorType);
+const UiPopperTargetType = "UiPopperTarget";
+const UiPopperTarget = defineRemoteComponent(UiPopperTargetType);
 const UiRadioType = "UiRadio";
 const UiRadio = defineRemoteComponent(
   UiRadioType,
@@ -164,6 +175,8 @@ const UiToolbarLink = defineRemoteComponent(
   UiToolbarLinkType,
   ["click", "focus", "blur"]
 );
+const UiTooltipType = "UiTooltip";
+const UiTooltip = defineRemoteComponent(UiTooltipType);
 const UiTransitionType = "UiTransition";
 const UiTransition = defineRemoteComponent(UiTransitionType);
 const UiYandexMapType = "UiYandexMap";
@@ -1816,6 +1829,8 @@ exports.UiButton = UiButton;
 exports.UiButtonType = UiButtonType;
 exports.UiCheckbox = UiCheckbox;
 exports.UiCheckboxType = UiCheckboxType;
+exports.UiCopyButton = UiCopyButton;
+exports.UiCopyButtonType = UiCopyButtonType;
 exports.UiError = UiError;
 exports.UiErrorType = UiErrorType;
 exports.UiLink = UiLink;
@@ -1828,6 +1843,12 @@ exports.UiModalWindow = UiModalWindow;
 exports.UiModalWindowSurface = UiModalWindowSurface;
 exports.UiModalWindowSurfaceType = UiModalWindowSurfaceType;
 exports.UiModalWindowType = UiModalWindowType;
+exports.UiPopper = UiPopper;
+exports.UiPopperConnector = UiPopperConnector;
+exports.UiPopperConnectorType = UiPopperConnectorType;
+exports.UiPopperTarget = UiPopperTarget;
+exports.UiPopperTargetType = UiPopperTargetType;
+exports.UiPopperType = UiPopperType;
 exports.UiRadio = UiRadio;
 exports.UiRadioType = UiRadioType;
 exports.UiScrollBox = UiScrollBox;
@@ -1838,6 +1859,8 @@ exports.UiToolbarButton = UiToolbarButton;
 exports.UiToolbarButtonType = UiToolbarButtonType;
 exports.UiToolbarLink = UiToolbarLink;
 exports.UiToolbarLinkType = UiToolbarLinkType;
+exports.UiTooltip = UiTooltip;
+exports.UiTooltipType = UiTooltipType;
 exports.UiTransition = UiTransition;
 exports.UiTransitionType = UiTransitionType;
 exports.UiYandexMap = UiYandexMap;

package/dist/remote.d.ts

@@ -1,3 +1,4 @@
+import { Alignment } from '@floating-ui/dom';
 import { Component } from 'vue';
 import { HTMLAttributes } from 'vue';
 import { InjectionKey } from 'vue';
@@ -8,6 +9,10 @@ import { SchemaType } from '@omnicajs/vue-remote/remote';
 import { SchemaType as SchemaType_2 } from '@omnicajs/vue-remote/dist/remote';
 import { SerializedEvent } from '@omnicajs/vue-remote/types/events';
 import { SerializedFocusEvent } from '@omnicajs/vue-remote/types/events';
+import { Side } from '@floating-ui/dom';
+import { Strategy } from '@floating-ui/dom';
+
+declare type Adaptation = 'flip' | 'shift';
 
 declare enum ALIGN {
     LEFT = "left",
@@ -42,6 +47,11 @@ declare enum CLOSE_METHOD {
     KEY_ESC = "Esc"
 }
 
+declare type Delay = {
+    show?: number;
+    hide?: number;
+};
+
 declare type Dimensions = `${number}x${number}` | `${number}x-` | `-x${number}`;
 
 declare enum DIRECTION {
@@ -49,6 +59,13 @@ declare enum DIRECTION {
     RIGHT = "right"
 }
 
+declare type FloatingOptions = {
+    placement?: PlacementLiteral | PlacementOptions;
+    offsetMainAxis?: number | string;
+    offsetCrossAxis?: number | string;
+    strategy?: Strategy;
+};
+
 export declare const formatDate: (date: Date | string, locale?: Locale | undefined) => string;
 
 export declare const formatDateTime: (date: Date | string, locale?: Locale | undefined) => string;
@@ -61,6 +78,14 @@ declare type Locale = 'en-GB' | 'es-ES' | 'ru-RU';
 
 declare type Numeric = number | string;
 
+declare type PlacementLiteral = `${Side}-${Alignment}` | Side;
+
+declare type PlacementOptions = {
+    side: Side;
+    alignment?: Alignment | 'center';
+    adaptation?: Adaptation[];
+};
+
 declare type Primitive = boolean | number | string | null | undefined;
 
 declare type RemoteProperties<T> = HTMLAttributes & T & Record<string, never>;
@@ -80,6 +105,17 @@ declare type SerializedDOMRect = {
     [K in Exclude<keyof DOMRect, 'toJSON'>]: DOMRect[K];
 };
 
+declare type ShowingOptions = {
+    shown?: boolean;
+    targetTriggers?: Trigger[] | TriggerSchema;
+    popperTriggers?: Trigger[] | TriggerSchema;
+    globalTriggers?: Array<'miss-click' | 'reference-hidden'>;
+    delay?: Numeric | Delay;
+    disposeTimeout?: Numeric | null;
+    disabled?: boolean;
+    container?: string | null;
+};
+
 declare enum SIZE {
     XS = "xs",
     SM = "sm",
@@ -123,6 +159,15 @@ declare enum STATUS {
     FREE = "free"
 }
 
+declare type TooltipOptions = Omit<UiPopperProperties, 'target' | 'targetTriggers' | 'popperTriggers' | 'globalTriggers'>;
+
+declare type Trigger<T extends string = never> = 'hover' | 'focus' | 'click' | 'touch' | T;
+
+declare type TriggerSchema<S extends string = never, H extends string = never> = {
+    show?: Trigger<S>[];
+    hide?: Trigger<H>[];
+};
+
 export declare const UiAvatar: Component<    {
 [x: string]: unknown;
 }, RemoteProperties<UiAvatarProperties>, {
@@ -232,6 +277,26 @@ declare type UiCheckboxProperties = {
 
 export declare const UiCheckboxType: SchemaType<"UiCheckbox", RemoteProperties<UiCheckboxProperties>, RemoteCallable<UiCheckboxMethods>>;
 
+export declare const UiCopyButton: Component<    {
+[x: string]: unknown;
+}, RemoteProperties<UiCopyButtonProperties>, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+click: (event: SerializedEvent) => boolean;
+focus: (event: SerializedFocusEvent) => boolean;
+blur: (event: SerializedEvent) => boolean;
+}>;
+
+declare type UiCopyButtonProperties = {
+    text: string;
+    size: SIZE_2;
+    tooltipOptions?: TooltipOptions;
+};
+
+export declare const UiCopyButtonType: SchemaType<"UiCopyButton", RemoteProperties<UiCopyButtonProperties>>;
+
 export declare const UiError: Component<    {
 [x: string]: unknown;
 }, RemoteProperties<UiErrorProperties>, {
@@ -395,6 +460,52 @@ export declare const UiModalWindowSurfaceType: SchemaType<"UiModalWindowSurface"
 
 export declare const UiModalWindowType: SchemaType<"UiModalWindow", RemoteProperties<UiModalWindowProperties>, RemoteCallable<UiModalWindowMethods>>;
 
+export declare const UiPopper: Component<    {
+[x: string]: unknown;
+}, RemoteProperties<UiPopperProperties>, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+[x: string]: never;
+}>;
+
+export declare const UiPopperConnector: Component<    {
+[x: string]: unknown;
+}, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+[x: string]: never;
+}>;
+
+export declare const UiPopperConnectorType: SchemaType<"UiPopperConnector">;
+
+declare type UiPopperProperties = FloatingOptions & ShowingOptions & {
+    withArrow?: boolean;
+};
+
+export declare const UiPopperTarget: Component<    {
+[x: string]: unknown;
+}, RemoteProperties<{
+tag?: string;
+}>, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+[x: string]: never;
+}>;
+
+export declare const UiPopperTargetType: SchemaType<"UiPopperTarget", RemoteProperties<{
+    tag?: string;
+}>>;
+
+export declare const UiPopperType: SchemaType<"UiPopper", RemoteProperties<UiPopperProperties>>;
+
 export declare const UiRadio: Component<    {
 [x: string]: unknown;
 }, RemoteProperties<UiRadioProperties>, {
@@ -508,6 +619,18 @@ declare type UiToolbarLinkProperties = Omit<UiLinkProperties, 'size'>;
 
 export declare const UiToolbarLinkType: SchemaType<"UiToolbarLink", RemoteProperties<UiToolbarLinkProperties>, Record<string, never>>;
 
+export declare const UiTooltip: Component<    {
+[x: string]: unknown;
+}, RemoteProperties<UiPopperProperties>, {
+[x: string]: never;
+}, {
+[x: string]: never;
+}, MethodOptions, {
+[x: string]: never;
+}>;
+
+export declare const UiTooltipType: SchemaType<"UiTooltip", RemoteProperties<UiPopperProperties>>;
+
 export declare const UiTransition: Component<    {
 [x: string]: unknown;
 }, RemoteProperties<UiTransitionProps>, {
@@ -555,3 +678,10 @@ declare enum VARIANT {
 }
 
 export { }
+
+
+declare global {
+    interface Window {
+        MSStream: unknown;
+    }
+}

package/dist/remote.js

@@ -56,6 +56,11 @@ const UiCheckbox = defineRemoteComponent(
   UiCheckboxType,
   ["click", "focus", "blur"]
 );
+const UiCopyButtonType = "UiCopyButton";
+const UiCopyButton = defineRemoteComponent(
+  UiCopyButtonType,
+  ["click", "focus", "blur"]
+);
 const UiErrorType = "UiError";
 const UiError = defineRemoteComponent(
   UiErrorType,
@@ -131,6 +136,12 @@ const UiModalWindowSurface = defineRemoteComponent(
     "update:overlapped"
   ]
 );
+const UiPopperType = "UiPopper";
+const UiPopper = defineRemoteComponent(UiPopperType);
+const UiPopperConnectorType = "UiPopperConnector";
+const UiPopperConnector = defineRemoteComponent(UiPopperConnectorType);
+const UiPopperTargetType = "UiPopperTarget";
+const UiPopperTarget = defineRemoteComponent(UiPopperTargetType);
 const UiRadioType = "UiRadio";
 const UiRadio = defineRemoteComponent(
   UiRadioType,
@@ -162,6 +173,8 @@ const UiToolbarLink = defineRemoteComponent(
   UiToolbarLinkType,
   ["click", "focus", "blur"]
 );
+const UiTooltipType = "UiTooltip";
+const UiTooltip = defineRemoteComponent(UiTooltipType);
 const UiTransitionType = "UiTransition";
 const UiTransition = defineRemoteComponent(UiTransitionType);
 const UiYandexMapType = "UiYandexMap";
@@ -1815,6 +1828,8 @@ export {
   UiButtonType,
   UiCheckbox,
   UiCheckboxType,
+  UiCopyButton,
+  UiCopyButtonType,
   UiError,
   UiErrorType,
   UiLink,
@@ -1827,6 +1842,12 @@ export {
   UiModalWindowSurface,
   UiModalWindowSurfaceType,
   UiModalWindowType,
+  UiPopper,
+  UiPopperConnector,
+  UiPopperConnectorType,
+  UiPopperTarget,
+  UiPopperTargetType,
+  UiPopperType,
   UiRadio,
   UiRadioType,
   UiScrollBox,
@@ -1837,6 +1858,8 @@ export {
   UiToolbarButtonType,
   UiToolbarLink,
   UiToolbarLinkType,
+  UiTooltip,
+  UiTooltipType,
   UiTransition,
   UiTransitionType,
   UiYandexMap,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@retailcrm/embed-ui-v1-components",
   "type": "module",
-  "version": "0.5.16",
+  "version": "0.5.18",
   "license": "MIT",
   "author": "RetailDriverLLC <integration@retailcrm.ru>",
   "repository": "git@github.com:retailcrm/embed-ui.git",
@@ -57,7 +57,9 @@
     "@omnicajs/vue-remote": "^0.2.5",
     "@remote-ui/rpc": "^1.4.5",
     "@retailcrm/image-preview": "^1.0.2",
-    "date-fns": "^4.1.0"
+    "date-fns": "^4.1.0",
+    "lodash.isequal": "^4.5.0",
+    "vue3-perfect-scrollbar": "^1.6.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^8.4.7",
@@ -74,6 +76,7 @@
     "@storybook/types": "^8.4.7",
     "@storybook/vue3": "^8.4.7",
     "@storybook/vue3-vite": "^8.4.7",
+    "@types/lodash.isequal": "^4.5.6",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/compiler-sfc": "^3.5.12",
     "@vue/test-utils": "^2.4.6",
@@ -87,11 +90,10 @@
     "typescript": "^5.6.3",
     "uuid": "^11.0.3",
     "vite": "^5.4.11",
-    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-dts": "^4.5.0",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^3.0.4",
     "vue": "^3.5.12",
-    "vue-i18n": "10",
-    "vue3-perfect-scrollbar": "^1.6.0"
+    "vue-i18n": "10"
   }
 }