@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/data-table-toolbar.js

@@ -0,0 +1,45 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  DataTableFilter
+} from "./data-table-filter.js";
+import {
+  DataTableDisplay
+} from "./data-table-display.js";
+function DataTableToolbar({
+  categories,
+  selectedFilters,
+  onToggleFilter,
+  sorting,
+  onSortingChange,
+  displayColumns,
+  onToggleColumn,
+  onResetDisplay
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-b border-border px-4 py-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+      DataTableFilter,
+      {
+        categories,
+        selectedFilters,
+        onToggleFilter
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(
+      DataTableDisplay,
+      {
+        sorting,
+        onSortingChange,
+        columns: displayColumns,
+        onToggleColumn,
+        onReset: onResetDisplay
+      }
+    ) })
+  ] });
+}
+export {
+  DataTableToolbar
+};
+//# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/data-table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/data-table-toolbar.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport type { SortingState } from \"@tanstack/react-table\"\n\nimport {\n  DataTableFilter,\n  type DataTableFilterCategory,\n} from \"./data-table-filter\"\nimport {\n  DataTableDisplay,\n  type DataTableDisplayColumn,\n} from \"./data-table-display\"\n\ninterface DataTableToolbarProps {\n  categories: DataTableFilterCategory[]\n  selectedFilters: Record<string, string[]>\n  onToggleFilter: (categoryId: string, option: string) => void\n  sorting: SortingState\n  onSortingChange: (next: SortingState) => void\n  displayColumns: DataTableDisplayColumn[]\n  onToggleColumn: (columnId: string) => void\n  onResetDisplay: () => void\n}\n\nexport function DataTableToolbar({\n  categories,\n  selectedFilters,\n  onToggleFilter,\n  sorting,\n  onSortingChange,\n  displayColumns,\n  onToggleColumn,\n  onResetDisplay,\n}: DataTableToolbarProps) {\n  return (\n    <div className=\"flex items-center justify-between gap-2 border-b border-border px-4 py-2\">\n      <div className=\"flex items-center gap-2\">\n        <DataTableFilter\n          categories={categories}\n          selectedFilters={selectedFilters}\n          onToggleFilter={onToggleFilter}\n        />\n      </div>\n      <div className=\"flex items-center gap-2\">\n        <DataTableDisplay\n          sorting={sorting}\n          onSortingChange={onSortingChange}\n          columns={displayColumns}\n          onToggleColumn={onToggleColumn}\n          onReset={onResetDisplay}\n        />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAoCI,SAEI,KAFJ;AA/BJ;AAAA,EACE;AAAA,OAEK;AACP;AAAA,EACE;AAAA,OAEK;AAaA,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE,qBAAC,SAAI,WAAU,4EACb;AAAA,wBAAC,SAAI,WAAU,2BACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF,GACF;AAAA,IACA,oBAAC,SAAI,WAAU,2BACb;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,SAAS;AAAA;AAAA,IACX,GACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/data-table.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { DataTableFilterCategory } from './data-table-filter.js';
+
+type DataRow = {
+    id: string;
+    name: string;
+    industry: string[];
+    accountRisks: string[];
+    riskScore: number;
+    expansionScore: number;
+    growthIndicators: string[];
+    lastInteraction: string;
+    lastInteractionDays: number;
+    createdAt: string;
+    revenue: string;
+    headcount: string;
+    lastFunding: string;
+    owner: string;
+    opportunityCount: number;
+    productAdoptionScore: number;
+};
+interface DataTableProps {
+    onRowClick?: (row: DataRow) => void;
+    rows?: DataRow[];
+    filterCategories?: DataTableFilterCategory[];
+    quickViews?: string[];
+    moreQuickViews?: string[];
+    quickViewFilters?: Record<string, (row: DataRow) => boolean>;
+    iconMap?: {
+        salesforce?: string;
+    };
+    entityUrlBuilder?: (row: DataRow) => string;
+    onScoreFactorFeedback?: (account: string, scoreType: string, factorKey: string, type: "up" | "down" | null, detail?: string) => void;
+    onScoreApproveFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
+    onScoreDismissFeedback?: (account: string, scoreType: string, reasons: string[], detail: string) => void;
+}
+declare function DataTable({ onRowClick, rows: rowsProp, filterCategories: filterCategoriesProp, quickViews: quickViewsProp, moreQuickViews: moreQuickViewsProp, quickViewFilters: quickViewFiltersProp, iconMap, entityUrlBuilder, onScoreFactorFeedback, onScoreApproveFeedback, onScoreDismissFeedback, }?: DataTableProps): React.JSX.Element;
+
+export { type DataRow, DataTable, type DataTableProps };