@yh-ui/components 0.1.10 → 0.1.12

package/dist/ai-editor-sender/src/ai-editor-sender.vue.d.ts

@@ -0,0 +1,70 @@
+import { type AttachmentItem } from './ai-editor-sender';
+declare var __VLS_1: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {
+    submit: any;
+    disabled: any;
+    loading: any;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    toolbar?: (props: typeof __VLS_15) => any;
+} & {
+    actions?: (props: typeof __VLS_17) => any;
+} & {
+    submit?: (props: typeof __VLS_19) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "Type a message...";
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly attachments: {
+        readonly type: import("vue").PropType<AttachmentItem[]>;
+        readonly default: () => never[];
+    };
+    readonly showWordLimit: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly maxLength: {
+        readonly type: NumberConstructor;
+        readonly default: undefined;
+    };
+    readonly rows: {
+        readonly type: NumberConstructor;
+        readonly default: 1;
+    };
+    readonly themeOverrides: {
+        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
+        readonly default: undefined;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+    readonly disabled: boolean;
+    readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly loading: boolean;
+    readonly placeholder: string;
+    readonly modelValue: string;
+    readonly maxLength: number;
+    readonly showWordLimit: boolean;
+    readonly attachments: AttachmentItem[];
+    readonly rows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ai-prompts/__tests__/ai-prompts.ssr.test.cjs

@@ -0,0 +1,49 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _aiPrompts = _interopRequireDefault(require("../src/ai-prompts.vue"));
+var _ssr = require("../../__tests__/utils/ssr.cjs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("YhAiPrompts SSR", () => {
+  const mockItems = [{
+    id: "1",
+    content: "Prompt 1",
+    description: "Desc 1",
+    icon: "sparkles"
+  }, {
+    id: "2",
+    content: "Prompt 2"
+  }];
+  (0, _vitest.it)("should render correctly in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiPrompts.default, {
+      items: mockItems,
+      title: "Suggested Prompts"
+    });
+    (0, _ssr.expectSSRHasClass)(html, "yh-ai-prompts");
+    (0, _vitest.expect)(html).toContain("Suggested Prompts");
+    (0, _vitest.expect)(html).toContain("Prompt 1");
+    (0, _vitest.expect)(html).toContain("Desc 1");
+    (0, _vitest.expect)(html).toContain("Prompt 2");
+  });
+  (0, _vitest.it)("should render horizontal layout in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiPrompts.default, {
+      items: mockItems,
+      layout: "horizontal"
+    });
+    (0, _ssr.expectSSRHasClass)(html, "yh-ai-prompts--horizontal");
+  });
+  (0, _vitest.it)("should render vertical layout in SSR", async () => {
+    const html = await (0, _ssr.renderSSR)(_aiPrompts.default, {
+      items: mockItems,
+      layout: "vertical"
+    });
+    (0, _ssr.expectSSRHasClass)(html, "yh-ai-prompts--vertical");
+  });
+  (0, _vitest.it)("should hydrate without mismatch", async () => {
+    const result = await (0, _ssr.testHydration)(_aiPrompts.default, {
+      items: mockItems,
+      title: "Prompts"
+    });
+    (0, _vitest.expect)(result.isMatch).toBe(true);
+  });
+});

package/dist/ai-prompts/__tests__/ai-prompts.ssr.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ai-prompts/__tests__/ai-prompts.ssr.test.mjs

@@ -0,0 +1,41 @@
+import { describe, it, expect } from "vitest";
+import AiPrompts from "../src/ai-prompts.vue";
+import { renderSSR, expectSSRHasClass, testHydration } from "../../__tests__/utils/ssr.mjs";
+describe("YhAiPrompts SSR", () => {
+  const mockItems = [
+    { id: "1", content: "Prompt 1", description: "Desc 1", icon: "sparkles" },
+    { id: "2", content: "Prompt 2" }
+  ];
+  it("should render correctly in SSR", async () => {
+    const html = await renderSSR(AiPrompts, {
+      items: mockItems,
+      title: "Suggested Prompts"
+    });
+    expectSSRHasClass(html, "yh-ai-prompts");
+    expect(html).toContain("Suggested Prompts");
+    expect(html).toContain("Prompt 1");
+    expect(html).toContain("Desc 1");
+    expect(html).toContain("Prompt 2");
+  });
+  it("should render horizontal layout in SSR", async () => {
+    const html = await renderSSR(AiPrompts, {
+      items: mockItems,
+      layout: "horizontal"
+    });
+    expectSSRHasClass(html, "yh-ai-prompts--horizontal");
+  });
+  it("should render vertical layout in SSR", async () => {
+    const html = await renderSSR(AiPrompts, {
+      items: mockItems,
+      layout: "vertical"
+    });
+    expectSSRHasClass(html, "yh-ai-prompts--vertical");
+  });
+  it("should hydrate without mismatch", async () => {
+    const result = await testHydration(AiPrompts, {
+      items: mockItems,
+      title: "Prompts"
+    });
+    expect(result.isMatch).toBe(true);
+  });
+});

package/dist/ai-prompts/__tests__/ai-prompts.test.cjs

@@ -0,0 +1,54 @@
+"use strict";
+
+var _vitest = require("vitest");
+var _testUtils = require("@vue/test-utils");
+var _aiPrompts = _interopRequireDefault(require("../src/ai-prompts.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(0, _vitest.describe)("AiPrompts", () => {
+  const items = [{
+    content: "Write a poem",
+    icon: "poem-icon"
+  }, {
+    content: "Fix a bug",
+    description: "Help me fix a bug"
+  }];
+  (0, _vitest.it)("should render items correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiPrompts.default, {
+      props: {
+        items,
+        title: "Suggestions"
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-prompts__item").length).toBe(2);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-prompts__title").text()).toBe("Suggestions");
+    (0, _vitest.expect)(wrapper.find(".yh-ai-prompts__description").text()).toBe("Help me fix a bug");
+  });
+  (0, _vitest.it)("should render string items correctly", () => {
+    const wrapper = (0, _testUtils.mount)(_aiPrompts.default, {
+      props: {
+        items: ["Prompt 1", "Prompt 2"]
+      }
+    });
+    (0, _vitest.expect)(wrapper.findAll(".yh-ai-prompts__item").length).toBe(2);
+    (0, _vitest.expect)(wrapper.find(".yh-ai-prompts__text").text()).toBe("Prompt 1");
+  });
+  (0, _vitest.it)("should emit click event on item click", async () => {
+    const wrapper = (0, _testUtils.mount)(_aiPrompts.default, {
+      props: {
+        items
+      }
+    });
+    await wrapper.find(".yh-ai-prompts__item").trigger("click");
+    (0, _vitest.expect)(wrapper.emitted("click")).toBeTruthy();
+    (0, _vitest.expect)(wrapper.emitted("click")[0]).toEqual([items[0]]);
+  });
+  (0, _vitest.it)("should apply layout classes", () => {
+    const wrapper = (0, _testUtils.mount)(_aiPrompts.default, {
+      props: {
+        items,
+        layout: "vertical"
+      }
+    });
+    (0, _vitest.expect)(wrapper.classes()).toContain("yh-ai-prompts--vertical");
+  });
+});

package/dist/ai-prompts/__tests__/ai-prompts.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/ai-prompts/__tests__/ai-prompts.test.mjs

@@ -0,0 +1,38 @@
+import { describe, it, expect } from "vitest";
+import { mount } from "@vue/test-utils";
+import AiPrompts from "../src/ai-prompts.vue";
+describe("AiPrompts", () => {
+  const items = [
+    { content: "Write a poem", icon: "poem-icon" },
+    { content: "Fix a bug", description: "Help me fix a bug" }
+  ];
+  it("should render items correctly", () => {
+    const wrapper = mount(AiPrompts, {
+      props: { items, title: "Suggestions" }
+    });
+    expect(wrapper.findAll(".yh-ai-prompts__item").length).toBe(2);
+    expect(wrapper.find(".yh-ai-prompts__title").text()).toBe("Suggestions");
+    expect(wrapper.find(".yh-ai-prompts__description").text()).toBe("Help me fix a bug");
+  });
+  it("should render string items correctly", () => {
+    const wrapper = mount(AiPrompts, {
+      props: { items: ["Prompt 1", "Prompt 2"] }
+    });
+    expect(wrapper.findAll(".yh-ai-prompts__item").length).toBe(2);
+    expect(wrapper.find(".yh-ai-prompts__text").text()).toBe("Prompt 1");
+  });
+  it("should emit click event on item click", async () => {
+    const wrapper = mount(AiPrompts, {
+      props: { items }
+    });
+    await wrapper.find(".yh-ai-prompts__item").trigger("click");
+    expect(wrapper.emitted("click")).toBeTruthy();
+    expect(wrapper.emitted("click")[0]).toEqual([items[0]]);
+  });
+  it("should apply layout classes", () => {
+    const wrapper = mount(AiPrompts, {
+      props: { items, layout: "vertical" }
+    });
+    expect(wrapper.classes()).toContain("yh-ai-prompts--vertical");
+  });
+});

package/dist/ai-prompts/index.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  YhAiPrompts: true
+};
+module.exports = exports.YhAiPrompts = void 0;
+var _utils = require("@yh-ui/utils");
+var _aiPrompts = _interopRequireDefault(require("./src/ai-prompts.vue"));
+var _aiPrompts2 = require("./src/ai-prompts.cjs");
+Object.keys(_aiPrompts2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _aiPrompts2[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _aiPrompts2[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const YhAiPrompts = exports.YhAiPrompts = (0, _utils.withInstall)(_aiPrompts.default);
+module.exports = YhAiPrompts;

package/dist/ai-prompts/index.d.ts

@@ -0,0 +1,3 @@
+export declare const YhAiPrompts: any;
+export default YhAiPrompts;
+export * from './src/ai-prompts';

package/dist/ai-prompts/index.mjs

@@ -0,0 +1,5 @@
+import { withInstall } from "@yh-ui/utils";
+import AiPrompts from "./src/ai-prompts.vue";
+export const YhAiPrompts = withInstall(AiPrompts);
+export default YhAiPrompts;
+export * from "./src/ai-prompts.mjs";

package/dist/ai-prompts/src/ai-prompts.cjs

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.aiPromptsProps = exports.aiPromptsEmits = void 0;
+const aiPromptsProps = exports.aiPromptsProps = {
+  /**
+   * @description Data list for the prompts
+   */
+  items: {
+    type: Array,
+    default: () => []
+  },
+  /**
+   * @description Layout style for the prompts
+   */
+  layout: {
+    type: String,
+    default: "horizontal"
+  },
+  /**
+   * @description Title for the group
+   */
+  title: {
+    type: String,
+    default: ""
+  },
+  /**
+   * @description Theme overrides for the component
+   */
+  themeOverrides: {
+    type: Object,
+    default: void 0
+  }
+};
+const aiPromptsEmits = exports.aiPromptsEmits = {
+  /**
+   * @description Emit when an item is clicked
+   */
+  click: item => typeof item === "object" || typeof item === "string"
+};