@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-time-range-picker-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTimeRangePickerV3 } from './OrTimeRangePicker.vue';
+export * from './types';

package/dist/types/components/or-time-range-picker-v3/styles.d.ts

@@ -0,0 +1,2 @@
+export declare const TimeRangePicker: string[];
+export declare const TimeRangePickerPopover: string[];

package/dist/types/components/or-time-range-picker-v3/types.d.ts

@@ -0,0 +1,3 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+import { DateTimePickerModelValue } from '@onereach/ui-components.or-date-time-picker-v3';
+export type TimeRangePickerModelValue = ModelValue<[DateTimePickerModelValue, DateTimePickerModelValue]>;

package/dist/types/components/or-toast-v3/OrToast.vue.d.ts

@@ -0,0 +1,56 @@
+import { PropType } from 'vue';
+import { ToastType } from './props';
+import { ToastLink } from './types';
+declare const _default: import("vue").DefineComponent<{
+    toastType: {
+        type: PropType<`${ToastType}`>;
+        default: () => ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    toastIconStyle: import("vue").ComputedRef<string[]>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    loaderStyle: import("vue").ComputedRef<string[]>;
+    messageStyle: import("vue").ComputedRef<string[]>;
+    emojiSrc: import("vue").ComputedRef<any>;
+    hrefTarget: import("vue").ComputedRef<"_blank" | "_parent" | "_self">;
+    onClose: () => void;
+    onLinkClick: (event: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    toastType: {
+        type: PropType<`${ToastType}`>;
+        default: () => ToastType;
+    };
+    link: {
+        type: PropType<ToastLink>;
+        default: undefined;
+    };
+    messageText: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    dismissible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    link: ToastLink;
+    toastType: "error" | "loading" | "success";
+    messageText: string;
+    dismissible: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-toast-v3/Timer.d.ts

@@ -0,0 +1,11 @@
+export default class Timer {
+    private startedAt;
+    private timer;
+    private callback;
+    private delay;
+    constructor();
+    start(callback: () => void, delay?: number): void;
+    pause(): void;
+    resume(): void;
+    stop(): void;
+}

package/dist/types/components/or-toast-v3/composable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToastV3 } from './useToast';
+export { default as useQueueV3 } from './useQueue';

package/dist/types/components/or-toast-v3/composable/useQueue.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export default function useQueue<T>(initialValue?: Array<T>): {
+    queue: Ref<Ref<T>[]>;
+    addItem: (item: T) => void;
+    removeItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: T, index: number, queue: Ref<T>[]) => boolean) => Ref<T>;
+};

package/dist/types/components/or-toast-v3/composable/useToast.d.ts

@@ -0,0 +1,8 @@
+import { ToastBehaviour, ToastProps, UseToastNotifyReturnsV3 } from '../types';
+export default function useToast(globalToastProps?: ToastProps): {
+    notify: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    clearAll: () => void;
+    success: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    error: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+    loading: (props: ToastProps, behaviour?: ToastBehaviour) => UseToastNotifyReturnsV3;
+};

package/dist/types/components/or-toast-v3/composable/useToastEventBus.d.ts

@@ -0,0 +1,9 @@
+import { EventBusListener } from '@vueuse/core';
+import { ToastConfiguration } from '../types';
+export type ToastEventsBusEvents = 'toastNotify' | 'toastClose' | 'toastCloseAll' | 'toastUpdate';
+declare const _default: () => {
+    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => void;
+    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => void;
+    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => void;
+};
+export default _default;

package/dist/types/components/or-toast-v3/index.d.ts

@@ -0,0 +1,5 @@
+export { default as OrToastV3 } from './OrToast.vue';
+export { default as OrToastContainerV3 } from './or-toast-container-v3/OrToastContainer.vue';
+export * from './composable';
+export * as TypesV3 from './types';
+export * as PropsV3 from './props';

package/dist/types/components/or-toast-v3/or-toast-container-v3/OrToastContainer.vue.d.ts

@@ -0,0 +1,57 @@
+import { PropType } from 'vue';
+import { TransitionType } from '../props';
+import { Position, ToastBehaviour, ToastConfiguration } from '../types';
+declare const _default: import("vue").DefineComponent<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<`${TransitionType}`>;
+        default: () => TransitionType;
+    };
+}, {
+    on: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration>) => void;
+    off: (namedQueue: import("../composable/useToastEventBus").ToastEventsBusEvents, listener: import("@vueuse/core").EventBusListener<ToastConfiguration>) => void;
+    classes: import("vue").ComputedRef<(string | {
+        'position--top--with-header': boolean;
+    })[]>;
+    transitionName: import("vue").ComputedRef<string>;
+    isActive: import("vue").Ref<boolean>;
+    toggle: (value?: boolean | undefined) => boolean;
+    addItem: (item: ToastConfiguration) => void;
+    removeItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue").Ref<ToastConfiguration>[]) => boolean) => void;
+    clearAll: () => void;
+    getItem: (condition: (i: ToastConfiguration, index: number, queue: import("vue").Ref<ToastConfiguration>[]) => boolean) => import("vue").Ref<ToastConfiguration>;
+    queue: import("vue").ComputedRef<ToastConfiguration[]>;
+    root: import("vue").Ref<HTMLElement | undefined>;
+    createToast: (toastConfiguration: ToastConfiguration) => void;
+    toastUpdate: (toast: ToastConfiguration) => void;
+    toastRemove: (toast: ToastConfiguration) => void;
+    onToastEnter: (toast: ToastConfiguration) => void;
+    onToastLeave: (toast: ToastConfiguration) => void;
+    onClick: (toastBehaviour: ToastBehaviour) => void;
+    onToastHidden: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    includeHeaderHeight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    position: {
+        type: PropType<Position>;
+        default: Position;
+    };
+    transition: {
+        type: PropType<`${TransitionType}`>;
+        default: () => TransitionType;
+    };
+}>>, {
+    position: Position;
+    transition: "slide" | "fade";
+    includeHeaderHeight: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-toast-v3/or-toast-container-v3/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OrToastContainerV3 } from './OrToastContainer.vue';
+export * from '../composable';
+export * as TypesV3 from '../types';
+export * as PropsV3 from '../props';

package/dist/types/components/or-toast-v3/props.d.ts

@@ -0,0 +1,18 @@
+export declare enum PositionsX {
+    Right = "right",
+    Left = "left",
+    Center = "center"
+}
+export declare enum PositionsY {
+    Top = "top",
+    Bottom = "bottom"
+}
+export declare enum TransitionType {
+    Slide = "slide",
+    Fade = "fade"
+}
+export declare enum ToastType {
+    Success = "success",
+    Error = "error",
+    Loading = "loading"
+}

package/dist/types/components/or-toast-v3/styles.d.ts

@@ -0,0 +1,5 @@
+import { PositionsX, PositionsY, ToastType } from './props';
+export declare const Toast: string[];
+export declare const ToastContainer: string[];
+export declare const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]>;
+export declare const messageStyleVariant: Record<ToastType, string[]>;

package/dist/types/components/or-toast-v3/types.d.ts

@@ -0,0 +1,35 @@
+import { PositionsX, PositionsY, ToastType } from './props';
+import Timer from './Timer';
+export interface ToastProps {
+    dismissible?: boolean;
+    messageText?: string;
+    link?: ToastLink;
+    toastType?: ToastType;
+    loadingProgress?: number;
+}
+export interface ToastLink {
+    href: string;
+    title: string;
+    target?: '_blank' | '_parent' | '_self';
+    callback?: () => void;
+}
+export interface ToastBehaviour {
+    duration?: number;
+    pauseOnHover?: boolean;
+    onToastClick?: () => void;
+    onToastClose?: () => void;
+}
+export interface ToastConfiguration {
+    hash: string;
+    timer?: Timer;
+    toastProps: ToastProps;
+    toastBehaviour: ToastBehaviour;
+}
+export type Position = {
+    positionX: PositionsX;
+    positionY: PositionsY;
+};
+export interface UseToastNotifyReturnsV3 {
+    close: () => void;
+    update: (data: ToastProps) => void;
+}

package/dist/types/components/or-tooltip-v3/OrTooltip.vue.d.ts

@@ -0,0 +1,95 @@
+import { FlipOptions, ReferenceElement } from '@floating-ui/dom';
+import { PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<`${PopoverPlacement}`>;
+        default: () => PopoverPlacement;
+    };
+    fallbackPlacement: {
+        type: PropType<FlipOptions["fallbackAxisSideDirection"]>;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<PopoverOffset>;
+        default: number;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    localTrigger: import("vue").ComputedRef<ReferenceElement | undefined>;
+    hasExternalControl: import("vue").ComputedRef<boolean>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    popoverStyles: import("vue").ComputedRef<string[]>;
+    bodyStyles: import("vue").ComputedRef<string[]>;
+    state: Readonly<import("vue").Ref<"open" | "closed">>;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:state" | "open" | "close")[], "update:state" | "open" | "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    content: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<`${PopoverPlacement}`>;
+        default: () => PopoverPlacement;
+    };
+    fallbackPlacement: {
+        type: PropType<FlipOptions["fallbackAxisSideDirection"]>;
+        default: undefined;
+    };
+    offset: {
+        type: PropType<PopoverOffset>;
+        default: number;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    externalControl: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trigger: {
+        type: PropType<ReferenceElement>;
+        default: undefined;
+    };
+}>> & {
+    "onUpdate:state"?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {
+    content: string;
+    offset: PopoverOffset;
+    isOpen: boolean;
+    placement: "bottom" | "left" | "right" | "top" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end";
+    trigger: ReferenceElement;
+    fallbackPlacement: "none" | "start" | "end" | undefined;
+    debounce: number;
+    externalControl: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-tooltip-v3/index.d.ts

@@ -0,0 +1 @@
+export { default as OrTooltipV3 } from './OrTooltip.vue';

package/dist/types/components/or-tooltip-v3/styles.d.ts

@@ -0,0 +1,4 @@
+import { PopoverPlacement } from '@onereach/ui-components.or-popover-v3';
+export declare const Tooltip: string[];
+export declare const TooltipBody: string[];
+export declare const TooltipBodyPlacements: Record<PopoverPlacement, string[]>;

package/dist/types/components/or-tree-v3/OrTree.vue.d.ts

@@ -0,0 +1,35 @@
+import { PropType } from 'vue';
+import { TreeNode } from './types';
+declare const _default: import("vue").DefineComponent<{
+    nodes: {
+        type: PropType<TreeNode[]>;
+        default: () => never[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "contextmenu" | "dragstart" | "drop" | "expand" | "collapse")[], "click" | "contextmenu" | "dragstart" | "drop" | "expand" | "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    nodes: {
+        type: PropType<TreeNode[]>;
+        default: () => never[];
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onContextmenu?: ((...args: any[]) => any) | undefined;
+    onDragstart?: ((...args: any[]) => any) | undefined;
+    onDrop?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((...args: any[]) => any) | undefined;
+}, {
+    draggable: boolean;
+    nodes: TreeNode[];
+}, {}>;
+export default _default;

package/dist/types/components/or-tree-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrTreeV3 } from './OrTree.vue';
+export * from './types';

package/dist/types/components/or-tree-v3/partials/or-tree-node/OrTreeNode.vue.d.ts

@@ -0,0 +1,93 @@
+import { PropType } from 'vue';
+import { TreeNode } from '../../types';
+declare const _default: import("vue").DefineComponent<{
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    parentSelected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    isOpen: import("vue").Ref<boolean>;
+    isLeaf: import("vue").ComputedRef<boolean>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    nodeStyles: import("vue").ComputedRef<string[]>;
+    dragIndicatorStyles: import("vue").ComputedRef<string[]>;
+    childrenTreeNodes: import("vue").Ref<{
+        isDragOver: boolean;
+    }[]>;
+    setIsOpen: (value: boolean) => void;
+    nodeRoot: import("vue").Ref<HTMLElement | undefined>;
+    isDrag: import("vue").Ref<boolean>;
+    canDrag: import("vue").ComputedRef<boolean>;
+    dragOverPosition: import("vue").Ref<"bottom" | "top" | "middle">;
+    handleDragStart: (e: DragEvent) => void;
+    handleDrop: (e: DragEvent) => void;
+    handleCollapse: () => void;
+    handleContextMenu: (e: MouseEvent) => void;
+    handleClick: (e: MouseEvent) => void;
+    handleDragOver: (e: DragEvent) => void;
+    handleDragLeave: (e: DragEvent) => void;
+    hasCollapseTrigger: import("vue").ComputedRef<boolean>;
+    hasDragoverChildren: import("vue").ComputedRef<boolean>;
+    isDragOver: import("vue").Ref<boolean>;
+    onContextMenu: (e: unknown, key: unknown) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "contextmenu" | "dragstart" | "drop" | "expand" | "collapse")[], "click" | "contextmenu" | "dragstart" | "drop" | "expand" | "collapse", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    node: {
+        type: PropType<TreeNode>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    parentSelected: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    expanded: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    depth: {
+        type: NumberConstructor;
+        default: number;
+    };
+    draggable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onContextmenu?: ((...args: any[]) => any) | undefined;
+    onDragstart?: ((...args: any[]) => any) | undefined;
+    onDrop?: ((...args: any[]) => any) | undefined;
+    onExpand?: ((...args: any[]) => any) | undefined;
+    onCollapse?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: boolean;
+    expanded: boolean;
+    draggable: boolean;
+    parentSelected: boolean;
+    depth: number;
+}, {}>;
+export default _default;

package/dist/types/components/or-tree-v3/partials/or-tree-node/styles.d.ts

@@ -0,0 +1,7 @@
+import { TreeNodeDropPosition } from '../../types';
+export declare const TreeNodeRoot: never[];
+export declare const TreeNodeItemRoot: string[];
+export declare const TreeNodeItemRootParentSelected: string[];
+export declare const TreeNodeDragIndicator: string[];
+export declare const TreeNodeDragIndicatorPosition: Record<TreeNodeDropPosition, string[]>;
+export declare const ChildrenDragoverStyles: string[];

package/dist/types/components/or-tree-v3/partials/or-tree-node/utils.d.ts

@@ -0,0 +1,4 @@
+import { TreeNode, TreeNodeDropPosition } from '../../types';
+export declare function getDropOffset(e: DragEvent, canMiddleDrop?: boolean, isOpen?: boolean): TreeNodeDropPosition;
+export declare function applyPadding(element: HTMLElement, level: number, hasCollapseTrigger: boolean): void;
+export declare const dataTransferCache: Record<string, TreeNode>;

package/dist/types/components/or-tree-v3/types.d.ts

@@ -0,0 +1,18 @@
+export type TreeNode = {
+    key: string;
+    children?: TreeNode[];
+    collapsible?: boolean;
+    expanded?: boolean;
+    selected?: boolean;
+    draggable?: boolean;
+    [key: string]: any;
+    canMiddleDrop?: boolean;
+};
+export declare enum TreeNodeDropPosition {
+    Top = "top",
+    Bottom = "bottom",
+    Middle = "middle"
+}
+export type TreeNodeType = {
+    isDragOver: boolean;
+};

package/dist/types/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const isVue3 = true;
+export declare const isVue2 = false;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from '@onereach/ui-components-common';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "25.3.5",
+  "version": "25.3.6",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -29,7 +29,7 @@
   ],
   "scripts": {
     "build": "rimraf dist && pnpm build:vite && pnpm build:types",
-    "build:types": "vue-tsc --declaration --emitDeclarationOnly",
+    "build:types": "vue-tsc -p tsconfig.types.json",
     "build:vite": "vite build",
     "dev": "vite build --watch"
   },
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^25.3.5",
-    "@onereach/ui-components-common": "^25.3.5",
+    "@onereach/styles": "^25.3.6",
+    "@onereach/ui-components-common": "^25.3.6",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -93,7 +93,7 @@
     "sass": "1.63.4",
     "typescript": "5.8.3",
     "vite": "^5.2.3",
-    "vue-tsc": "^2.0.19"
+    "vue-tsc": "3.0.5"
   },
   "peerDependencies": {
     "@vueuse/core": "^11",
@@ -103,5 +103,5 @@
     "access": "public"
   },
   "npmUnpacked": "4.15.2",
-  "gitHead": "5bdd5bf3f5ba9e09c6abf0aaf387baf156944a18"
+  "gitHead": "d6853de2849ea84f0e97a502cf5c40e93ca4de2d"
 }