@ayasofyazilim/ui 0.0.0 → 0.0.1

package/dist/custom/tanstack-table/fields/tanstack-table-plain-table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-plain-table.tsx"],"sourcesContent":["\"use no memo\";\r\nimport {\r\n  ColumnDef,\r\n  flexRender,\r\n  Table as TableType,\r\n} from \"@tanstack/react-table\";\r\nimport { Fragment, JSX } from \"react\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from \"@repo/ayasofyazilim-ui/components/table\";\r\nimport { getCommonPinningStyles } from \"../utils\";\r\n\r\nexport function TanstackTablePlainTable<TData, TValue>({\r\n  table,\r\n  columns,\r\n  fillerColumn,\r\n  editable,\r\n  resizeable,\r\n  expandedRowComponent,\r\n}: {\r\n  columns: ColumnDef<TData, TValue>[];\r\n  fillerColumn?: keyof TData;\r\n  editable?: boolean;\r\n  expandedRowComponent?: (\r\n    row: TData,\r\n    toggleExpanded: () => void\r\n  ) => JSX.Element;\r\n  table: TableType<TData>;\r\n  resizeable?: boolean;\r\n}) {\r\n  return (\r\n    <Table style={{ width: table.getCenterTotalSize(), minWidth: \"100%\" }}>\r\n      <TableHeader>\r\n        {table.getHeaderGroups().map((headerGroup) => (\r\n          <TableRow key={headerGroup.id} className=\"group\">\r\n            {headerGroup.headers.map((header) => {\r\n              if (header.id === \"actions\") return null;\r\n              return (\r\n                <TableHead\r\n                  key={header.id}\r\n                  colSpan={header.colSpan}\r\n                  className={cn(\r\n                    \" relative group/th border-r border-gray-200\",\r\n                    header.column.getIsResizing() &&\r\n                      \"border-dashed border-black border-r\"\r\n                  )}\r\n                  style={{\r\n                    ...getCommonPinningStyles({\r\n                      column: header.column,\r\n                      withBorder: true,\r\n                      fillerColumn,\r\n                      resizeable,\r\n                    }),\r\n                  }}\r\n                >\r\n                  <div\r\n                    className={cn(\r\n                      header.column.getIsResizing() && \"resizing\",\r\n                      \"group-has-[.resizing]:pointer-events-none group-has-[.resizing]:select-none\"\r\n                    )}\r\n                  >\r\n                    {header.isPlaceholder\r\n                      ? null\r\n                      : flexRender(\r\n                          header.column.columnDef.header,\r\n                          header.getContext()\r\n                        )}\r\n                  </div>\r\n                  {resizeable && (\r\n                    <div\r\n                      onDoubleClick={() => header.column.resetSize()}\r\n                      onMouseDown={header.getResizeHandler()}\r\n                      onTouchStart={header.getResizeHandler()}\r\n                      role=\"button\"\r\n                      tabIndex={0}\r\n                      aria-label=\"Resize column\"\r\n                      className=\"resizer w-0.5 hidden group-hover:flex absolute right-0 bg-muted-foreground top-0 h-10 z-10 items-center cursor-col-resize select-none touch-none\"\r\n                    />\r\n                  )}\r\n                </TableHead>\r\n              );\r\n            })}\r\n          </TableRow>\r\n        ))}\r\n      </TableHeader>\r\n      <TableBody>\r\n        {table.getRowModel().rows?.length ? (\r\n          table.getRowModel().rows.map((row) => (\r\n            <Fragment key={row.id}>\r\n              <TableRow\r\n                data-state={row.getIsSelected() && \"selected\"}\r\n                className={cn(editable && \"[&>td:last-child]:border-r-0\")}\r\n              >\r\n                {row.getVisibleCells().map((cell) => (\r\n                  <TableCell\r\n                    key={cell.id}\r\n                    className={cn(\r\n                      (editable || cell.column.id === \"actions\") &&\r\n                        \"p-0 border border-b-0 border-r-0\"\r\n                    )}\r\n                    style={{\r\n                      ...getCommonPinningStyles({\r\n                        column: cell.column,\r\n                        fillerColumn,\r\n                        resizeable,\r\n                        withBorder: true,\r\n                      }),\r\n                    }}\r\n                  >\r\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                  </TableCell>\r\n                ))}\r\n              </TableRow>\r\n              {row.getIsExpanded() && expandedRowComponent && (\r\n                <TableRow>\r\n                  <TableCell colSpan={row.getAllCells().length}>\r\n                    {expandedRowComponent(\r\n                      row.original,\r\n                      row.getToggleExpandedHandler()\r\n                    )}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </Fragment>\r\n          ))\r\n        ) : (\r\n          <TableRow>\r\n            <TableCell colSpan={columns.length} className=\"h-auto text-center\">\r\n              No data results\r\n            </TableCell>\r\n          </TableRow>\r\n        )}\r\n      </TableBody>\r\n    </Table>\r\n  );\r\n}\r\n"],"mappings":";AA4CgB,SAiBE,KAjBF;AA3ChB;AAAA,EAEE;AAAA,OAEK;AACP,SAAS,gBAAqB;AAC9B,SAAS,UAAU;AACnB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,8BAA8B;AAEhC,SAAS,wBAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAUG;AACD,SACE,qBAAC,SAAM,OAAO,EAAE,OAAO,MAAM,mBAAmB,GAAG,UAAU,OAAO,GAClE;AAAA,wBAAC,eACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,YAA8B,WAAU,SACtC,sBAAY,QAAQ,IAAI,CAAC,WAAW;AACnC,UAAI,OAAO,OAAO,UAAW,QAAO;AACpC,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,SAAS,OAAO;AAAA,UAChB,WAAW;AAAA,YACT;AAAA,YACA,OAAO,OAAO,cAAc,KAC1B;AAAA,UACJ;AAAA,UACA,OAAO;AAAA,YACL,GAAG,uBAAuB;AAAA,cACxB,QAAQ,OAAO;AAAA,cACf,YAAY;AAAA,cACZ;AAAA,cACA;AAAA,YACF,CAAC;AAAA,UACH;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW;AAAA,kBACT,OAAO,OAAO,cAAc,KAAK;AAAA,kBACjC;AAAA,gBACF;AAAA,gBAEC,iBAAO,gBACJ,OACA;AAAA,kBACE,OAAO,OAAO,UAAU;AAAA,kBACxB,OAAO,WAAW;AAAA,gBACpB;AAAA;AAAA,YACN;AAAA,YACC,cACC;AAAA,cAAC;AAAA;AAAA,gBACC,eAAe,MAAM,OAAO,OAAO,UAAU;AAAA,gBAC7C,aAAa,OAAO,iBAAiB;AAAA,gBACrC,cAAc,OAAO,iBAAiB;AAAA,gBACtC,MAAK;AAAA,gBACL,UAAU;AAAA,gBACV,cAAW;AAAA,gBACX,WAAU;AAAA;AAAA,YACZ;AAAA;AAAA;AAAA,QAtCG,OAAO;AAAA,MAwCd;AAAA,IAEJ,CAAC,KA/CY,YAAY,EAgD3B,CACD,GACH;AAAA,IACA,oBAAC,aACE,gBAAM,YAAY,EAAE,MAAM,SACzB,MAAM,YAAY,EAAE,KAAK,IAAI,CAAC,QAC5B,qBAAC,YACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY,IAAI,cAAc,KAAK;AAAA,UACnC,WAAW,GAAG,YAAY,8BAA8B;AAAA,UAEvD,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAC1B;AAAA,YAAC;AAAA;AAAA,cAEC,WAAW;AAAA,iBACR,YAAY,KAAK,OAAO,OAAO,cAC9B;AAAA,cACJ;AAAA,cACA,OAAO;AAAA,gBACL,GAAG,uBAAuB;AAAA,kBACxB,QAAQ,KAAK;AAAA,kBACb;AAAA,kBACA;AAAA,kBACA,YAAY;AAAA,gBACd,CAAC;AAAA,cACH;AAAA,cAEC,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,YAdpD,KAAK;AAAA,UAeZ,CACD;AAAA;AAAA,MACH;AAAA,MACC,IAAI,cAAc,KAAK,wBACtB,oBAAC,YACC,8BAAC,aAAU,SAAS,IAAI,YAAY,EAAE,QACnC;AAAA,QACC,IAAI;AAAA,QACJ,IAAI,yBAAyB;AAAA,MAC/B,GACF,GACF;AAAA,SAjCW,IAAI,EAmCnB,CACD,IAED,oBAAC,YACC,8BAAC,aAAU,SAAS,QAAQ,QAAQ,WAAU,sBAAqB,6BAEnE,GACF,GAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions-confirmation.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader } from "lucide-react";
+import * as React from "react";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@repo/ayasofyazilim-ui/components/dialog";
+function TanstackTableConfirmationDialog({
+  row,
+  title,
+  confirmationText,
+  onCancel,
+  onConfirm,
+  cancelText,
+  description,
+  setDialogOpen
+}) {
+  const dialogTitle = typeof title === "function" ? title(row) : title;
+  const [isDeletePending, startDeleteTransition] = React.useTransition();
+  const handleOnConfirmClick = () => {
+    startDeleteTransition(() => {
+      onConfirm(row);
+      setDialogOpen();
+    });
+  };
+  const handleOnCancelClick = () => {
+    startDeleteTransition(() => {
+      onCancel?.(row);
+      setDialogOpen();
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:space-x-0", children: [
+      /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleOnCancelClick, children: cancelText }) }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          "aria-label": confirmationText,
+          variant: "destructive",
+          onClick: handleOnConfirmClick,
+          disabled: isDeletePending,
+          children: [
+            isDeletePending && /* @__PURE__ */ jsx(Loader, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" }),
+            confirmationText
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  TanstackTableConfirmationDialog
+};
+//# sourceMappingURL=tanstack-table-row-actions-confirmation.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions-confirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-row-actions-confirmation.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Loader } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogDescription,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/dialog\";\r\nimport { TanstackTableRowActionsConfirmationDialog } from \"../types\";\r\n\r\ntype TanstackTableConfirmationDialogProps<TData> = {\r\n  row: TData;\r\n  setDialogOpen: () => void;\r\n} & TanstackTableRowActionsConfirmationDialog<TData>;\r\nexport function TanstackTableConfirmationDialog<TData>({\r\n  row,\r\n  title,\r\n  confirmationText,\r\n  onCancel,\r\n  onConfirm,\r\n  cancelText,\r\n  description,\r\n  setDialogOpen,\r\n}: TanstackTableConfirmationDialogProps<TData>) {\r\n  const dialogTitle = typeof title === \"function\" ? title(row) : title;\r\n\r\n  const [isDeletePending, startDeleteTransition] = React.useTransition();\r\n\r\n  const handleOnConfirmClick = () => {\r\n    startDeleteTransition(() => {\r\n      onConfirm(row);\r\n      setDialogOpen();\r\n    });\r\n  };\r\n  const handleOnCancelClick = () => {\r\n    startDeleteTransition(() => {\r\n      onCancel?.(row);\r\n      setDialogOpen();\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Dialog open onOpenChange={setDialogOpen}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{dialogTitle}</DialogTitle>\r\n          <DialogDescription>{description}</DialogDescription>\r\n        </DialogHeader>\r\n        <DialogFooter className=\"gap-2 sm:space-x-0\">\r\n          <DialogClose asChild>\r\n            <Button variant=\"outline\" onClick={handleOnCancelClick}>\r\n              {cancelText}\r\n            </Button>\r\n          </DialogClose>\r\n          <Button\r\n            aria-label={confirmationText}\r\n            variant=\"destructive\"\r\n            onClick={handleOnConfirmClick}\r\n            disabled={isDeletePending}\r\n          >\r\n            {isDeletePending && (\r\n              <Loader className=\"mr-2 size-4 animate-spin\" aria-hidden=\"true\" />\r\n            )}\r\n            {confirmationText}\r\n          </Button>\r\n        </DialogFooter>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAmDQ,SACE,KADF;AAjDR,SAAS,cAAc;AACvB,YAAY,WAAW;AAEvB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,SAAS,gCAAuC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAgD;AAC9C,QAAM,cAAc,OAAO,UAAU,aAAa,MAAM,GAAG,IAAI;AAE/D,QAAM,CAAC,iBAAiB,qBAAqB,IAAI,MAAM,cAAc;AAErE,QAAM,uBAAuB,MAAM;AACjC,0BAAsB,MAAM;AAC1B,gBAAU,GAAG;AACb,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB,MAAM;AAChC,0BAAsB,MAAM;AAC1B,iBAAW,GAAG;AACd,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAO,MAAI,MAAC,cAAc,eACzB,+BAAC,iBACC;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAa,uBAAY;AAAA,MAC1B,oBAAC,qBAAmB,uBAAY;AAAA,OAClC;AAAA,IACA,qBAAC,gBAAa,WAAU,sBACtB;AAAA,0BAAC,eAAY,SAAO,MAClB,8BAAC,UAAO,SAAQ,WAAU,SAAS,qBAChC,sBACH,GACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,cAAY;AAAA,UACZ,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,UAET;AAAA,+BACC,oBAAC,UAAO,WAAU,4BAA2B,eAAY,QAAO;AAAA,YAEjE;AAAA;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions-custom-dialog.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader } from "lucide-react";
+import * as React from "react";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@repo/ayasofyazilim-ui/components/dialog";
+function TanstackTableCustomDialog({
+  row,
+  title,
+  confirmationText,
+  onCancel,
+  onConfirm,
+  cancelText,
+  content,
+  setDialogOpen
+}) {
+  const [isDeletePending, startDeleteTransition] = React.useTransition();
+  const dialogTitle = typeof title === "function" ? title(row) : title;
+  const jsxContent = typeof content === "function" ? content(row, setDialogOpen) : content;
+  const handleOnConfirmClick = () => {
+    startDeleteTransition(() => {
+      onConfirm?.(row);
+      setDialogOpen();
+    });
+  };
+  const handleOnCancelClick = () => {
+    startDeleteTransition(() => {
+      onCancel?.(row);
+      setDialogOpen();
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogTitle }) }),
+    jsxContent,
+    (cancelText || confirmationText) && /* @__PURE__ */ jsxs(DialogFooter, { className: "gap-2 sm:space-x-0", children: [
+      cancelText && /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleOnCancelClick, children: cancelText }) }),
+      confirmationText && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          "aria-label": confirmationText,
+          variant: "destructive",
+          onClick: handleOnConfirmClick,
+          disabled: isDeletePending,
+          children: [
+            isDeletePending && /* @__PURE__ */ jsx(
+              Loader,
+              {
+                className: "mr-2 size-4 animate-spin",
+                "aria-hidden": "true"
+              }
+            ),
+            confirmationText
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  TanstackTableCustomDialog
+};
+//# sourceMappingURL=tanstack-table-row-actions-custom-dialog.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions-custom-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-row-actions-custom-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Loader } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/dialog\";\r\nimport { TanstackTableRowActionsCustomDialog } from \"../types\";\r\n\r\ntype TanstackTableCustomDialogProps<TData> = {\r\n  row: TData;\r\n  setDialogOpen: () => void;\r\n} & TanstackTableRowActionsCustomDialog<TData>;\r\nexport function TanstackTableCustomDialog<TData>({\r\n  row,\r\n  title,\r\n  confirmationText,\r\n  onCancel,\r\n  onConfirm,\r\n  cancelText,\r\n  content,\r\n  setDialogOpen,\r\n}: TanstackTableCustomDialogProps<TData>) {\r\n  const [isDeletePending, startDeleteTransition] = React.useTransition();\r\n\r\n  const dialogTitle = typeof title === \"function\" ? title(row) : title;\r\n  const jsxContent =\r\n    typeof content === \"function\" ? content(row, setDialogOpen) : content;\r\n\r\n  const handleOnConfirmClick = () => {\r\n    startDeleteTransition(() => {\r\n      onConfirm?.(row);\r\n      setDialogOpen();\r\n    });\r\n  };\r\n  const handleOnCancelClick = () => {\r\n    startDeleteTransition(() => {\r\n      onCancel?.(row);\r\n      setDialogOpen();\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Dialog open onOpenChange={setDialogOpen}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{dialogTitle}</DialogTitle>\r\n        </DialogHeader>\r\n        {jsxContent}\r\n        {(cancelText || confirmationText) && (\r\n          <DialogFooter className=\"gap-2 sm:space-x-0\">\r\n            {cancelText && (\r\n              <DialogClose asChild>\r\n                <Button variant=\"outline\" onClick={handleOnCancelClick}>\r\n                  {cancelText}\r\n                </Button>\r\n              </DialogClose>\r\n            )}\r\n            {confirmationText && (\r\n              <Button\r\n                aria-label={confirmationText}\r\n                variant=\"destructive\"\r\n                onClick={handleOnConfirmClick}\r\n                disabled={isDeletePending}\r\n              >\r\n                {isDeletePending && (\r\n                  <Loader\r\n                    className=\"mr-2 size-4 animate-spin\"\r\n                    aria-hidden=\"true\"\r\n                  />\r\n                )}\r\n                {confirmationText}\r\n              </Button>\r\n            )}\r\n          </DialogFooter>\r\n        )}\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAqDU,cAaI,YAbJ;AAnDV,SAAS,cAAc;AACvB,YAAY,WAAW;AAEvB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAOA,SAAS,0BAAiC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0C;AACxC,QAAM,CAAC,iBAAiB,qBAAqB,IAAI,MAAM,cAAc;AAErE,QAAM,cAAc,OAAO,UAAU,aAAa,MAAM,GAAG,IAAI;AAC/D,QAAM,aACJ,OAAO,YAAY,aAAa,QAAQ,KAAK,aAAa,IAAI;AAEhE,QAAM,uBAAuB,MAAM;AACjC,0BAAsB,MAAM;AAC1B,kBAAY,GAAG;AACf,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB,MAAM;AAChC,0BAAsB,MAAM;AAC1B,iBAAW,GAAG;AACd,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAO,MAAI,MAAC,cAAc,eACzB,+BAAC,iBACC;AAAA,wBAAC,gBACC,8BAAC,eAAa,uBAAY,GAC5B;AAAA,IACC;AAAA,KACC,cAAc,qBACd,qBAAC,gBAAa,WAAU,sBACrB;AAAA,oBACC,oBAAC,eAAY,SAAO,MAClB,8BAAC,UAAO,SAAQ,WAAU,SAAS,qBAChC,sBACH,GACF;AAAA,MAED,oBACC;AAAA,QAAC;AAAA;AAAA,UACC,cAAY;AAAA,UACZ,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,UAAU;AAAA,UAET;AAAA,+BACC;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,eAAY;AAAA;AAAA,YACd;AAAA,YAED;AAAA;AAAA;AAAA,MACH;AAAA,OAEJ;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions.js

@@ -0,0 +1,119 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown, ArrowUp, Copy, Trash2 } from "lucide-react";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "@repo/ayasofyazilim-ui/components/dropdown-menu";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+const TanstackTableRowActions = ({
+  row,
+  setRowAction,
+  actions,
+  table
+}) => {
+  const availableActions = actions.filter(
+    (i) => !i.condition || i.condition && i.condition?.(row.original)
+  );
+  if (availableActions.length === 0) return null;
+  if (availableActions.length === 1) {
+    return /* @__PURE__ */ jsx(
+      ActionButton,
+      {
+        action: availableActions[0],
+        className: "h-9 justify-center rounded-none",
+        setRowAction,
+        table,
+        row
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { className: "w-full justify-start", asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        type: "button",
+        className: "flex bg-background rounded-none",
+        children: [
+          "Actions",
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Open Menu" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align: "end", children: availableActions.map((action) => {
+      if (action.condition && !action.condition?.(row.original))
+        return null;
+      if (action.type === "move-row-down" && row.index === table.getRowCount() - 1 || action.type === "move-row-up" && row.index === 0)
+        return null;
+      return /* @__PURE__ */ jsx(DropdownMenuItem, { children: /* @__PURE__ */ jsx(
+        ActionButton,
+        {
+          action,
+          table,
+          row,
+          setRowAction
+        }
+      ) }, action.cta);
+    }) })
+  ] });
+};
+function ActionButton({
+  row,
+  setRowAction,
+  table,
+  action,
+  className
+}) {
+  function handleOnActionClick(action2) {
+    if (action2.type === "simple") {
+      action2.onClick(row.original);
+      return;
+    }
+    if (action2.type === "delete-row") {
+      table.options.meta?.removeRow(row.index, "", null);
+      return;
+    }
+    if (action2.type === "duplicate-row") {
+      table.options.meta?.duplicateRow(row.index + 1, row.original);
+      return;
+    }
+    if (action2.type === "move-row-up") {
+      table.options.meta?.orderRow(row.index, row.index - 1);
+      return;
+    }
+    if (action2.type === "move-row-down") {
+      table.options.meta?.orderRow(row.index, row.index + 1);
+      return;
+    }
+    setRowAction({ ...action2, row: row.original });
+  }
+  if (action.type === "move-row-down" && row.index === table.getRowCount() - 1)
+    return null;
+  if (action.type === "move-row-up" && row.index === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      type: "button",
+      className: cn("justify-start w-full", className),
+      onClick: () => handleOnActionClick(action),
+      children: [
+        action.icon && /* @__PURE__ */ jsx(action.icon, { className: "w-4 h-4" }),
+        !action.icon && action.type === "move-row-down" && /* @__PURE__ */ jsx(ArrowDown, { className: "w-4 h-4" }),
+        !action.icon && action.type === "move-row-up" && /* @__PURE__ */ jsx(ArrowUp, { className: "w-4 h-4" }),
+        !action.icon && action.type === "duplicate-row" && /* @__PURE__ */ jsx(Copy, { className: "w-4 h-4" }),
+        !action.icon && action.type === "delete-row" && /* @__PURE__ */ jsx(Trash2, { className: "w-4 h-4" }),
+        /* @__PURE__ */ jsx("span", { className: "md:ml-2 in-data-[slot=dropdown-menu-item]:block hidden md:block", children: action.cta })
+      ]
+    }
+  );
+}
+export {
+  TanstackTableRowActions
+};
+//# sourceMappingURL=tanstack-table-row-actions.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-row-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-row-actions.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ArrowDown, ArrowUp, Copy, Trash2 } from \"lucide-react\";\r\nimport { Row, Table } from \"@tanstack/react-table\";\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  DropdownMenu,\r\n  DropdownMenuContent,\r\n  DropdownMenuItem,\r\n  DropdownMenuTrigger,\r\n} from \"@repo/ayasofyazilim-ui/components/dropdown-menu\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\nimport { TanstackTableRowActionsType } from \"../types\";\r\n\r\ninterface TanstackTableRowActionsProps<TData> {\r\n  actions: TanstackTableRowActionsType<TData>[];\r\n  row: Row<TData>;\r\n  setRowAction: (\r\n    actions: TanstackTableRowActionsType<TData> & { row: TData }\r\n  ) => void;\r\n  table: Table<TData>;\r\n}\r\n\r\nexport const TanstackTableRowActions = <TData,>({\r\n  row,\r\n  setRowAction,\r\n  actions,\r\n  table,\r\n}: TanstackTableRowActionsProps<TData>) => {\r\n  const availableActions = actions.filter(\r\n    (i) => !i.condition || (i.condition && i.condition?.(row.original))\r\n  );\r\n  if (availableActions.length === 0) return null;\r\n\r\n  if (availableActions.length === 1) {\r\n    return (\r\n      <ActionButton\r\n        action={availableActions[0] as TanstackTableRowActionsType<TData>}\r\n        className=\"h-9 justify-center rounded-none\"\r\n        setRowAction={setRowAction}\r\n        table={table}\r\n        row={row}\r\n      />\r\n    );\r\n  }\r\n  return (\r\n    <DropdownMenu>\r\n      <DropdownMenuTrigger className=\"w-full justify-start\" asChild>\r\n        <Button\r\n          variant=\"ghost\"\r\n          type=\"button\"\r\n          className=\"flex bg-background rounded-none\"\r\n        >\r\n          Actions\r\n          <span className=\"sr-only\">Open Menu</span>\r\n        </Button>\r\n      </DropdownMenuTrigger>\r\n      <DropdownMenuContent align=\"end\">\r\n        {availableActions.map((action) => {\r\n          if (action.condition && !action.condition?.(row.original))\r\n            return null;\r\n          if (\r\n            (action.type === \"move-row-down\" &&\r\n              row.index === table.getRowCount() - 1) ||\r\n            (action.type === \"move-row-up\" && row.index === 0)\r\n          )\r\n            return null;\r\n          return (\r\n            <DropdownMenuItem key={action.cta}>\r\n              <ActionButton\r\n                action={action}\r\n                table={table}\r\n                row={row}\r\n                setRowAction={setRowAction}\r\n              />\r\n            </DropdownMenuItem>\r\n          );\r\n        })}\r\n      </DropdownMenuContent>\r\n    </DropdownMenu>\r\n  );\r\n};\r\n\r\nfunction ActionButton<TData>({\r\n  row,\r\n  setRowAction,\r\n  table,\r\n  action,\r\n  className,\r\n}: {\r\n  action: TanstackTableRowActionsType<TData>;\r\n  className?: string;\r\n  row: Row<TData>;\r\n  setRowAction: (\r\n    actions: TanstackTableRowActionsType<TData> & { row: TData }\r\n  ) => void;\r\n  table: Table<TData>;\r\n}) {\r\n  function handleOnActionClick(action: TanstackTableRowActionsType<TData>) {\r\n    if (action.type === \"simple\") {\r\n      action.onClick(row.original);\r\n      return;\r\n    }\r\n    if (action.type === \"delete-row\") {\r\n      table.options.meta?.removeRow(row.index, \"\", null);\r\n      return;\r\n    }\r\n    if (action.type === \"duplicate-row\") {\r\n      table.options.meta?.duplicateRow(row.index + 1, row.original);\r\n      return;\r\n    }\r\n    if (action.type === \"move-row-up\") {\r\n      table.options.meta?.orderRow(row.index, row.index - 1);\r\n      return;\r\n    }\r\n    if (action.type === \"move-row-down\") {\r\n      table.options.meta?.orderRow(row.index, row.index + 1);\r\n      return;\r\n    }\r\n    setRowAction({ ...action, row: row.original });\r\n  }\r\n  if (action.type === \"move-row-down\" && row.index === table.getRowCount() - 1)\r\n    return null;\r\n  if (action.type === \"move-row-up\" && row.index === 0) return null;\r\n  return (\r\n    <Button\r\n      variant=\"ghost\"\r\n      size=\"sm\"\r\n      type=\"button\"\r\n      className={cn(\"justify-start w-full\", className)}\r\n      onClick={() => handleOnActionClick(action)}\r\n    >\r\n      {action.icon && <action.icon className=\"w-4 h-4\" />}\r\n      {!action.icon && action.type === \"move-row-down\" && (\r\n        <ArrowDown className=\"w-4 h-4\" />\r\n      )}\r\n      {!action.icon && action.type === \"move-row-up\" && (\r\n        <ArrowUp className=\"w-4 h-4\" />\r\n      )}\r\n      {!action.icon && action.type === \"duplicate-row\" && (\r\n        <Copy className=\"w-4 h-4\" />\r\n      )}\r\n      {!action.icon && action.type === \"delete-row\" && (\r\n        <Trash2 className=\"w-4 h-4\" />\r\n      )}\r\n      <span className=\"md:ml-2 in-data-[slot=dropdown-menu-item]:block hidden md:block\">\r\n        {action.cta}\r\n      </span>\r\n    </Button>\r\n  );\r\n}\r\n"],"mappings":"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","names":["action"]}

package/dist/custom/tanstack-table/fields/tanstack-table-table-actions-custom-dialog.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader } from "lucide-react";
+import * as React from "react";
+import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@repo/ayasofyazilim-ui/components/dialog";
+import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+function TanstackTableTableCustomDialog({
+  title,
+  confirmationText,
+  onCancel,
+  onConfirm,
+  cancelText,
+  content,
+  setDialogOpen,
+  dialogClassNames
+}) {
+  const [isDeletePending, startDeleteTransition] = React.useTransition();
+  const jsxContent = typeof content === "function" ? content(setDialogOpen) : content;
+  const handleOnConfirmClick = () => {
+    startDeleteTransition(() => {
+      onConfirm?.();
+      setDialogOpen();
+    });
+  };
+  const handleOnCancelClick = () => {
+    startDeleteTransition(() => {
+      onCancel?.();
+      setDialogOpen();
+    });
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: dialogClassNames?.content, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { className: dialogClassNames?.header, children: /* @__PURE__ */ jsx(DialogTitle, { className: dialogClassNames?.title, children: title }) }),
+    jsxContent,
+    (confirmationText || cancelText) && /* @__PURE__ */ jsxs(
+      DialogFooter,
+      {
+        className: cn("gap-2 sm:space-x-0", dialogClassNames?.footer),
+        children: [
+          cancelText && /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleOnCancelClick, children: cancelText }) }),
+          confirmationText && /* @__PURE__ */ jsxs(
+            Button,
+            {
+              "aria-label": confirmationText,
+              variant: "destructive",
+              onClick: handleOnConfirmClick,
+              disabled: isDeletePending,
+              children: [
+                isDeletePending && /* @__PURE__ */ jsx(
+                  Loader,
+                  {
+                    className: "mr-2 size-4 animate-spin",
+                    "aria-hidden": "true"
+                  }
+                ),
+                confirmationText
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
+export {
+  TanstackTableTableCustomDialog
+};
+//# sourceMappingURL=tanstack-table-table-actions-custom-dialog.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-table-actions-custom-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-table-actions-custom-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Loader } from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport { Button } from \"@repo/ayasofyazilim-ui/components/button\";\r\nimport {\r\n  Dialog,\r\n  DialogClose,\r\n  DialogContent,\r\n  DialogFooter,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/dialog\";\r\nimport { TanstackTableActionsCustomDialog } from \"../types\";\r\nimport { cn } from \"@repo/ayasofyazilim-ui/lib/utils\";\r\n\r\ntype TanstackTableCustomDialogProps = {\r\n  setDialogOpen: () => void;\r\n} & TanstackTableActionsCustomDialog;\r\nexport function TanstackTableTableCustomDialog({\r\n  title,\r\n  confirmationText,\r\n  onCancel,\r\n  onConfirm,\r\n  cancelText,\r\n  content,\r\n  setDialogOpen,\r\n  dialogClassNames,\r\n}: TanstackTableCustomDialogProps) {\r\n  const [isDeletePending, startDeleteTransition] = React.useTransition();\r\n\r\n  const jsxContent =\r\n    typeof content === \"function\" ? content(setDialogOpen) : content;\r\n\r\n  const handleOnConfirmClick = () => {\r\n    startDeleteTransition(() => {\r\n      onConfirm?.();\r\n      setDialogOpen();\r\n    });\r\n  };\r\n  const handleOnCancelClick = () => {\r\n    startDeleteTransition(() => {\r\n      onCancel?.();\r\n      setDialogOpen();\r\n    });\r\n  };\r\n\r\n  return (\r\n    <Dialog open onOpenChange={setDialogOpen}>\r\n      <DialogContent className={dialogClassNames?.content}>\r\n        <DialogHeader className={dialogClassNames?.header}>\r\n          <DialogTitle className={dialogClassNames?.title}>{title}</DialogTitle>\r\n        </DialogHeader>\r\n        {jsxContent}\r\n        {(confirmationText || cancelText) && (\r\n          <DialogFooter\r\n            className={cn(\"gap-2 sm:space-x-0\", dialogClassNames?.footer)}\r\n          >\r\n            {cancelText && (\r\n              <DialogClose asChild>\r\n                <Button variant=\"outline\" onClick={handleOnCancelClick}>\r\n                  {cancelText}\r\n                </Button>\r\n              </DialogClose>\r\n            )}\r\n            {confirmationText && (\r\n              <Button\r\n                aria-label={confirmationText}\r\n                variant=\"destructive\"\r\n                onClick={handleOnConfirmClick}\r\n                disabled={isDeletePending}\r\n              >\r\n                {isDeletePending && (\r\n                  <Loader\r\n                    className=\"mr-2 size-4 animate-spin\"\r\n                    aria-hidden=\"true\"\r\n                  />\r\n                )}\r\n                {confirmationText}\r\n              </Button>\r\n            )}\r\n          </DialogFooter>\r\n        )}\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AAoDU,cAeI,YAfJ;AAlDV,SAAS,cAAc;AACvB,YAAY,WAAW;AAEvB,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AAKZ,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAmC;AACjC,QAAM,CAAC,iBAAiB,qBAAqB,IAAI,MAAM,cAAc;AAErE,QAAM,aACJ,OAAO,YAAY,aAAa,QAAQ,aAAa,IAAI;AAE3D,QAAM,uBAAuB,MAAM;AACjC,0BAAsB,MAAM;AAC1B,kBAAY;AACZ,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB,MAAM;AAChC,0BAAsB,MAAM;AAC1B,iBAAW;AACX,oBAAc;AAAA,IAChB,CAAC;AAAA,EACH;AAEA,SACE,oBAAC,UAAO,MAAI,MAAC,cAAc,eACzB,+BAAC,iBAAc,WAAW,kBAAkB,SAC1C;AAAA,wBAAC,gBAAa,WAAW,kBAAkB,QACzC,8BAAC,eAAY,WAAW,kBAAkB,OAAQ,iBAAM,GAC1D;AAAA,IACC;AAAA,KACC,oBAAoB,eACpB;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,sBAAsB,kBAAkB,MAAM;AAAA,QAE3D;AAAA,wBACC,oBAAC,eAAY,SAAO,MAClB,8BAAC,UAAO,SAAQ,WAAU,SAAS,qBAChC,sBACH,GACF;AAAA,UAED,oBACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAY;AAAA,cACZ,SAAQ;AAAA,cACR,SAAS;AAAA,cACT,UAAU;AAAA,cAET;AAAA,mCACC;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,eAAY;AAAA;AAAA,gBACd;AAAA,gBAED;AAAA;AAAA;AAAA,UACH;AAAA;AAAA;AAAA,IAEJ;AAAA,KAEJ,GACF;AAEJ;","names":[]}

package/dist/custom/tanstack-table/fields/tanstack-table-table-actions-schemaform-dialog.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle
+} from "@repo/ayasofyazilim-ui/components/dialog";
+import { SchemaForm } from "@repo/ayasofyazilim-ui/custom/schema-form";
+import { useCallback, useState } from "react";
+function TanstackTableTableSchemaFormDialog(props) {
+  const { title, setDialogOpen, onSubmit } = props;
+  const [formData, setFormData] = useState(props.formData);
+  const handleFormChange = useCallback(
+    ({ formData: editedFormData }) => {
+      if (editedFormData) {
+        setFormData(editedFormData);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(Dialog, { open: true, onOpenChange: setDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+    /* @__PURE__ */ jsx(
+      SchemaForm,
+      {
+        ...props,
+        formData,
+        onChange: handleFormChange,
+        onSubmit: ({ formData: editedFormData }) => {
+          onSubmit(editedFormData);
+          setDialogOpen();
+        }
+      }
+    )
+  ] }) });
+}
+export {
+  TanstackTableTableSchemaFormDialog
+};
+//# sourceMappingURL=tanstack-table-table-actions-schemaform-dialog.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-table-actions-schemaform-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-table-actions-schemaform-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {\r\n  Dialog,\r\n  DialogContent,\r\n  DialogHeader,\r\n  DialogTitle,\r\n} from \"@repo/ayasofyazilim-ui/components/dialog\";\r\nimport { SchemaForm } from \"@repo/ayasofyazilim-ui/custom/schema-form\";\r\nimport { TanstackTableActionsSchemaFormDialog } from \"../types\";\r\nimport { useCallback, useState } from \"react\";\r\n\r\ntype TanstackTableSchemaFormDialogProps<TData> = {\r\n  setDialogOpen: () => void;\r\n} & TanstackTableActionsSchemaFormDialog<TData>;\r\nexport function TanstackTableTableSchemaFormDialog<TData>(\r\n  props: TanstackTableSchemaFormDialogProps<TData>\r\n) {\r\n  const { title, setDialogOpen, onSubmit } = props;\r\n  const [formData, setFormData] = useState<TData>(props.formData as TData);\r\n  const handleFormChange = useCallback(\r\n    ({ formData: editedFormData }: { formData?: TData }) => {\r\n      if (editedFormData) {\r\n        setFormData(editedFormData);\r\n      }\r\n    },\r\n    []\r\n  );\r\n  return (\r\n    <Dialog open onOpenChange={setDialogOpen}>\r\n      <DialogContent>\r\n        <DialogHeader>\r\n          <DialogTitle>{title}</DialogTitle>\r\n        </DialogHeader>\r\n        <SchemaForm<TData>\r\n          {...props}\r\n          formData={formData}\r\n          onChange={handleFormChange}\r\n          onSubmit={({ formData: editedFormData }) => {\r\n            onSubmit(editedFormData);\r\n            setDialogOpen();\r\n          }}\r\n        />\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n}\r\n"],"mappings":";AA8BM,SAEI,KAFJ;AA5BN;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAE3B,SAAS,aAAa,gBAAgB;AAK/B,SAAS,mCACd,OACA;AACA,QAAM,EAAE,OAAO,eAAe,SAAS,IAAI;AAC3C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAgB,MAAM,QAAiB;AACvE,QAAM,mBAAmB;AAAA,IACvB,CAAC,EAAE,UAAU,eAAe,MAA4B;AACtD,UAAI,gBAAgB;AAClB,oBAAY,cAAc;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC;AAAA,EACH;AACA,SACE,oBAAC,UAAO,MAAI,MAAC,cAAc,eACzB,+BAAC,iBACC;AAAA,wBAAC,gBACC,8BAAC,eAAa,iBAAM,GACtB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV,UAAU,CAAC,EAAE,UAAU,eAAe,MAAM;AAC1C,mBAAS,cAAc;AACvB,wBAAc;AAAA,QAChB;AAAA;AAAA,IACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/custom/tanstack-table/fields/tanstack-table-toolbar.js

@@ -0,0 +1,106 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { TanstackTableDateFilter } from "./tanstack-table-filter-date";
+import { TanstackTableFacetedFilter } from "./tanstack-table-filter-faceted";
+import { TanstackTableTextFilter } from "./tanstack-table-filter-text";
+import { TanstackTableViewOptions } from "./tanstack-table-view-options";
+import { Label } from "@repo/ayasofyazilim-ui/components/label";
+const TanstackTableToolbar = ({
+  title,
+  table,
+  filters,
+  tableData,
+  selectedRowAction,
+  tableActions,
+  setTableAction,
+  editable
+}) => {
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const params = new URLSearchParams(searchParams.toString());
+  const columnNames = table.getAllColumns().map((column) => column.id);
+  function onFilter(accessorKey, selectedValues) {
+    const newParams = new URLSearchParams(searchParams.toString());
+    if (selectedValues) {
+      newParams.set(accessorKey, selectedValues);
+    } else {
+      newParams.delete(accessorKey);
+    }
+    if (newParams.get(accessorKey) !== searchParams.get(accessorKey)) {
+      router.replace(`${pathname}?${newParams.toString()}`);
+    }
+  }
+  function onFilterMultiple(filter) {
+    const newParams = new URLSearchParams(searchParams.toString());
+    filter.forEach(({ accessorKey, selectedValues }) => {
+      if (selectedValues) {
+        newParams.set(accessorKey, selectedValues);
+      } else {
+        newParams.delete(accessorKey);
+      }
+    });
+    if (newParams.toString() !== searchParams.toString()) {
+      router.replace(`${pathname}?${newParams.toString()}`);
+    }
+  }
+  if (!editable && !tableActions && !title && !filters) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center justify-between p-px", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 h-full flex-wrap items-center gap-x-2", children: [
+      title && /* @__PURE__ */ jsx(Label, { className: "mt-auto text-slate-600", asChild: true, children: /* @__PURE__ */ jsx("p", { children: title }) }),
+      filters?.textFilters && filters.textFilters.map((accessorKey) => /* @__PURE__ */ jsx(
+        TanstackTableTextFilter,
+        {
+          title: filters?.filterTitles?.[accessorKey],
+          column: columnNames.includes(accessorKey) ? table.getColumn(accessorKey) : void 0,
+          accessorKey,
+          params,
+          onFilter: (accessorKey2, selectedValues) => onFilter(accessorKey2, selectedValues)
+        },
+        accessorKey
+      )),
+      filters?.dateFilters && filters.dateFilters.map((dateItem) => /* @__PURE__ */ jsx(
+        TanstackTableDateFilter,
+        {
+          accessorKey: dateItem.label,
+          column: columnNames.includes(dateItem.label) ? table.getColumn(dateItem.label) : void 0,
+          dateItem,
+          params,
+          onFilter: (accessorKey, selectedValues) => onFilter(accessorKey, selectedValues),
+          onFilterMultiple: (filter) => onFilterMultiple(filter)
+        },
+        dateItem.label
+      )),
+      filters?.facetedFilters && Object.keys(filters.facetedFilters)?.map((column) => /* @__PURE__ */ jsx(
+        TanstackTableFacetedFilter,
+        {
+          column: columnNames.includes(column) ? table.getColumn(column) : void 0,
+          accessorKey: column,
+          params,
+          onFilter: (accessorKey, selectedValues) => {
+            onFilter(accessorKey, selectedValues);
+          },
+          title: filters?.facetedFilters?.[column]?.title ?? column,
+          options: filters?.facetedFilters?.[column]?.options ?? []
+        },
+        column
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(
+      TanstackTableViewOptions,
+      {
+        table,
+        selectedRowAction,
+        tableActions,
+        setTableAction,
+        tableData,
+        editable
+      }
+    )
+  ] });
+};
+export {
+  TanstackTableToolbar
+};
+//# sourceMappingURL=tanstack-table-toolbar.js.map

package/dist/custom/tanstack-table/fields/tanstack-table-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/custom/tanstack-table/fields/tanstack-table-toolbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { Table } from \"@tanstack/react-table\";\r\nimport { usePathname, useRouter, useSearchParams } from \"next/navigation\";\r\nimport {\r\n  TanstackTableFiltersType,\r\n  TanstackTableSelectedRowActionType,\r\n  TanstackTableTableActionsType,\r\n} from \"../types\";\r\nimport { TanstackTableDateFilter } from \"./tanstack-table-filter-date\";\r\nimport { TanstackTableFacetedFilter } from \"./tanstack-table-filter-faceted\";\r\nimport { TanstackTableTextFilter } from \"./tanstack-table-filter-text\";\r\nimport { TanstackTableViewOptions } from \"./tanstack-table-view-options\";\r\nimport { Label } from \"@repo/ayasofyazilim-ui/components/label\";\r\n\r\ninterface TanstackTableToolbarProps<TData> {\r\n  title?: string;\r\n  editable?: boolean;\r\n  filters?: TanstackTableFiltersType;\r\n  selectedRowAction?: TanstackTableSelectedRowActionType<TData>;\r\n  setTableAction: (actions: TanstackTableTableActionsType<TData>) => void;\r\n  table: Table<TData>;\r\n  tableActions?: TanstackTableTableActionsType<TData>[];\r\n  tableData: TData[];\r\n}\r\n\r\nexport const TanstackTableToolbar = <TData,>({\r\n  title,\r\n  table,\r\n  filters,\r\n  tableData,\r\n  selectedRowAction,\r\n  tableActions,\r\n  setTableAction,\r\n  editable,\r\n}: TanstackTableToolbarProps<TData>) => {\r\n  const router = useRouter();\r\n  const pathname = usePathname();\r\n  const searchParams = useSearchParams();\r\n  const params = new URLSearchParams(searchParams.toString());\r\n  const columnNames = table.getAllColumns().map((column) => column.id);\r\n  function onFilter(accessorKey: string, selectedValues: string) {\r\n    const newParams = new URLSearchParams(searchParams.toString());\r\n    if (selectedValues) {\r\n      newParams.set(accessorKey, selectedValues);\r\n    } else {\r\n      newParams.delete(accessorKey);\r\n    }\r\n    if (newParams.get(accessorKey) !== searchParams.get(accessorKey)) {\r\n      router.replace(`${pathname}?${newParams.toString()}`);\r\n    }\r\n  }\r\n  function onFilterMultiple(\r\n    filter: { accessorKey: string; selectedValues: string }[]\r\n  ) {\r\n    const newParams = new URLSearchParams(searchParams.toString());\r\n    filter.forEach(({ accessorKey, selectedValues }) => {\r\n      if (selectedValues) {\r\n        newParams.set(accessorKey, selectedValues);\r\n      } else {\r\n        newParams.delete(accessorKey);\r\n      }\r\n    });\r\n    if (newParams.toString() !== searchParams.toString()) {\r\n      router.replace(`${pathname}?${newParams.toString()}`);\r\n    }\r\n  }\r\n  if (!editable && !tableActions && !title && !filters) return null;\r\n  return (\r\n    <div className=\"flex w-full items-center justify-between p-px\">\r\n      <div className=\"flex flex-1 h-full flex-wrap items-center gap-x-2\">\r\n        {title && (\r\n          <Label className=\"mt-auto text-slate-600\" asChild>\r\n            <p>{title}</p>\r\n          </Label>\r\n        )}\r\n        {filters?.textFilters &&\r\n          filters.textFilters.map((accessorKey) => (\r\n            <TanstackTableTextFilter\r\n              title={filters?.filterTitles?.[accessorKey]}\r\n              key={accessorKey}\r\n              column={\r\n                columnNames.includes(accessorKey)\r\n                  ? table.getColumn(accessorKey)\r\n                  : undefined\r\n              }\r\n              accessorKey={accessorKey}\r\n              params={params}\r\n              onFilter={(accessorKey, selectedValues) =>\r\n                onFilter(accessorKey, selectedValues)\r\n              }\r\n            />\r\n          ))}\r\n\r\n        {filters?.dateFilters &&\r\n          filters.dateFilters.map((dateItem) => (\r\n            <TanstackTableDateFilter\r\n              key={dateItem.label}\r\n              accessorKey={dateItem.label}\r\n              column={\r\n                columnNames.includes(dateItem.label)\r\n                  ? table.getColumn(dateItem.label)\r\n                  : undefined\r\n              }\r\n              dateItem={dateItem}\r\n              params={params}\r\n              onFilter={(accessorKey, selectedValues) =>\r\n                onFilter(accessorKey, selectedValues)\r\n              }\r\n              onFilterMultiple={(filter) => onFilterMultiple(filter)}\r\n            />\r\n          ))}\r\n\r\n        {filters?.facetedFilters &&\r\n          Object.keys(filters.facetedFilters)?.map((column) => (\r\n            <TanstackTableFacetedFilter\r\n              key={column}\r\n              column={\r\n                columnNames.includes(column)\r\n                  ? table.getColumn(column)\r\n                  : undefined\r\n              }\r\n              accessorKey={column}\r\n              params={params}\r\n              onFilter={(accessorKey, selectedValues) => {\r\n                onFilter(accessorKey, selectedValues);\r\n              }}\r\n              title={filters?.facetedFilters?.[column]?.title ?? column}\r\n              options={filters?.facetedFilters?.[column]?.options ?? []}\r\n            />\r\n          ))}\r\n      </div>\r\n      <TanstackTableViewOptions\r\n        table={table}\r\n        selectedRowAction={selectedRowAction}\r\n        tableActions={tableActions}\r\n        setTableAction={setTableAction}\r\n        tableData={tableData}\r\n        editable={editable}\r\n      />\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":"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","names":["accessorKey"]}