@dust-tt/sparkle 0.2.194-alpha-j → 0.2.194-rc2

package/dist/cjs/_index.d.ts

@@ -98,8 +98,8 @@ import { Markdown } from "./components/Markdown";
 export { Markdown };
 import { DataTable } from "./components/DataTable";
 export { DataTable };
-import { Table } from "./components/Table";
-export { Table };
+import { Table, TableData } from "./components/Table";
+export { Table, TableData };
 import { LogoHorizontalColor as LogoHorizontalColorLogo, LogoHorizontalColorLayer1 as LogoHorizontalColorLogoLayer1, LogoHorizontalColorLayer2 as LogoHorizontalColorLogoLayer2, LogoHorizontalDark as LogoHorizontalDarkLogo, LogoHorizontalWhite as LogoHorizontalWhiteLogo, LogoSquareColor as LogoSquareColorLogo, LogoSquareColorLayer1 as LogoSquareColorLogoLayer1, LogoSquareColorLayer2 as LogoSquareColorLogoLayer2, LogoSquareDark as LogoSquareDarkLogo, LogoSquareWhite as LogoSquareWhiteLogo } from "./logo/dust";
 export { LogoHorizontalColorLogo, LogoHorizontalColorLogoLayer1, LogoHorizontalColorLogoLayer2, LogoHorizontalDarkLogo, LogoHorizontalWhiteLogo, LogoSquareColorLogo, LogoSquareColorLogoLayer1, LogoSquareColorLogoLayer2, LogoSquareDarkLogo, LogoSquareWhiteLogo, };
 import { Ai21 as Ai21Logo, Anthropic as AnthropicLogo, AnthropicWhite as AnthropicWhiteLogo, Claude as ClaudeLogo, Cohere as CohereLogo, Confluence as ConfluenceLogo, Drive as DriveLogo, Gemini as GeminiLogo, Github as GithubLogo, GithubWhite as GithubWhiteLogo, Gong as GongLogo, Google as GoogleLogo, GoogleDoc as GoogleDocLogo, GooglePdf as GooglePdfLogo, GoogleSlide as GoogleSlideLogo, GoogleSpreadsheet as GoogleSpreadsheetLogo, Gpt3 as Gpt3Logo, Gpt4 as Gpt4Logo, HuggingFace as HuggingFaceLogo, Intercom as IntercomLogo, Microsoft as MicrosoftLogo, MicrosoftExcel as MicrosoftExcelLogo, MicrosoftPowerpoint as MicrosoftPowerpointLogo, MicrosoftWord as MicrosoftWordLogo, Mistral as MistralLogo, Notion as NotionLogo, Office as OfficeLogo, Openai as OpenaiLogo, OpenaiWhite as OpenaiWhiteLogo, Replicate as ReplicateLogo, Salesforce as SalesforceLogo, Slack as SlackLogo, Zapier as ZapierLogo } from "./logo/platforms";

package/dist/cjs/components/Table.d.ts

@@ -6,8 +6,10 @@ interface TableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     className?: string;
     width?: FirstColumnWidth;
+    filter?: string;
+    filterColumn?: string;
 }
-export declare function Table<TData, TValue>({ data, columns, className, width, }: TableProps<TData, TValue>): React.JSX.Element;
+export declare function Table<TData, TValue>({ data, columns, className, width, filter, filterColumn, }: TableProps<TData, TValue>): React.JSX.Element;
 interface TableRootProps extends React.HTMLAttributes<HTMLTableElement> {
     children: ReactNode;
 }

package/dist/cjs/index.js

@@ -125641,7 +125641,7 @@ var DataTable = React.forwardRef(function (_a, ref) {
 });
 
 function Table(_a) {
-    var data = _a.data, columns = _a.columns, className = _a.className, _b = _a.width, width = _b === void 0 ? "normal" : _b;
+    var data = _a.data, columns = _a.columns, className = _a.className, _b = _a.width, width = _b === void 0 ? "normal" : _b, filter = _a.filter, filterColumn = _a.filterColumn;
     var _c = __read(React.useState([]), 2), sorting = _c[0], setSorting = _c[1];
     var _d = __read(React.useState([]), 2), columnFilters = _d[0], setColumnFilters = _d[1];
     var table = reactTable.useReactTable({
@@ -125657,6 +125657,12 @@ function Table(_a) {
             sorting: sorting,
         },
     });
+    React.useEffect(function () {
+        var _a;
+        if (filter && filterColumn) {
+            (_a = table.getColumn(filterColumn)) === null || _a === void 0 ? void 0 : _a.setFilterValue(filter);
+        }
+    }, [filter, filterColumn]);
     return (React.createElement(TableData, { className: className },
         React.createElement(TableData.Header, null, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(TableData.Row, { key: headerGroup.id }, headerGroup.headers.map(function (header) { return (React.createElement(TableData.Head, { key: header.id, width: width, onClick: header.column.getToggleSortingHandler(), className: header.column.getCanSort() ? "s-cursor-pointer" : "" },
             React.createElement("div", { className: "s-flex s-items-center s-space-x-1 s-whitespace-nowrap" },
@@ -126073,6 +126079,7 @@ exports.StopIcon = SvgStop$1;
 exports.StopStrokeIcon = SvgStop;
 exports.Tab = Tab;
 exports.Table = Table;
+exports.TableData = TableData;
 exports.TableIcon = SvgTable$1;
 exports.TableStrokeIcon = SvgTable;
 exports.TagIcon = SvgTag$1;