@brainfish-ai/components 0.27.1 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brainfish-ai/components",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "description": "Brainfish Components",
   "license": "MIT",
   "main": "./dist/esm/index.js",

package/dist/esm/chunks/review-list.Cn5bw-lP.js

@@ -1,6 +0,0 @@
-import*as e from"react";import t,{useState as a,useCallback as r,useMemo as s,useContext as n,createContext as l,forwardRef as c}from"react";import{Circle as o}from"@phosphor-icons/react";import{c as i}from"./utils.C6Qu-kwd.js";import{b as m}from"./formatDate.D2xEZm8f.js";import{S as d}from"./status-badge.BLB0pWDn.js";function u({count:e}){/* @__PURE__ */
-return t.createElement("span",{className:"inline-flex items-center gap-0.5"},/* @__PURE__ */t.createElement(o,{size:8,weight:"fill","aria-hidden":"true",className:"text-blue"}),/* @__PURE__ */t.createElement("span",{className:"text-xs leading-4 text-subtle"},e," ",1===e?"edit":"edits"))}const f=e.forwardRef(function({title:t,timestamp:a,icon:r,description:s,isNew:n,isAccepted:l,editCount:c,isSelected:o=!1,className:f,...p},b){let g;return l?g=/* @__PURE__ */e.createElement(d,{variant:"accepted"},"Accepted"):c&&(g=/* @__PURE__ */e.createElement(u,{count:c})),/* @__PURE__ */e.createElement("button",{...p,ref:b,type:"button","aria-pressed":o,className:i("relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent",o?["shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]",'after:content-[""] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary']:"hover:bg-dark-100 hover:border-dark-300",f)},
-/* @__PURE__ */e.createElement("span",{className:"flex items-center justify-between w-full gap-2"},/* @__PURE__ */e.createElement("span",{className:i("text-sm text-default truncate min-w-0 flex-1",o?"font-bold":"font-normal")},t),a&&/* @__PURE__ */e.createElement("span",{className:"text-xs leading-4 text-subtlest shrink-0"},m(a))),(r||s||g)&&/* @__PURE__ */e.createElement("span",{className:"flex items-center gap-1 leading-4"},n&&/* @__PURE__ */e.createElement(d,{variant:"success",surface:"transparent"},"New"),r&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 flex items-center"},r),s&&/* @__PURE__ */e.createElement("span",{className:"text-xs text-subtle truncate"},s),!n&&g&&/* @__PURE__ */e.createElement("span",{className:"shrink-0 ml-1 flex items-center"},g)))}),p=l(null);function b({children:e,defaultSelectedItem:n=null,onApproveAllSuggestions:l,onRejectAllSuggestions:c,onAcceptAndPublish:o,onOpenArticleLink:i,onSourceLinkClick:m,breadcrumb:d,suggestionReasonBody:u}){const[f,b]=a(null),g=f??n,[x,E]=a(null),[w,h]=a(!1),N=r(e=>b(e),[]),k=s(()=>({selectedItem:g,setSelectedItem:N,loadedDiffDoc:x,setLoadedDiffDoc:E,loadingDiff:w,setLoadingDiff:h,onApproveAllSuggestions:l,onRejectAllSuggestions:c,onAcceptAndPublish:o,onOpenArticleLink:i,onSourceLinkClick:m,breadcrumb:d,suggestionReasonBody:u}),[g,N,x,w,l,c,o,i,m,d,u]);/* @__PURE__ */
-return t.createElement(p.Provider,{value:k},e)}function g(){const e=n(p);if(!e)throw new Error("useReviewsSelection must be used within ReviewsSelectionProvider");return e}const x=c(({items:e,className:a,...r},s)=>{const{selectedItem:n,setSelectedItem:l}=g();/* @__PURE__ */
-return t.createElement("ul",{ref:s,className:i("min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0",a),...r},e.map(e=>/* @__PURE__ */t.createElement("li",{key:e.id},/* @__PURE__ */t.createElement(f,{...e,isSelected:n?.id===e.id,onClick:()=>l(e)}))))});x.displayName="ReviewList";export{u as E,x as R,f as a,b,g as u};
-//# sourceMappingURL=review-list.Cn5bw-lP.js.map

package/dist/esm/chunks/review-list.Cn5bw-lP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"review-list.Cn5bw-lP.js","sources":["../../../src/scenes/knowledge-review/review-list/edit-count.tsx","../../../src/scenes/knowledge-review/review-list/review-list-item.tsx","../../../src/scenes/knowledge-review/context.tsx","../../../src/scenes/knowledge-review/review-list/review-list.tsx"],"sourcesContent":["import React from 'react';\nimport { Circle } from '@phosphor-icons/react';\n\nexport function EditCount({ count }: { count: number }) {\n  return (\n    <span className=\"inline-flex items-center gap-0.5\">\n      <Circle size={8} weight=\"fill\" aria-hidden=\"true\" className=\"text-blue\" />\n      <span className=\"text-xs leading-4 text-subtle\">\n        {count} {count === 1 ? 'edit' : 'edits'}\n      </span>\n    </span>\n  );\n}\n","import * as React from 'react';\n\nimport { EditCount } from './edit-count';\n\nimport { cn } from '@/lib/utils';\nimport { formatDistance } from '@/lib/formatDate';\nimport { StatusBadge } from '@/components/convos/status-badge';\n\nexport interface ReviewListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Unique identifier for the knowledge article */\n  id: string;\n  /** Primary text displayed in the first row */\n  title: string;\n  /** Content rendered in the top-right corner (e.g. relative timestamp) */\n  timestamp: Date;\n  /** Icon rendered at the start of the second row */\n  icon?: React.ReactNode;\n  /** Text or content next to the icon in the second row */\n  description?: string | null;\n  /** Whether this item is new */\n  isNew?: boolean;\n  /** Whether this item has been accepted (e.g. accepted as draft) */\n  isAccepted?: boolean;\n  /** Number of edits for this item */\n  editCount?: number;\n  /** Whether this item is currently selected */\n  isSelected?: boolean;\n}\n\nexport const ReviewListItem = React.forwardRef<HTMLButtonElement, ReviewListItemProps>(function ReviewListItem(\n  { title, timestamp, icon, description, isNew, isAccepted, editCount, isSelected = false, className, ...props },\n  ref,\n) {\n  let status: React.ReactNode | undefined;\n  if (isAccepted) {\n    status = <StatusBadge variant=\"accepted\">Accepted</StatusBadge>;\n  } else if (editCount) {\n    status = <EditCount count={editCount} />;\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isSelected}\n      className={cn(\n        'relative flex w-full flex-col gap-1 bg-surface rounded p-4 cursor-pointer transition-colors text-left border border-transparent',\n        isSelected\n          ? [\n              'shadow-[0px_1px_3px_0px_rgba(95,95,95,0.26)]',\n              'after:content-[\"\"] after:block after:absolute after:right-[-2px] after:top-1/2 after:-translate-y-1/2 after:w-1 after:h-14 after:rounded-sm after:bg-primary',\n            ]\n          : 'hover:bg-dark-100 hover:border-dark-300',\n        className,\n      )}\n    >\n      {/* Row 1: Title + Timestamp */}\n      <span className=\"flex items-center justify-between w-full gap-2\">\n        <span className={cn('text-sm text-default truncate min-w-0 flex-1', isSelected ? 'font-bold' : 'font-normal')}>\n          {title}\n        </span>\n        {timestamp && <span className=\"text-xs leading-4 text-subtlest shrink-0\">{formatDistance(timestamp)}</span>}\n      </span>\n\n      {/* Row 2: Icon + Description + Status */}\n      {(icon || description || status) && (\n        <span className=\"flex items-center gap-1 leading-4\">\n          {/* isNew */}\n          {isNew && (\n            <StatusBadge variant=\"success\" surface=\"transparent\">\n              New\n            </StatusBadge>\n          )}\n          {/* icon */}\n          {icon && <span className=\"shrink-0 flex items-center\">{icon}</span>}\n          {/* description */}\n          {description && <span className=\"text-xs text-subtle truncate\">{description}</span>}\n          {/* not new but with status */}\n          {!isNew && status && <span className=\"shrink-0 ml-1 flex items-center\">{status}</span>}\n        </span>\n      )}\n    </button>\n  );\n});\n","import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';\n\nimport type { ReviewListItemProps } from './review-list/review-list-item';\n\nexport type LoadedDiffDoc = {\n  isNew: boolean;\n  diffTitle: string;\n  diffContent: React.ReactNode;\n};\n\ntype ReviewsSelectionValue = {\n  selectedItem: ReviewListItemProps | null;\n  setSelectedItem: (item: ReviewListItemProps | null) => void;\n  loadedDiffDoc: LoadedDiffDoc | null;\n  setLoadedDiffDoc: (doc: LoadedDiffDoc | null) => void;\n  loadingDiff: boolean;\n  setLoadingDiff: (loading: boolean) => void;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nconst ReviewsContext = createContext<ReviewsSelectionValue | null>(null);\n\nexport type ReviewsProviderProps = {\n  children: React.ReactNode;\n  /** Optional initial selection (e.g. from server or mock data) */\n  defaultSelectedItem?: ReviewListItemProps | null;\n  onApproveAllSuggestions: () => void;\n  onRejectAllSuggestions: () => void;\n  onAcceptAndPublish?: () => void;\n  onOpenArticleLink?: () => void;\n  onSourceLinkClick?: () => void;\n  breadcrumb?: string;\n  suggestionReasonBody?: string;\n};\n\nexport function ReviewsSelectionProvider({\n  children,\n  defaultSelectedItem = null,\n  onApproveAllSuggestions,\n  onRejectAllSuggestions,\n  onAcceptAndPublish,\n  onOpenArticleLink,\n  onSourceLinkClick,\n  breadcrumb,\n  suggestionReasonBody,\n}: ReviewsProviderProps) {\n  const [userSelectedItem, setUserSelectedItem] = useState<ReviewListItemProps | null>(null);\n  const selectedItem = userSelectedItem ?? defaultSelectedItem;\n\n  const [loadedDiffDoc, setLoadedDiffDoc] = useState<LoadedDiffDoc | null>(null);\n\n  const [loadingDiff, setLoadingDiff] = useState(false);\n\n  const handleSelect = useCallback((item: ReviewListItemProps | null) => setUserSelectedItem(item), []);\n  const value = useMemo<ReviewsSelectionValue>(\n    () => ({\n      selectedItem,\n      setSelectedItem: handleSelect,\n      loadedDiffDoc,\n      setLoadedDiffDoc,\n      loadingDiff,\n      setLoadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    }),\n    [\n      selectedItem,\n      handleSelect,\n      loadedDiffDoc,\n      loadingDiff,\n      onApproveAllSuggestions,\n      onRejectAllSuggestions,\n      onAcceptAndPublish,\n      onOpenArticleLink,\n      onSourceLinkClick,\n      breadcrumb,\n      suggestionReasonBody,\n    ],\n  );\n\n  return <ReviewsContext.Provider value={value}>{children}</ReviewsContext.Provider>;\n}\n\nexport function useReviewsSelection(): ReviewsSelectionValue {\n  const ctx = useContext(ReviewsContext);\n  if (!ctx) {\n    throw new Error('useReviewsSelection must be used within ReviewsSelectionProvider');\n  }\n\n  return ctx;\n}\n","import React, { forwardRef } from 'react';\n\nimport { ReviewListItem, ReviewListItemProps } from './review-list-item';\nimport { useReviewsSelection } from '../context';\n\nimport { cn } from '@/lib/utils';\n\ninterface ReviewListProps {\n  items: ReviewListItemProps[];\n  className?: string;\n}\n\nexport const ReviewList = forwardRef<HTMLUListElement, ReviewListProps>(({ items, className, ...props }, ref) => {\n  const { selectedItem, setSelectedItem } = useReviewsSelection();\n\n  return (\n    <ul\n      ref={ref}\n      className={cn(\n        'min-w-0 w-full overflow-hidden bg-muted border border-dark-300 rounded-lg p-2 space-y-2 list-none m-0',\n        className,\n      )}\n      {...props}\n    >\n      {items.map((item) => (\n        <li key={item.id}>\n          <ReviewListItem {...item} isSelected={selectedItem?.id === item.id} onClick={() => setSelectedItem(item)} />\n        </li>\n      ))}\n    </ul>\n  );\n});\nReviewList.displayName = 'ReviewList';\n"],"names":["EditCount","count","React","createElement","className","Circle","size","weight","ReviewListItem","forwardRef","title","timestamp","icon","description","isNew","isAccepted","editCount","isSelected","props","ref","status","StatusBadge","variant","type","cn","formatDistance","surface","ReviewsContext","createContext","ReviewsSelectionProvider","children","defaultSelectedItem","onApproveAllSuggestions","onRejectAllSuggestions","onAcceptAndPublish","onOpenArticleLink","onSourceLinkClick","breadcrumb","suggestionReasonBody","userSelectedItem","setUserSelectedItem","useState","selectedItem","loadedDiffDoc","setLoadedDiffDoc","loadingDiff","setLoadingDiff","handleSelect","useCallback","item","value","useMemo","setSelectedItem","Provider","useReviewsSelection","ctx","useContext","Error","ReviewList","items","map","key","id","onClick","displayName"],"mappings":"gUAGO,SAASA,GAAUC,MAAEA;AAC1B,OACEC,EAAAC,cAAC,OAAA,CAAKC,UAAU,mDACdF,EAAAC,cAACE,GAAOC,KAAM,EAAGC,OAAO,OAAO,cAAY,OAAOH,UAAU,6BAC5DF,EAAAC,cAAC,OAAA,CAAKC,UAAU,iCACbH,EAAM,IAAY,IAAVA,EAAc,OAAS,SAIxC,CCiBO,MAAMO,EAAiBN,EAAMO,WAAmD,UACrFC,MAAEA,YAAOC,EAAAC,KAAWA,EAAAC,YAAMA,QAAaC,EAAAC,WAAOA,EAAAC,UAAYA,aAAWC,GAAa,EAAAb,UAAOA,KAAcc,GACvGC,GAEA,IAAIC,EAOJ,OANIL,EACFK,iBAASlB,EAAAC,cAACkB,EAAA,CAAYC,QAAQ,YAAW,YAChCN,IACTI,iBAASlB,EAAAC,cAACH,EAAA,CAAUC,MAAOe,oBAI3Bd,EAAAC,cAAC,SAAA,IACKe,EACJC,MACAI,KAAK,SACL,eAAcN,EACdb,UAAWoB,EACT,kIACAP,EACI,CACE,+CACA,gKAEF,0CACJb;eAIFF,EAAAC,cAAC,QAAKC,UAAU,iFACb,OAAA,CAAKA,UAAWoB,EAAG,+CAAgDP,EAAa,YAAc,gBAC5FP,GAEFC,kBAAaT,EAAAC,cAAC,OAAA,CAAKC,UAAU,4CAA4CqB,EAAed,MAIzFC,GAAQC,GAAeO,mBACvBlB,EAAAC,cAAC,OAAA,CAAKC,UAAU,qCAEbU,kBACCZ,EAAAC,cAACkB,EAAA,CAAYC,QAAQ,UAAUI,QAAQ,eAAc,OAKtDd,kBAAQV,EAAAC,cAAC,OAAA,CAAKC,UAAU,8BAA8BQ,GAEtDC,kBAAeX,EAAAC,cAAC,OAAA,CAAKC,UAAU,gCAAgCS,IAE9DC,GAASM,kBAAUlB,EAAAC,cAAC,QAAKC,UAAU,mCAAmCgB,IAKlF,GC1DMO,EAAiBC,EAA4C,MAe5D,SAASC,GAAyBC,SACvCA,EAAAC,oBACAA,EAAsB,KAAAC,wBACtBA,EAAAC,uBACAA,EAAAC,mBACAA,EAAAC,kBACAA,EAAAC,kBACAA,EAAAC,WACAA,EAAAC,qBACAA,IAEA,MAAOC,EAAkBC,GAAuBC,EAAqC,MAC/EC,EAAeH,GAAoBR,GAElCY,EAAeC,GAAoBH,EAA+B,OAElEI,EAAaC,GAAkBL,GAAS,GAEzCM,EAAeC,EAAaC,GAAqCT,EAAoBS,GAAO,IAC5FC,EAAQC,EACZ,KAAA,CACET,eACAU,gBAAiBL,EACjBJ,gBACAC,mBACAC,cACAC,iBACAd,0BACAC,yBACAC,qBACAC,oBACAC,oBACAC,aACAC,yBAEF,CACEI,EACAK,EACAJ,EACAE,EACAb,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC;AAIJ,OAAOpC,EAAAC,cAACwB,EAAe0B,SAAf,CAAwBH,SAAepB,EACjD,CAEO,SAASwB,IACd,MAAMC,EAAMC,EAAW7B,GACvB,IAAK4B,EACH,MAAM,IAAIE,MAAM,oEAGlB,OAAOF,CACT,CCzFO,MAAMG,EAAajD,EAA8C,EAAGkD,QAAOvD,eAAcc,GAASC,KACvG,MAAMuB,aAAEA,EAAAU,gBAAcA,GAAoBE;AAE1C,OACEpD,EAAAC,cAAC,KAAA,CACCgB,MACAf,UAAWoB,EACT,wGACApB,MAEEc,GAEHyC,EAAMC,IAAKX,kBACV/C,EAAAC,cAAC,MAAG0D,IAAKZ,EAAKa,mBACZ5D,EAAAC,cAACK,EAAA,IAAmByC,EAAMhC,WAAYyB,GAAcoB,KAAOb,EAAKa,GAAIC,QAAS,IAAMX,EAAgBH,UAM7GS,EAAWM,YAAc"}