@inkeep/cxkit-react 0.0.0-dev-20250221234142

package/dist/components/modal.search.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { InkeepEmbeddedSearchImpl as m } from "./embedded-search.js";
+import { InkeepModal as p } from "./modal.js";
+import { WebWidgetInteractionType as s } from "@inkeep/cxkit-styled";
+function l(t) {
+  const { modalSettings: r, baseSettings: o, searchSettings: n, ...i } = t;
+  return /* @__PURE__ */ e(
+    p,
+    {
+      interactionType: s.CustomTrigger,
+      modalSettings: r,
+      baseSettings: o,
+      searchSettings: n,
+      children: /* @__PURE__ */ e(m, { shouldAutoFocusInput: !0, ...i })
+    }
+  );
+}
+export {
+  l as InkeepModalSearch
+};

package/dist/components/searchbar.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("react"),B=require("./embedded-search-and-chat.cjs"),m=require("./embedded-search-and-chat.impl.cjs"),x=require("./embedded-search.cjs"),r=require("@inkeep/cxkit-styled"),j=require("./modal.cjs");function g(a){const[s,t]=p.useState(!1),{modalSettings:n,defaultView:c="search",canToggleView:u=!0,...o}=a,{config:i,...h}=m.useWidgetImpl({...o,defaultView:c}),d={shortcutKey:"k",...n,open:s,onOpenChange:S=>{a.forceDefaultView&&!S&&h.setView(c??"search"),t(!!S)}};return e.jsxs(e.Fragment,{children:[e.jsx(r.Shadow,{wrapperStyles:{display:"contents"},children:e.jsx(r.RootProvider,{config:i,interactionType:r.WebWidgetInteractionType.SearchBar,children:e.jsx(l,{setOpen:t,modalSettings:d})})}),e.jsx(j.InkeepModal,{...i,modalSettings:d,interactionType:r.WebWidgetInteractionType.SearchBar,children:u?e.jsx(B.InkeepEmbeddedSearchAndChatImpl,{...h}):e.jsx(x.InkeepEmbeddedSearchImpl,{...o})})]})}function l(a){const{setOpen:s,modalSettings:t}=a;return e.jsx(r.SearchBar.SearchBarContainer,{children:e.jsxs(r.SearchBar.SearchBarButton,{onPointerDown:n=>{n.button!==2&&(s(c=>!c),n.stopPropagation())},children:[e.jsxs(r.SearchBar.SearchBarContentWrapper,{children:[e.jsx(r.SearchBar.SearchBarIcon,{}),e.jsx(r.SearchBar.SearchBarText,{})]}),e.jsxs(r.SearchBar.SearchBarKbdWrapper,{children:[e.jsx(r.SearchBar.SearchBarKbdModifier,{shortcutKey:t?.shortcutKey}),e.jsx(r.SearchBar.SearchBarKbdShortcutKey,{shortcutKey:t?.shortcutKey})]})]})})}exports.InkeepSearchBar=g;exports.SearchBarImpl=l;

package/dist/components/searchbar.d.cts

@@ -0,0 +1,13 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
+export interface InkeepSearchBarProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
+    modalSettings?: Omit<InkeepModalSettings, 'open' | 'onOpenChange'>;
+    canToggleView?: boolean;
+}
+export declare function InkeepSearchBar(props: InkeepSearchBarProps): import("react/jsx-runtime").JSX.Element;
+interface SearchBarImplProps {
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    modalSettings: InkeepSearchBarProps['modalSettings'];
+}
+export declare function SearchBarImpl(props: SearchBarImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/searchbar.d.ts

@@ -0,0 +1,13 @@
+import { InkeepModalSettings } from '@inkeep/cxkit-types';
+import { InkeepEmbeddedSearchAndChatProps } from './embedded-search-and-chat';
+export interface InkeepSearchBarProps extends Omit<InkeepEmbeddedSearchAndChatProps, 'onToggleView'> {
+    modalSettings?: Omit<InkeepModalSettings, 'open' | 'onOpenChange'>;
+    canToggleView?: boolean;
+}
+export declare function InkeepSearchBar(props: InkeepSearchBarProps): import("react/jsx-runtime").JSX.Element;
+interface SearchBarImplProps {
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    modalSettings: InkeepSearchBarProps['modalSettings'];
+}
+export declare function SearchBarImpl(props: SearchBarImplProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/searchbar.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsxs as c, Fragment as u, jsx as e } from "react/jsx-runtime";
+import { useState as f } from "react";
+import { InkeepEmbeddedSearchAndChatImpl as B } from "./embedded-search-and-chat.js";
+import { useWidgetImpl as g } from "./embedded-search-and-chat.impl.js";
+import { InkeepEmbeddedSearchImpl as y } from "./embedded-search.js";
+import { Shadow as I, RootProvider as K, WebWidgetInteractionType as l, SearchBar as r } from "@inkeep/cxkit-styled";
+import { InkeepModal as b } from "./modal.js";
+function j(n) {
+  const [i, t] = f(!1), {
+    modalSettings: o,
+    defaultView: a = "search",
+    canToggleView: S = !0,
+    ...h
+  } = n, { config: p, ...s } = g({ ...h, defaultView: a }), d = {
+    shortcutKey: "k",
+    ...o,
+    open: i,
+    onOpenChange: (m) => {
+      n.forceDefaultView && !m && s.setView(a ?? "search"), t(!!m);
+    }
+  };
+  return /* @__PURE__ */ c(u, { children: [
+    /* @__PURE__ */ e(I, { wrapperStyles: { display: "contents" }, children: /* @__PURE__ */ e(K, { config: p, interactionType: l.SearchBar, children: /* @__PURE__ */ e(w, { setOpen: t, modalSettings: d }) }) }),
+    /* @__PURE__ */ e(
+      b,
+      {
+        ...p,
+        modalSettings: d,
+        interactionType: l.SearchBar,
+        children: S ? /* @__PURE__ */ e(B, { ...s }) : /* @__PURE__ */ e(y, { ...h })
+      }
+    )
+  ] });
+}
+function w(n) {
+  const { setOpen: i, modalSettings: t } = n;
+  return /* @__PURE__ */ e(r.SearchBarContainer, { children: /* @__PURE__ */ c(
+    r.SearchBarButton,
+    {
+      onPointerDown: (o) => {
+        o.button !== 2 && (i((a) => !a), o.stopPropagation());
+      },
+      children: [
+        /* @__PURE__ */ c(r.SearchBarContentWrapper, { children: [
+          /* @__PURE__ */ e(r.SearchBarIcon, {}),
+          /* @__PURE__ */ e(r.SearchBarText, {})
+        ] }),
+        /* @__PURE__ */ c(r.SearchBarKbdWrapper, { children: [
+          /* @__PURE__ */ e(r.SearchBarKbdModifier, { shortcutKey: t?.shortcutKey }),
+          /* @__PURE__ */ e(r.SearchBarKbdShortcutKey, { shortcutKey: t?.shortcutKey })
+        ] })
+      ]
+    }
+  ) });
+}
+export {
+  j as InkeepSearchBar,
+  w as SearchBarImpl
+};

package/dist/components/widget-toggle.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("@inkeep/cxkit-styled"),d=e.ikp("div",{_id:"view_toggle"}),a=e.ikp("button",{_id:"view_toggle_button",className:e.widgetToggle({slot:"button"})}),c=e.ikp(e.CustomIcon,{_id:"view_toggle_icon"});function r(t){const{handleToggle:o}=g(t);return i.jsxs(d,{className:e.widgetToggle({slot:"root"}),children:[i.jsxs(a,{onClick:()=>o("search"),"data-active":e.dataAttr(t.view==="search"),children:[i.jsx(c,{"data-active":e.dataAttr(t.view==="search"),iconKey:"switchToSearch",className:e.widgetToggle({slot:"icon"})}),t.searchLabel||"Search"]}),i.jsxs(a,{onClick:()=>o("chat"),"data-active":e.dataAttr(t.view==="chat"),children:[i.jsx(c,{"data-active":e.dataAttr(t.view==="chat"),iconKey:"switchToChat",className:e.widgetToggle({slot:"icon"})}),t.askAILabel||"Ask AI"]})]})}function g(t){const{onToggleView:o,query:l}=t;return{handleToggle:(n,s)=>{o?.({view:n,query:l,autoSubmit:s})}}}exports.WidgetToggle=r;exports.useToggleView=g;

package/dist/components/widget-toggle.d.cts

@@ -0,0 +1,14 @@
+import { ModalViewTypes, OnToggleView } from '@inkeep/cxkit-types';
+export declare function WidgetToggle(props: {
+    onToggleView: OnToggleView;
+    query?: string;
+    askAILabel?: string;
+    searchLabel?: string;
+    view: ModalViewTypes;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToggleView(props: {
+    onToggleView?: OnToggleView;
+    query?: string;
+}): {
+    handleToggle: (view: ModalViewTypes, autoSubmit?: boolean) => void;
+};

package/dist/components/widget-toggle.d.ts

@@ -0,0 +1,14 @@
+import { ModalViewTypes, OnToggleView } from '@inkeep/cxkit-types';
+export declare function WidgetToggle(props: {
+    onToggleView: OnToggleView;
+    query?: string;
+    askAILabel?: string;
+    searchLabel?: string;
+    view: ModalViewTypes;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useToggleView(props: {
+    onToggleView?: OnToggleView;
+    query?: string;
+}): {
+    handleToggle: (view: ModalViewTypes, autoSubmit?: boolean) => void;
+};

package/dist/components/widget-toggle.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { ikp as a, widgetToggle as c, dataAttr as o, CustomIcon as r } from "@inkeep/cxkit-styled";
+const w = a("div", {
+  _id: "view_toggle"
+}), l = a("button", {
+  _id: "view_toggle_button",
+  className: c({ slot: "button" })
+}), g = a(r, {
+  _id: "view_toggle_icon"
+});
+function _(e) {
+  const { handleToggle: t } = u(e);
+  return /* @__PURE__ */ i(w, { className: c({ slot: "root" }), children: [
+    /* @__PURE__ */ i(
+      l,
+      {
+        onClick: () => t("search"),
+        "data-active": o(e.view === "search"),
+        children: [
+          /* @__PURE__ */ n(
+            g,
+            {
+              "data-active": o(e.view === "search"),
+              iconKey: "switchToSearch",
+              className: c({ slot: "icon" })
+            }
+          ),
+          e.searchLabel || "Search"
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      l,
+      {
+        onClick: () => t("chat"),
+        "data-active": o(e.view === "chat"),
+        children: [
+          /* @__PURE__ */ n(
+            g,
+            {
+              "data-active": o(e.view === "chat"),
+              iconKey: "switchToChat",
+              className: c({ slot: "icon" })
+            }
+          ),
+          e.askAILabel || "Ask AI"
+        ]
+      }
+    )
+  ] });
+}
+function u(e) {
+  const { onToggleView: t, query: s } = e;
+  return { handleToggle: (h, d) => {
+    t?.({ view: h, query: s, autoSubmit: d });
+  } };
+}
+export {
+  _ as WidgetToggle,
+  u as useToggleView
+};

package/dist/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./components/embedded-chat.cjs"),n=require("./components/embedded-search-and-chat.cjs"),a=require("./components/embedded-search.cjs"),I=require("./components/modal.chat.cjs"),c=require("./components/modal.search-and-chat.cjs"),l=require("./components/modal.search.cjs"),o=require("./components/modal.cjs"),r=require("./components/chat-button.cjs"),p=require("./components/searchbar.cjs"),h=require("./components/intelligent-form.cjs"),d=require("@inkeep/cxkit-styled");exports.InkeepEmbeddedChat=t.InkeepEmbeddedChat;exports.InkeepEmbeddedChatImpl=t.InkeepEmbeddedChatImpl;exports.InkeepEmbeddedSearchAndChat=n.InkeepEmbeddedSearchAndChat;exports.InkeepEmbeddedSearchAndChatImpl=n.InkeepEmbeddedSearchAndChatImpl;exports.InkeepEmbeddedSearch=a.InkeepEmbeddedSearch;exports.InkeepEmbeddedSearchImpl=a.InkeepEmbeddedSearchImpl;exports.InkeepModalChat=I.InkeepModalChat;exports.InkeepModalSearchAndChat=c.InkeepModalSearchAndChat;exports.InkeepModalSearch=l.InkeepModalSearch;exports.InkeepModal=o.InkeepModal;exports.ChatButtonImpl=r.ChatButtonImpl;exports.InkeepChatButton=r.InkeepChatButton;exports.InkeepSearchBar=p.InkeepSearchBar;exports.SearchBarImpl=p.SearchBarImpl;exports.InkeepIntelligentForm=h.InkeepIntelligentForm;exports.InkeepIntelligentFormImpl=h.InkeepIntelligentFormImpl;Object.keys(d).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>d[e]})});

package/dist/index.d.cts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from '@inkeep/cxkit-styled';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from '@inkeep/cxkit-styled';

package/dist/index.js

@@ -0,0 +1,29 @@
+import { InkeepEmbeddedChat as p, InkeepEmbeddedChatImpl as o } from "./components/embedded-chat.js";
+import { InkeepEmbeddedSearchAndChat as d, InkeepEmbeddedSearchAndChatImpl as m } from "./components/embedded-search-and-chat.js";
+import { InkeepEmbeddedSearch as a, InkeepEmbeddedSearchImpl as I } from "./components/embedded-search.js";
+import { InkeepModalChat as k } from "./components/modal.chat.js";
+import { InkeepModalSearchAndChat as f } from "./components/modal.search-and-chat.js";
+import { InkeepModalSearch as c } from "./components/modal.search.js";
+import { InkeepModal as S } from "./components/modal.js";
+import { ChatButtonImpl as E, InkeepChatButton as B } from "./components/chat-button.js";
+import { InkeepSearchBar as A, SearchBarImpl as g } from "./components/searchbar.js";
+import { InkeepIntelligentForm as u, InkeepIntelligentFormImpl as F } from "./components/intelligent-form.js";
+export * from "@inkeep/cxkit-styled";
+export {
+  E as ChatButtonImpl,
+  B as InkeepChatButton,
+  p as InkeepEmbeddedChat,
+  o as InkeepEmbeddedChatImpl,
+  a as InkeepEmbeddedSearch,
+  d as InkeepEmbeddedSearchAndChat,
+  m as InkeepEmbeddedSearchAndChatImpl,
+  I as InkeepEmbeddedSearchImpl,
+  u as InkeepIntelligentForm,
+  F as InkeepIntelligentFormImpl,
+  S as InkeepModal,
+  k as InkeepModalChat,
+  c as InkeepModalSearch,
+  f as InkeepModalSearchAndChat,
+  A as InkeepSearchBar,
+  g as SearchBarImpl
+};

package/dist/utils.cjs

@@ -0,0 +1 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function s(e,n){typeof e=="function"?e(n):e!=null&&(e.current=n)}function u(...e){return n=>{for(const t of e)s(t,n)}}function c(e,n,{checkForDefaultPrevented:t=!0}={}){return function(o){if(e?.(o),t===!1||!o.defaultPrevented)return n?.(o)}}exports.composeEventHandlers=c;exports.composeRefs=u;

package/dist/utils.d.cts

@@ -0,0 +1,6 @@
+type PossibleRef<T> = React.Ref<T | null> | undefined;
+export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
+export declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;
+export {};

package/dist/utils.d.ts

@@ -0,0 +1,6 @@
+type PossibleRef<T> = React.Ref<T | null> | undefined;
+export declare function composeRefs<T>(...refs: PossibleRef<T>[]): (node: T | null) => void;
+export declare function composeEventHandlers<E>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
+    checkForDefaultPrevented?: boolean | undefined;
+}): (event: E) => void;
+export {};

package/dist/utils.js

@@ -0,0 +1,20 @@
+"use client";
+function f(n, e) {
+  typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function c(...n) {
+  return (e) => {
+    for (const t of n)
+      f(t, e);
+  };
+}
+function i(n, e, { checkForDefaultPrevented: t = !0 } = {}) {
+  return function(o) {
+    if (n?.(o), t === !1 || !o.defaultPrevented)
+      return e?.(o);
+  };
+}
+export {
+  i as composeEventHandlers,
+  c as composeRefs
+};

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@inkeep/cxkit-react",
+  "version": "0.0.0-dev-20250221234142",
+  "description": "",
+  "license": "Inkeep, Inc. Customer License (IICL) v1.1",
+  "homepage": "",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/inkeep/widget",
+    "directory": "packages/closed"
+  },
+  "type": "module",
+  "main": "dist/index.cjs",
+  "files": [
+    "dist"
+  ],
+  "clean-package": "../../clean-package.config.json",
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "dependencies": {
+    "@inkeep/cxkit-styled": "0.0.0-dev-20250221234142"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "1.9.4",
+    "@chromatic-com/storybook": "^3",
+    "@radix-ui/react-select": "2.1.4",
+    "@storybook/addon-a11y": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.3",
+    "@storybook/react": "^8.5.3",
+    "@storybook/react-vite": "^8.5.3",
+    "@types/react": "19.0.7",
+    "@types/react-dom": "19.0.3",
+    "@vitejs/plugin-react": "4.3.4",
+    "clean-package": "2.2.0",
+    "globby": "14.0.2",
+    "prism-react-renderer": "2.4.1",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "react-icons": "5.4.0",
+    "storybook": "^8.5.3",
+    "typescript": "5.7.3",
+    "vite": "5.4.11",
+    "vite-plugin-dts": "4.4.0",
+    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250221234142",
+    "@inkeep/cxkit-types": "0.0.0-dev-20250221234142"
+  },
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "vite build",
+    "watch": "vite build --watch",
+    "dev": "pnpm storybook",
+    "lint": "biome lint ./src",
+    "typecheck": "tsc",
+    "storybook": "storybook dev -p 6006"
+  }
+}