@pantograph/pattern-vue 0.0.3 → 0.0.5

package/README.md

@@ -13,7 +13,7 @@ npm i @pantograph/pattern-vue
 
 ## Quick usage
 ```vue
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 import { InputPassword } from '@pantograph/pattern-vue'
 import '@pantograph/styles'
@@ -45,7 +45,7 @@ A password input component with built-in visibility toggle functionality.
 
 **Usage:**
 ```vue
-<script setup>
+<script setup lang="ts">
 import { ref } from 'vue'
 import { InputPassword } from '@pantograph/pattern-vue'
 

package/dist/ComponentMap-B1762IQM.js

@@ -0,0 +1,21 @@
+const t = [
+  "CoachMark",
+  "Comment",
+  "CommentAction",
+  "CommentReaction",
+  "CommentReactionListItem",
+  "CommentReactionHoverCard",
+  "CommentMention",
+  "CommentEditor",
+  "CommentTrigger",
+  "DataTable",
+  "Form",
+  "FormItem",
+  "GOPicker",
+  "InputPassword",
+  "ListView",
+  "ListViewItem"
+];
+export {
+  t as c
+};

package/dist/ComponentMap-Cwlxatbx.js

@@ -0,0 +1 @@
+"use strict";const t=["CoachMark","Comment","CommentAction","CommentReaction","CommentReactionListItem","CommentReactionHoverCard","CommentMention","CommentEditor","CommentTrigger","DataTable","Form","FormItem","GOPicker","InputPassword","ListView","ListViewItem"];exports.components=t;

package/dist/ComponentMap.d.ts

@@ -1,3 +1,3 @@
-export declare const components: readonly ["InputPassword"];
+export declare const components: readonly ["CoachMark", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "DataTable", "Form", "FormItem", "GOPicker", "InputPassword", "ListView", "ListViewItem"];
 export default components;
 export type Components = (typeof components)[number];

package/dist/components/CoachMark/CoachMark.d.ts

@@ -0,0 +1,52 @@
+import { CoachMarkProps, CoachMarkSlots } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CoachMarkProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: import('reka-ui').PointerDownOutsideEvent) => any;
+    focusOutside: (event: import('reka-ui').FocusOutsideEvent) => any;
+    interactOutside: (event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any;
+    next: (e: PointerEvent) => any;
+    prev: (e: PointerEvent) => any;
+    close: (e: PointerEvent) => any;
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<CoachMarkProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: import('reka-ui').PointerDownOutsideEvent) => any) | undefined;
+    onFocusOutside?: ((event: import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
+    onNext?: ((e: PointerEvent) => any) | undefined;
+    onPrev?: ((e: PointerEvent) => any) | undefined;
+    onClose?: ((e: PointerEvent) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    asChild: boolean;
+    sideOffset: number;
+    avoidCollisions: boolean;
+    sticky: "partial" | "always";
+    updatePositionStrategy: "always" | "optimized";
+    prioritizePosition: boolean;
+    open: boolean;
+    stepProps: import('@pantograph/vue').PaginationProps & {
+        hide?: boolean | undefined;
+    };
+    width: number;
+    trigger: "click" | "hover";
+    footer: boolean;
+    size: "md" | "sm" | "lg" | "none";
+    nextProps: Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "icon" | "flipOnDir" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    prevProps: Partial<Omit<import('@pantograph/vue').BaseButtonProps, "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "icon" | "flipOnDir" | "badgeIconFlipOnDir">> & {
+        text: string;
+        hide?: boolean | undefined;
+    };
+    placement: "top" | "right" | "bottom" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end";
+    zIndex: string | number;
+    renderPopupsInContent: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CoachMarkSlots> & CoachMarkSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CoachMark/constant.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Default props for the Next button in CoachMark
+ */
+export declare const COACH_MARK_NEXT_DEFAULT_PROPS: {
+    readonly text: "Next";
+};
+/**
+ * Default props for the Previous button in CoachMark
+ */
+export declare const COACH_MARK_PREV_DEFAULT_PROPS: {
+    readonly text: "Previous";
+    readonly type: "ghost";
+    readonly color: "neutral";
+};
+/**
+ * Default props for the step indicator (Pagination) in CoachMark
+ */
+export declare const COACH_MARK_STEP_DEFAULT_PROPS: {
+    simple: boolean;
+    hidePerv: boolean;
+    hideNext: boolean;
+    hideSize: boolean;
+    hideTotal: boolean;
+    sizes: number[];
+    pageText: string;
+    justify: "between";
+    pervText: "Previous";
+    nextText: "Next";
+    total: 0;
+    disabled: undefined;
+};
+/**
+ * Default props for the CoachMark component
+ */
+export declare const COACH_MARK_DEFAULT_PROPS: {
+    readonly trigger: "click";
+    readonly footer: true;
+    readonly width: 312;
+    readonly stepProps: () => {
+        simple: boolean;
+        hidePerv: boolean;
+        hideNext: boolean;
+        hideSize: boolean;
+        hideTotal: boolean;
+        sizes: number[];
+        pageText: string;
+        justify: "between";
+        pervText: "Previous";
+        nextText: "Next";
+        total: 0;
+        disabled: undefined;
+    };
+    readonly nextProps: () => {
+        readonly text: "Next";
+    };
+    readonly prevProps: () => {
+        readonly text: "Previous";
+        readonly type: "ghost";
+        readonly color: "neutral";
+    };
+    readonly open: undefined;
+    readonly size: "md";
+    readonly sticky: "always";
+    readonly prioritizePosition: true;
+    readonly avoidCollisions: true;
+    readonly placement: "bottom";
+    readonly zIndex: 1000;
+    readonly sideOffset: 4;
+    readonly updatePositionStrategy: "optimized";
+    readonly renderPopupsInContent: true;
+    readonly asChild: false;
+};

package/dist/components/CoachMark/index.d.ts

@@ -0,0 +1,5 @@
+import { default as CoachMark } from './CoachMark';
+export { CoachMark };
+export * from './model';
+export * from './types';
+export * from './constant';

package/dist/components/CoachMark/model.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Array of available trigger types for CoachMark component
+ */
+export declare const CoachMarkTriggers: readonly ["click", "hover"];
+/**
+ * Type representing available trigger types for CoachMark component
+ */
+export type CoachMarkTrigger = (typeof CoachMarkTriggers)[number];

package/dist/components/CoachMark/types.d.ts

@@ -0,0 +1,105 @@
+import { ClassValue } from 'clsx';
+import { PopoverProps, HoverCardProps, ButtonProps, HoverCardSlots, FloatButtonProps, PaginationProps } from '@pantograph/vue';
+import { CoachMarkTrigger } from './model';
+import { HoverCardRootEmits, PopoverContentEmits } from 'reka-ui';
+import { DefineComponent } from '@pantograph/utils-vue';
+/**
+ * Props for the CoachMark component
+ */
+export interface CoachMarkProps extends PopoverProps, HoverCardProps {
+    /** Step indicator configuration using Pagination component */
+    stepProps?: PaginationProps & {
+        hide?: boolean;
+    };
+    /** Width of the coach mark content in pixels */
+    width?: number;
+    /** Trigger type (click | hover) */
+    trigger?: CoachMarkTrigger;
+    /** Title text */
+    title?: string;
+    /** Description text */
+    description?: string;
+    /** Show footer with navigation buttons */
+    footer?: boolean;
+    /** Root classes */
+    class?: ClassValue;
+    /** Body classes */
+    bodyCls?: ClassValue;
+    /** Content classes */
+    contentCls?: ClassValue;
+    /** Wrapper classes (contains leading and body) */
+    wrapperCls?: ClassValue;
+    /** Title classes */
+    titleCls?: ClassValue;
+    /** Description classes */
+    descriptionCls?: ClassValue;
+    /** Footer classes */
+    footerCls?: ClassValue;
+    /** Leading/Media classes */
+    leadingCls?: ClassValue;
+    /** Close button classes */
+    closeCls?: ClassValue;
+    /** Next button configuration */
+    nextProps?: ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    /** Previous button configuration */
+    prevProps?: ButtonProps & {
+        text: string;
+        hide?: boolean;
+    };
+    /** Close button (FloatButton) configuration */
+    closeActionProps?: FloatButtonProps & {
+        showOnHover?: boolean;
+        show?: boolean;
+    };
+}
+/**
+ * Slots for the CoachMark component
+ */
+export interface CoachMarkSlots extends HoverCardSlots {
+    /** Custom leading/media content */
+    leading: (data?: object) => never;
+    /** Custom title */
+    title: (data?: object) => never;
+    /** Custom description */
+    description: (data?: object) => never;
+    /** Custom body (including title, description, and extra) */
+    body: (data?: object) => never;
+    /** Custom content (including leading and body) */
+    content: (data?: object) => never;
+    /** Custom extra content (after body) */
+    extra: (data?: object) => never;
+    /** Custom footer */
+    footer: (data?: object) => never;
+    /** Custom close button */
+    closeButton: (data?: object) => never;
+    /** Custom steps indicator (overrides Pagination component) */
+    steps: (data?: object) => never;
+    /** Custom Next button content */
+    next?: (data?: object) => never;
+    /** Custom Next button pre-icon */
+    nextPreIcon?: (data?: object) => never;
+    /** Custom Next button post-icon */
+    nextPostIcon?: (data?: object) => never;
+    /** Custom Previous button content */
+    prev?: (data?: object) => never;
+    /** Custom Previous button pre-icon */
+    prevPreIcon?: (data?: object) => never;
+    /** Custom Previous button post-icon */
+    prevPostIcon?: (data?: object) => never;
+}
+/**
+ * Emits for the CoachMark component
+ */
+export interface CoachMarkEmits extends HoverCardRootEmits, Omit<PopoverContentEmits, 'openAutoFocus' | 'closeAutoFocus'> {
+    next: [e: PointerEvent];
+    prev: [e: PointerEvent];
+    close: [e: PointerEvent];
+}
+declare module 'vue' {
+    interface GlobalComponents {
+        CoachMark: DefineComponent<CoachMarkProps, CoachMarkSlots, CoachMarkEmits>;
+    }
+}

package/dist/components/Comment/Comment.d.ts

@@ -0,0 +1,28 @@
+import { CommentProps, CommentSlots } from './types';
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CommentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    reaction: (value: import('./types').CommentReactionItem) => any;
+    openActions: (value: HTMLElement) => any;
+    reply: (callback: (value?: boolean | undefined) => void) => any;
+    openReaction: (value: HTMLElement) => any;
+}, string, import('vue').PublicProps, Readonly<CommentProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onReaction?: ((value: import('./types').CommentReactionItem) => any) | undefined;
+    onOpenActions?: ((value: HTMLElement) => any) | undefined;
+    onReply?: ((callback: (value?: boolean | undefined) => void) => any) | undefined;
+    onOpenReaction?: ((value: HTMLElement) => any) | undefined;
+}>, {
+    open: boolean;
+    repliesTitle: string;
+    hasEdit: boolean;
+    hasDelete: boolean;
+    reactionUsersTitle: string;
+    hasReaction: boolean;
+    hasReply: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<CommentSlots> & CommentSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Comment/CommentAction.d.ts

@@ -0,0 +1,17 @@
+import { CommentActionProps } from './types';
+declare const _default: import('vue').DefineComponent<CommentActionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: string) => any;
+    delete: () => any;
+    edit: () => any;
+}, string, import('vue').PublicProps, Readonly<CommentActionProps> & Readonly<{
+    "onUpdate:open"?: ((value: string) => any) | undefined;
+    onDelete?: (() => any) | undefined;
+    onEdit?: (() => any) | undefined;
+}>, {
+    open: boolean;
+    hasEdit: boolean;
+    hasDelete: boolean;
+    editText: string;
+    deleteText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;