@brainfish-ai/components 0.13.3 → 0.13.5

package/package.json

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

package/dist/esm/chunks/data-table.BnZmrDk6.js

@@ -1,99 +0,0 @@
-import React__default from 'react';
-import { useReactTable, getSortedRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
-import { AnimatePresence, motion } from 'framer-motion';
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from '../components/ui/table.js';
-import { c as cn } from './utils.DmKr1Ojo.js';
-
-const accordionVariants = {
-  initial: {
-    height: 0
-  },
-  animate: {
-    height: "auto",
-    transition: {
-      height: {
-        type: "spring",
-        stiffness: 450,
-        // increase to make it more stiff (less bouncy), therefore increasing the speed of the animation
-        damping: 20
-        // increase to make it more dampened and slow
-      }
-    }
-  },
-  exit: {
-    height: 0,
-    transition: {
-      height: {
-        duration: 0.1,
-        ease: "linear"
-      }
-    }
-  }
-};
-function DataTable({
-  columns,
-  data,
-  getRowCanExpand = () => true,
-  className,
-  expandeRowClassName,
-  ...props
-}) {
-  const [expanded, setExpanded] = React__default.useState({});
-  const [sorting, setSorting] = React__default.useState([]);
-  React__default.useEffect(() => {
-    setExpanded({});
-  }, [data]);
-  const table = useReactTable({
-    data,
-    columns,
-    getCoreRowModel: getCoreRowModel(),
-    state: {
-      expanded,
-      sorting
-    },
-    onExpandedChange: setExpanded,
-    onSortingChange: setSorting,
-    getRowCanExpand: columns.some((col) => col.expandedContent) ? getRowCanExpand : void 0,
-    getPaginationRowModel: getPaginationRowModel(),
-    getFilteredRowModel: getFilteredRowModel(),
-    getExpandedRowModel: getExpandedRowModel(),
-    getSortedRowModel: getSortedRowModel()
-  });
-  return /* @__PURE__ */ React__default.createElement("div", { className: cn("overflow-hidden rounded-md border border-border bg-card", className), ...props }, /* @__PURE__ */ React__default.createElement(Table, { className: "overflow-hidden" }, /* @__PURE__ */ React__default.createElement(TableHeader, null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React__default.createElement(TableRow, { key: headerGroup.id }, headerGroup.headers.map((header) => /* @__PURE__ */ React__default.createElement(
-    TableHead,
-    {
-      key: header.id,
-      className: "space-x-4 first:pl-4 last:pr-4 py-4 text-current",
-      style: { width: header.getSize() }
-    },
-    header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())
-  ))))), /* @__PURE__ */ React__default.createElement(TableBody, null, table.getRowModel().rows?.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ React__default.createElement(React__default.Fragment, { key: row.original.id || row.id }, /* @__PURE__ */ React__default.createElement(
-    TableRow,
-    {
-      "data-state": row.getIsSelected() && "selected",
-      className: cn(row.getIsExpanded() && "custom-dashed-border-b")
-    },
-    row.getVisibleCells().map((cell) => /* @__PURE__ */ React__default.createElement(
-      TableCell,
-      {
-        key: cell.id,
-        className: "first:pl-4 last:pr-4 py-4",
-        style: { width: cell.column.getSize() }
-      },
-      flexRender(cell.column.columnDef.cell, cell.getContext())
-    ))
-  ), /* @__PURE__ */ React__default.createElement(AnimatePresence, { initial: false }, row.getIsExpanded() && (() => {
-    const expandedColumn = columns.find((col) => col.expandedContent);
-    return expandedColumn?.expandedContent ? /* @__PURE__ */ React__default.createElement(TableRow, { key: `${row.id}-expanded` }, /* @__PURE__ */ React__default.createElement(
-      TableCell,
-      {
-        colSpan: row.getVisibleCells().length,
-        className: cn("first:pl-4 last:pr-4 py-4 overflow-hidden", expandeRowClassName)
-      },
-      /* @__PURE__ */ React__default.createElement(motion.div, { variants: accordionVariants, initial: "initial", animate: "animate", exit: "exit" }, expandedColumn.expandedContent(row))
-    )) : null;
-  })()))) : /* @__PURE__ */ React__default.createElement(TableRow, null, /* @__PURE__ */ React__default.createElement(TableCell, { colSpan: columns.length, className: "h-24 text-center" }, "No results.")))));
-}
-
-export { DataTable as D };
-//# sourceMappingURL=data-table.BnZmrDk6.js.map

package/dist/esm/chunks/data-table.BnZmrDk6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-table.BnZmrDk6.js","sources":["../../../src/components/data-table/data-table.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  ColumnDef,\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  ExpandedState,\n  SortingState,\n  getPaginationRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  getSortedRowModel,\n  Row,\n} from '@tanstack/react-table';\nimport { motion, AnimatePresence } from 'framer-motion';\n\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '../ui/table';\n\nimport { cn } from '@/lib/utils';\n\n// Framer Motion Accordion Variants for bouncy accordion effect\nconst accordionVariants = {\n  initial: {\n    height: 0,\n  },\n  animate: {\n    height: 'auto',\n    transition: {\n      height: {\n        type: 'spring',\n        stiffness: 450, // increase to make it more stiff (less bouncy), therefore increasing the speed of the animation\n        damping: 20, // increase to make it more dampened and slow\n      },\n    },\n  },\n  exit: {\n    height: 0,\n    transition: {\n      height: {\n        duration: 0.1,\n        ease: 'linear',\n      },\n    },\n  },\n};\n\nexport type ExtendedColumnDef<TData, TValue = unknown> = ColumnDef<TData, TValue> & {\n  expandedContent?: (row: Row<TData>) => React.ReactNode;\n};\n\nexport interface DataTableProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  columns: ExtendedColumnDef<TData, TValue>[];\n  data: TData[];\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  className?: string;\n  expandeRowClassName?: string;\n}\n\nexport function DataTable<TData extends Record<string, any> & { id?: string | number }, TValue>({\n  columns,\n  data,\n  getRowCanExpand = () => true,\n  className,\n  expandeRowClassName,\n  ...props\n}: DataTableProps<TData, TValue>) {\n  const [expanded, setExpanded] = React.useState<ExpandedState>({});\n  const [sorting, setSorting] = React.useState<SortingState>([]);\n\n  // Reset expanded state when data changes. Collapse all rows when data changes.\n  React.useEffect(() => {\n    setExpanded({});\n  }, [data]);\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    state: {\n      expanded,\n      sorting,\n    },\n    onExpandedChange: setExpanded,\n    onSortingChange: setSorting,\n    getRowCanExpand: columns.some((col) => col.expandedContent) ? getRowCanExpand : undefined,\n    getPaginationRowModel: getPaginationRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n  });\n\n  return (\n    <div className={cn('overflow-hidden rounded-md border border-border bg-card', className)} {...props}>\n      <Table className=\"overflow-hidden\">\n        <TableHeader>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              {headerGroup.headers.map((header) => (\n                <TableHead\n                  key={header.id}\n                  className=\"space-x-4 first:pl-4 last:pr-4 py-4 text-current\"\n                  style={{ width: header.getSize() }}\n                >\n                  {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n                </TableHead>\n              ))}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <React.Fragment key={row.original.id || row.id}>\n                <TableRow\n                  data-state={row.getIsSelected() && 'selected'}\n                  className={cn(row.getIsExpanded() && 'custom-dashed-border-b')}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell\n                      key={cell.id}\n                      className=\"first:pl-4 last:pr-4 py-4\"\n                      style={{ width: cell.column.getSize() }}\n                    >\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  ))}\n                </TableRow>\n                <AnimatePresence initial={false}>\n                  {row.getIsExpanded() &&\n                    (() => {\n                      // Find the first column with expandedContent\n                      const expandedColumn = columns.find((col) => col.expandedContent);\n\n                      return expandedColumn?.expandedContent ? (\n                        <TableRow key={`${row.id}-expanded`}>\n                          <TableCell\n                            colSpan={row.getVisibleCells().length}\n                            className={cn('first:pl-4 last:pr-4 py-4 overflow-hidden', expandeRowClassName)}\n                          >\n                            <motion.div variants={accordionVariants} initial=\"initial\" animate=\"animate\" exit=\"exit\">\n                              {expandedColumn.expandedContent(row)}\n                            </motion.div>\n                          </TableCell>\n                        </TableRow>\n                      ) : null;\n                    })()}\n                </AnimatePresence>\n              </React.Fragment>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                No results.\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;;;AAqBA,MAAM,iBAAoB,GAAA;AAAA,EACxB,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,MAAA;AAAA,IACR,UAAY,EAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,SAAW,EAAA,GAAA;AAAA;AAAA,QACX,OAAS,EAAA;AAAA;AAAA;AACX;AACF,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,CAAA;AAAA,IACR,UAAY,EAAA;AAAA,MACV,MAAQ,EAAA;AAAA,QACN,QAAU,EAAA,GAAA;AAAA,QACV,IAAM,EAAA;AAAA;AACR;AACF;AAEJ,CAAA;AAcO,SAAS,SAAgF,CAAA;AAAA,EAC9F,OAAA;AAAA,EACA,IAAA;AAAA,EACA,kBAAkB,MAAM,IAAA;AAAA,EACxB,SAAA;AAAA,EACA,mBAAA;AAAA,EACA,GAAG;AACL,CAAkC,EAAA;AAChC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,IAAIA,cAAM,CAAA,QAAA,CAAwB,EAAE,CAAA;AAChE,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,IAAIA,cAAM,CAAA,QAAA,CAAuB,EAAE,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,EAAE,CAAA;AAAA,GAChB,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,QAAQ,aAAc,CAAA;AAAA,IAC1B,IAAA;AAAA,IACA,OAAA;AAAA,IACA,iBAAiB,eAAgB,EAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,QAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,gBAAkB,EAAA,WAAA;AAAA,IAClB,eAAiB,EAAA,UAAA;AAAA,IACjB,eAAA,EAAiB,QAAQ,IAAK,CAAA,CAAC,QAAQ,GAAI,CAAA,eAAe,IAAI,eAAkB,GAAA,MAAA;AAAA,IAChF,uBAAuB,qBAAsB,EAAA;AAAA,IAC7C,qBAAqB,mBAAoB,EAAA;AAAA,IACzC,qBAAqB,mBAAoB,EAAA;AAAA,IACzC,mBAAmB,iBAAkB;AAAA,GACtC,CAAA;AAED,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,yDAA2D,EAAA,SAAS,CAAI,EAAA,GAAG,KAC5F,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,SAAA,EAAU,qCACdA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,EACE,KAAM,CAAA,eAAA,EAAkB,CAAA,GAAA,CAAI,CAAC,WAAA,qBAC3BA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,GAAK,EAAA,WAAA,CAAY,EACxB,EAAA,EAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,CAAI,CAAC,MACxB,qBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,KAAK,MAAO,CAAA,EAAA;AAAA,MACZ,SAAU,EAAA,kDAAA;AAAA,MACV,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,CAAO,SAAU;AAAA,KAAA;AAAA,IAEhC,MAAA,CAAO,aAAgB,GAAA,IAAA,GAAO,UAAW,CAAA,MAAA,CAAO,OAAO,SAAU,CAAA,MAAA,EAAQ,MAAO,CAAA,UAAA,EAAY;AAAA,GAEhG,CACH,CACD,CACH,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,SACE,EAAA,IAAA,EAAA,KAAA,CAAM,WAAY,EAAA,CAAE,IAAM,EAAA,MAAA,GACzB,KAAM,CAAA,WAAA,EAAc,CAAA,IAAA,CAAK,GAAI,CAAA,CAAC,GAC5B,qBAAAA,cAAA,CAAA,aAAA,CAACA,cAAM,CAAA,QAAA,EAAN,EAAe,GAAA,EAAK,GAAI,CAAA,QAAA,CAAS,EAAM,IAAA,GAAA,CAAI,EAC1C,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,YAAA,EAAY,GAAI,CAAA,aAAA,EAAmB,IAAA,UAAA;AAAA,MACnC,SAAW,EAAA,EAAA,CAAG,GAAI,CAAA,aAAA,MAAmB,wBAAwB;AAAA,KAAA;AAAA,IAE5D,GAAI,CAAA,eAAA,EAAkB,CAAA,GAAA,CAAI,CAAC,IAC1B,qBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,KAAK,IAAK,CAAA,EAAA;AAAA,QACV,SAAU,EAAA,2BAAA;AAAA,QACV,OAAO,EAAE,KAAA,EAAO,IAAK,CAAA,MAAA,CAAO,SAAU;AAAA,OAAA;AAAA,MAErC,WAAW,IAAK,CAAA,MAAA,CAAO,UAAU,IAAM,EAAA,IAAA,CAAK,YAAY;AAAA,KAE5D;AAAA,GACH,+CACC,eAAgB,EAAA,EAAA,OAAA,EAAS,SACvB,GAAI,CAAA,aAAA,OACF,MAAM;AAEL,IAAA,MAAM,iBAAiB,OAAQ,CAAA,IAAA,CAAK,CAAC,GAAA,KAAQ,IAAI,eAAe,CAAA;AAEhE,IAAO,OAAA,cAAA,EAAgB,kCACpBA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAK,CAAG,EAAA,GAAA,CAAI,EAAE,CACtB,SAAA,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,GAAI,CAAA,eAAA,EAAkB,CAAA,MAAA;AAAA,QAC/B,SAAA,EAAW,EAAG,CAAA,2CAAA,EAA6C,mBAAmB;AAAA,OAAA;AAAA,sBAE7EA,cAAA,CAAA,aAAA,CAAA,MAAA,CAAO,GAAP,EAAA,EAAW,UAAU,iBAAmB,EAAA,OAAA,EAAQ,SAAU,EAAA,OAAA,EAAQ,WAAU,IAAK,EAAA,MAAA,EAAA,EAC/E,cAAe,CAAA,eAAA,CAAgB,GAAG,CACrC;AAAA,KAEJ,CACE,GAAA,IAAA;AAAA,MAEV,CACF,CACD,CAED,mBAAAA,cAAA,CAAA,aAAA,CAAC,gCACEA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAS,EAAA,OAAA,CAAQ,QAAQ,SAAU,EAAA,kBAAA,EAAA,EAAmB,aAEjE,CACF,CAEJ,CACF,CACF,CAAA;AAEJ;;;;"}