@ayasofyazilim/ui 0.0.1 → 0.0.2

package/src/custom/tab-layout.tsx

@@ -4,8 +4,8 @@ import { cva, VariantProps } from "class-variance-authority";
 import Link from "next/link";
 import { usePathname, useSearchParams } from "next/navigation";
 import { ComponentType, ReactNode, Suspense } from "react";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
-import { Skeleton } from "@repo/ayasofyazilim-ui/components/skeleton";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
+import { Skeleton } from "@ayasofyazilim/ui/components/skeleton";
 
 type DeepPartial<T> = T extends object
   ? {
@@ -83,7 +83,7 @@ const tabTriggerVariants = cva(
       orientation: "horizontal",
       variant: "default",
     },
-  }
+  },
 );
 
 const tabContentVariants = cva("", {
@@ -122,7 +122,7 @@ function findActiveTab(tabList: { href: string }[], path: string) {
     return tabList.find((i) => i.href === path)?.href;
   }
   return tabList.find(
-    (i) => i.href === path.split("/").slice(0, -indexOfActiveTab).join("/")
+    (i) => i.href === path.split("/").slice(0, -indexOfActiveTab).join("/"),
   )?.href;
 }
 
@@ -178,7 +178,7 @@ export function TabLayout({
             className={cn(
               tabTriggerClassNames,
               classNames?.[orientation]?.tabTrigger,
-              tab.disabled && "text-muted-foreground cursor-not-allowed"
+              tab.disabled && "text-muted-foreground cursor-not-allowed",
             )}
           >
             {tab.disabled ? (
@@ -201,7 +201,7 @@ export function TabLayout({
       <div
         className={cn(
           tabContentClassNames,
-          classNames?.[orientation]?.tabContent
+          classNames?.[orientation]?.tabContent,
         )}
       >
         <Suspense fallback={<Skeleton className="flex-1 size-full" />}>

package/src/custom/tanstack-table/fields/tanstack-table-column-header.tsx

@@ -2,17 +2,19 @@ import { ArrowDownIcon, ArrowUpIcon, ChevronsUpDownIcon } from "lucide-react";
 import { Column } from "@tanstack/react-table";
 
 import { HTMLAttributes } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@repo/ayasofyazilim-ui/components/dropdown-menu";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/dropdown-menu";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 
-interface TanstackTableColumnHeaderProps<TData, TValue>
-  extends HTMLAttributes<HTMLDivElement> {
+interface TanstackTableColumnHeaderProps<
+  TData,
+  TValue,
+> extends HTMLAttributes<HTMLDivElement> {
   column: Column<TData, TValue>;
   title: string;
 }

package/src/custom/tanstack-table/fields/tanstack-table-filter-date.tsx

@@ -2,19 +2,19 @@ import { CirclePlusIcon } from "lucide-react";
 import { Column } from "@tanstack/react-table";
 
 import { useEffect, useState } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
+} from "@ayasofyazilim/ui/components/popover";
+import { Separator } from "@ayasofyazilim/ui/components/separator";
 import { TanstackTableDateFilterType } from "../types";
 import {
   DatePicker,
   DateRangePicker,
-} from "@repo/ayasofyazilim-ui/custom/date-picker";
-import { DateRange } from "@repo/ayasofyazilim-ui/custom/date-picker/types";
+} from "@ayasofyazilim/ui/custom/date-picker";
+import { DateRange } from "@ayasofyazilim/ui/custom/date-picker/types";
 
 interface TanstackTableDateFilterProps<TData, TValue> {
   accessorKey: string;
@@ -25,7 +25,7 @@ interface TanstackTableDateFilterProps<TData, TValue> {
     filter: {
       accessorKey: string;
       selectedValues: string;
-    }[]
+    }[],
   ) => void;
   params: URLSearchParams;
 }
@@ -53,7 +53,7 @@ export function TanstackTableDateFilter<TData, TValue>({
         }
       : params?.get(dateItem.startAccessorKey)
         ? new Date(params?.get(dateItem.startAccessorKey) as string)
-        : undefined
+        : undefined,
   );
 
   useEffect(() => {

package/src/custom/tanstack-table/fields/tanstack-table-filter-faceted.tsx

@@ -2,8 +2,8 @@ import { CheckIcon, CirclePlusIcon } from "lucide-react";
 import { Column } from "@tanstack/react-table";
 
 import { useEffect, useState } from "react";
-import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Badge } from "@ayasofyazilim/ui/components/badge";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Command,
   CommandEmpty,
@@ -12,14 +12,14 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator,
-} from "@repo/ayasofyazilim-ui/components/command";
+} from "@ayasofyazilim/ui/components/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/popover";
+import { Separator } from "@ayasofyazilim/ui/components/separator";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { TanstackTableFacetedFilterType } from "../types";
 
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -41,7 +41,7 @@ export function TanstackTableFacetedFilter<TData, TValue>({
 }: DataTableFacetedFilterProps<TData, TValue>) {
   const facets = column?.getFacetedUniqueValues();
   const [selectedValues, setSelectedValues] = useState(
-    new Set(params?.get(accessorKey)?.split(",") || [])
+    new Set(params?.get(accessorKey)?.split(",") || []),
   );
   useEffect(() => {
     setSelectedValues(new Set(params?.get(accessorKey)?.split(",") || []));
@@ -104,7 +104,7 @@ export function TanstackTableFacetedFilter<TData, TValue>({
                       if (isSelected) {
                         current.splice(
                           current.findIndex((i) => i === option.value),
-                          1
+                          1,
                         );
                       } else {
                         current.push(option.value);
@@ -119,7 +119,7 @@ export function TanstackTableFacetedFilter<TData, TValue>({
                         "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
                         isSelected
                           ? "bg-primary text-primary-foreground"
-                          : "opacity-50 [&_svg]:invisible"
+                          : "opacity-50 [&_svg]:invisible",
                       )}
                     >
                       <CheckIcon className={cn("h-4 w-4")} />

package/src/custom/tanstack-table/fields/tanstack-table-filter-text.tsx

@@ -2,18 +2,15 @@ import { CirclePlusIcon } from "lucide-react";
 import { Column } from "@tanstack/react-table";
 
 import { useEffect, useState } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
-import {
-  Command,
-  CommandInput,
-} from "@repo/ayasofyazilim-ui/components/command";
+import { Button } from "@ayasofyazilim/ui/components/button";
+import { Command, CommandInput } from "@ayasofyazilim/ui/components/command";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@repo/ayasofyazilim-ui/components/popover";
-import { Separator } from "@repo/ayasofyazilim-ui/components/separator";
-import { useDebounce } from "@repo/ayasofyazilim-ui/hooks/use-debounce";
+} from "@ayasofyazilim/ui/components/popover";
+import { Separator } from "@ayasofyazilim/ui/components/separator";
+import { useDebounce } from "@ayasofyazilim/ui/hooks/use-debounce";
 
 interface TanstackTableTextFilterProps<TData, TValue> {
   accessorKey: string;

package/src/custom/tanstack-table/fields/tanstack-table-pagination.tsx

@@ -9,14 +9,14 @@ import { Table } from "@tanstack/react-table";
 
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useEffect } from "react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@repo/ayasofyazilim-ui/components/select";
+} from "@ayasofyazilim/ui/components/select";
 
 interface TanstackTablePaginationProps<TData> {
   pagination: {
@@ -27,7 +27,7 @@ interface TanstackTablePaginationProps<TData> {
 }
 
 export function TanstackTablePagination<TData>(
-  props: TanstackTablePaginationProps<TData>
+  props: TanstackTablePaginationProps<TData>,
 ) {
   const { table, pagination } = props;
   const { replace } = useRouter();
@@ -46,7 +46,7 @@ export function TanstackTablePagination<TData>(
     ) {
       params.set(
         "skipCount",
-        (pagination.pageIndex * pagination.pageSize).toString()
+        (pagination.pageIndex * pagination.pageSize).toString(),
       );
     }
     if (Number(params?.get("maxResultCount")) === 10) {

package/src/custom/tanstack-table/fields/tanstack-table-plain-table.tsx

@@ -5,7 +5,7 @@ import {
   Table as TableType,
 } from "@tanstack/react-table";
 import { Fragment, JSX } from "react";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import {
   Table,
   TableBody,
@@ -13,7 +13,7 @@ import {
   TableHead,
   TableHeader,
   TableRow,
-} from "@repo/ayasofyazilim-ui/components/table";
+} from "@ayasofyazilim/ui/components/table";
 import { getCommonPinningStyles } from "../utils";
 
 export function TanstackTablePlainTable<TData, TValue>({
@@ -29,7 +29,7 @@ export function TanstackTablePlainTable<TData, TValue>({
   editable?: boolean;
   expandedRowComponent?: (
     row: TData,
-    toggleExpanded: () => void
+    toggleExpanded: () => void,
   ) => JSX.Element;
   table: TableType<TData>;
   resizeable?: boolean;
@@ -48,7 +48,7 @@ export function TanstackTablePlainTable<TData, TValue>({
                   className={cn(
                     " relative group/th border-r border-gray-200",
                     header.column.getIsResizing() &&
-                      "border-dashed border-black border-r"
+                      "border-dashed border-black border-r",
                   )}
                   style={{
                     ...getCommonPinningStyles({
@@ -62,14 +62,14 @@ export function TanstackTablePlainTable<TData, TValue>({
                   <div
                     className={cn(
                       header.column.getIsResizing() && "resizing",
-                      "group-has-[.resizing]:pointer-events-none group-has-[.resizing]:select-none"
+                      "group-has-[.resizing]:pointer-events-none group-has-[.resizing]:select-none",
                     )}
                   >
                     {header.isPlaceholder
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext()
+                          header.getContext(),
                         )}
                   </div>
                   {resizeable && (
@@ -102,7 +102,7 @@ export function TanstackTablePlainTable<TData, TValue>({
                     key={cell.id}
                     className={cn(
                       (editable || cell.column.id === "actions") &&
-                        "p-0 border border-b-0 border-r-0"
+                        "p-0 border border-b-0 border-r-0",
                     )}
                     style={{
                       ...getCommonPinningStyles({
@@ -122,7 +122,7 @@ export function TanstackTablePlainTable<TData, TValue>({
                   <TableCell colSpan={row.getAllCells().length}>
                     {expandedRowComponent(
                       row.original,
-                      row.getToggleExpandedHandler()
+                      row.getToggleExpandedHandler(),
                     )}
                   </TableCell>
                 </TableRow>

package/src/custom/tanstack-table/fields/tanstack-table-row-actions-confirmation.tsx

@@ -3,7 +3,7 @@
 import { Loader } from "lucide-react";
 import * as React from "react";
 
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Dialog,
   DialogClose,
@@ -12,7 +12,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@repo/ayasofyazilim-ui/components/dialog";
+} from "@ayasofyazilim/ui/components/dialog";
 import { TanstackTableRowActionsConfirmationDialog } from "../types";
 
 type TanstackTableConfirmationDialogProps<TData> = {

package/src/custom/tanstack-table/fields/tanstack-table-row-actions-custom-dialog.tsx

@@ -3,7 +3,7 @@
 import { Loader } from "lucide-react";
 import * as React from "react";
 
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Dialog,
   DialogClose,
@@ -11,7 +11,7 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@repo/ayasofyazilim-ui/components/dialog";
+} from "@ayasofyazilim/ui/components/dialog";
 import { TanstackTableRowActionsCustomDialog } from "../types";
 
 type TanstackTableCustomDialogProps<TData> = {

package/src/custom/tanstack-table/fields/tanstack-table-row-actions.tsx

@@ -2,21 +2,21 @@
 
 import { ArrowDown, ArrowUp, Copy, Trash2 } from "lucide-react";
 import { Row, Table } from "@tanstack/react-table";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "@repo/ayasofyazilim-ui/components/dropdown-menu";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/dropdown-menu";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { TanstackTableRowActionsType } from "../types";
 
 interface TanstackTableRowActionsProps<TData> {
   actions: TanstackTableRowActionsType<TData>[];
   row: Row<TData>;
   setRowAction: (
-    actions: TanstackTableRowActionsType<TData> & { row: TData }
+    actions: TanstackTableRowActionsType<TData> & { row: TData },
   ) => void;
   table: Table<TData>;
 }
@@ -28,7 +28,7 @@ export const TanstackTableRowActions = <TData,>({
   table,
 }: TanstackTableRowActionsProps<TData>) => {
   const availableActions = actions.filter(
-    (i) => !i.condition || (i.condition && i.condition?.(row.original))
+    (i) => !i.condition || (i.condition && i.condition?.(row.original)),
   );
   if (availableActions.length === 0) return null;
 
@@ -92,7 +92,7 @@ function ActionButton<TData>({
   className?: string;
   row: Row<TData>;
   setRowAction: (
-    actions: TanstackTableRowActionsType<TData> & { row: TData }
+    actions: TanstackTableRowActionsType<TData> & { row: TData },
   ) => void;
   table: Table<TData>;
 }) {

package/src/custom/tanstack-table/fields/tanstack-table-table-actions-custom-dialog.tsx

@@ -3,7 +3,7 @@
 import { Loader } from "lucide-react";
 import * as React from "react";
 
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   Dialog,
   DialogClose,
@@ -11,9 +11,9 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle,
-} from "@repo/ayasofyazilim-ui/components/dialog";
+} from "@ayasofyazilim/ui/components/dialog";
 import { TanstackTableActionsCustomDialog } from "../types";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 
 type TanstackTableCustomDialogProps = {
   setDialogOpen: () => void;

package/src/custom/tanstack-table/fields/tanstack-table-table-actions-schemaform-dialog.tsx

@@ -5,8 +5,8 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle,
-} from "@repo/ayasofyazilim-ui/components/dialog";
-import { SchemaForm } from "@repo/ayasofyazilim-ui/custom/schema-form";
+} from "@ayasofyazilim/ui/components/dialog";
+import { SchemaForm } from "@ayasofyazilim/ui/custom/schema-form";
 import { TanstackTableActionsSchemaFormDialog } from "../types";
 import { useCallback, useState } from "react";
 
@@ -14,7 +14,7 @@ type TanstackTableSchemaFormDialogProps<TData> = {
   setDialogOpen: () => void;
 } & TanstackTableActionsSchemaFormDialog<TData>;
 export function TanstackTableTableSchemaFormDialog<TData>(
-  props: TanstackTableSchemaFormDialogProps<TData>
+  props: TanstackTableSchemaFormDialogProps<TData>,
 ) {
   const { title, setDialogOpen, onSubmit } = props;
   const [formData, setFormData] = useState<TData>(props.formData as TData);
@@ -24,7 +24,7 @@ export function TanstackTableTableSchemaFormDialog<TData>(
         setFormData(editedFormData);
       }
     },
-    []
+    [],
   );
   return (
     <Dialog open onOpenChange={setDialogOpen}>

package/src/custom/tanstack-table/fields/tanstack-table-toolbar.tsx

@@ -11,7 +11,7 @@ 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";
+import { Label } from "@ayasofyazilim/ui/components/label";
 
 interface TanstackTableToolbarProps<TData> {
   title?: string;
@@ -51,7 +51,7 @@ export const TanstackTableToolbar = <TData,>({
     }
   }
   function onFilterMultiple(
-    filter: { accessorKey: string; selectedValues: string }[]
+    filter: { accessorKey: string; selectedValues: string }[],
   ) {
     const newParams = new URLSearchParams(searchParams.toString());
     filter.forEach(({ accessorKey, selectedValues }) => {

package/src/custom/tanstack-table/fields/tanstack-table-view-options.tsx

@@ -4,12 +4,12 @@ import { DropdownMenuTrigger } from "@radix-ui/react-dropdown-menu";
 import { Table } from "@tanstack/react-table";
 
 import { ChevronDownIcon } from "lucide-react";
-import { Button } from "@repo/ayasofyazilim-ui/components/button";
+import { Button } from "@ayasofyazilim/ui/components/button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-} from "@repo/ayasofyazilim-ui/components/dropdown-menu";
+} from "@ayasofyazilim/ui/components/dropdown-menu";
 import {
   TanstackTableSelectedRowActionType,
   TanstackTableTableActionsType,
@@ -48,7 +48,7 @@ function TablePrimaryActionButton<TData>({
 function handleActionOnClick<TData>(
   table: Table<TData>,
   action: TanstackTableTableActionsType<TData>,
-  setRowAction: (actions: TanstackTableTableActionsType<TData>) => void
+  setRowAction: (actions: TanstackTableTableActionsType<TData>) => void,
 ) {
   if (action.type === "simple") {
     action.onClick();
@@ -63,7 +63,7 @@ function handleActionOnClick<TData>(
 }
 
 export function TanstackTableViewOptions<TData>(
-  props: TanstackTableViewOptionsProps<TData>
+  props: TanstackTableViewOptionsProps<TData>,
 ) {
   const {
     table,
@@ -77,7 +77,7 @@ export function TanstackTableViewOptions<TData>(
   // Filter actions based on condition, keeping backward compatibility
   const filteredActions =
     tableActions?.filter(
-      (action) => !action.condition || action.condition(tableData)
+      (action) => !action.condition || action.condition(tableData),
     ) ?? [];
 
   const primaryAction = filteredActions[0];

package/src/custom/tanstack-table/types/index.ts

@@ -1,4 +1,4 @@
-import { SchemaFormProps } from "@repo/ayasofyazilim-ui/custom/schema-form";
+import { SchemaFormProps } from "@ayasofyazilim/ui/custom/schema-form";
 import {
   ColumnDef,
   ColumnFiltersState,
@@ -42,7 +42,7 @@ export type TanstackBaseProps<TData, TValue> = {
   showPagination?: boolean;
   expandedRowComponent?: (
     row: TData,
-    toggleExpanded: () => void
+    toggleExpanded: () => void,
   ) => JSX.Element;
   fillerColumn?: keyof TData;
   editable: boolean;

package/src/custom/tanstack-table/utils/columns-by-row-data.tsx

@@ -2,9 +2,9 @@
 
 import { ColumnDef, Row } from "@tanstack/react-table";
 import Link from "next/link";
-import { Badge } from "@repo/ayasofyazilim-ui/components/badge";
-import { Checkbox } from "@repo/ayasofyazilim-ui/components/checkbox";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+import { Badge } from "@ayasofyazilim/ui/components/badge";
+import { Checkbox } from "@ayasofyazilim/ui/components/checkbox";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { tanstackTableCreateTitleWithLanguageData, testConditions } from ".";
 import DateTooltip, { Localization } from "../../date-tooltip";
 import { TanstackTableColumnHeader } from "../fields";
@@ -95,7 +95,7 @@ export function createCell<T>(props: {
               key={item.label}
             >
               {item.label}
-            </Badge>
+            </Badge>,
           );
         }
         return null;
@@ -113,7 +113,7 @@ export function createCell<T>(props: {
     const facetedItem = faceted.find(
       (item) =>
         item.when?.(row.getValue(accessorKey.toString())) ||
-        row.getValue(accessorKey.toString()) === item.value
+        row.getValue(accessorKey.toString()) === item.value,
     );
     if (facetedItem) {
       content = (
@@ -122,7 +122,7 @@ export function createCell<T>(props: {
             <facetedItem.icon
               className={cn(
                 "text-muted-foreground mr-2 h-4 w-4",
-                facetedItem.iconClassName
+                facetedItem.iconClassName,
               )}
             />
           )}
@@ -150,7 +150,7 @@ export function createCell<T>(props: {
           data-testid={`expand-row-${accessorKey.toString()}`}
           className={cn(
             "font-medium text-blue-700 flex items-center gap-2 cursor-pointer",
-            containerClassName
+            containerClassName,
           )}
         >
           {content}
@@ -175,7 +175,7 @@ export function createCell<T>(props: {
       href={url}
       className={cn(
         "font-medium text-blue-700 flex items-center gap-2",
-        containerClassName
+        containerClassName,
       )}
     >
       {content}
@@ -183,7 +183,7 @@ export function createCell<T>(props: {
   );
 }
 export function tanstackTableCreateColumnsByRowData<T>(
-  params: TanstackTableCreateColumnsByRowId<T>
+  params: TanstackTableCreateColumnsByRowId<T>,
 ) {
   const { rows, config } = params;
 
@@ -218,7 +218,7 @@ export function tanstackTableCreateColumnsByRowData<T>(
                 .rows.some(
                   (row) =>
                     !params.disabledRowIds?.includes(row.id) &&
-                    row.getIsSelected()
+                    row.getIsSelected(),
                 )
             }
             onCheckedChange={(value) => {

package/src/custom/tanstack-table/utils/editable-columns-by-row-data.tsx

@@ -2,7 +2,7 @@
 
 import { ColumnDef } from "@tanstack/react-table";
 import { useEffect, useState } from "react";
-import { Input } from "@repo/ayasofyazilim-ui/components/input";
+import { Input } from "@ayasofyazilim/ui/components/input";
 import {
   Select,
   SelectContent,
@@ -10,20 +10,20 @@ import {
   SelectItem,
   SelectTrigger,
   SelectValue,
-} from "@repo/ayasofyazilim-ui/components/select";
-import { Switch } from "@repo/ayasofyazilim-ui/components/switch";
-import { cn } from "@repo/ayasofyazilim-ui/lib/utils";
+} from "@ayasofyazilim/ui/components/select";
+import { Switch } from "@ayasofyazilim/ui/components/switch";
+import { cn } from "@ayasofyazilim/ui/lib/utils";
 import { createCell, tanstackTableCreateTitleWithLanguageData } from ".";
 import { TanstackTableColumnHeader } from "../fields";
 import {
   TanstackTableCreateColumnsByRowId,
   TanstacktableEditableColumnsByRowId,
 } from "../types";
-import { DatePicker } from "@repo/ayasofyazilim-ui/custom/date-picker";
+import { DatePicker } from "@ayasofyazilim/ui/custom/date-picker";
 
 export function tanstackTableEditableColumnsByRowData<T>(
   params: TanstacktableEditableColumnsByRowId<T> &
-    Omit<TanstackTableCreateColumnsByRowId<T>, "rows" | "selectableRows">
+    Omit<TanstackTableCreateColumnsByRowId<T>, "rows" | "selectableRows">,
 ) {
   const {
     rows,
@@ -134,7 +134,7 @@ export function tanstackTableEditableColumnsByRowData<T>(
                   className={cn(
                     "w-[180px] min-w-max border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none",
                     isRowSelected ? "font-medium italic" : "",
-                    !value && "text-muted-foreground"
+                    !value && "text-muted-foreground",
                   )}
                 >
                   <SelectValue
@@ -202,7 +202,7 @@ export function tanstackTableEditableColumnsByRowData<T>(
               value={value as string}
               className={cn(
                 "w-full border-none rounded-none focus-visible:border-none focus-within:border-none ring-0 focus-visible:ring-0 focus-within:ring-0 ring-transparent shadow-none",
-                isRowSelected ? "font-medium italic" : ""
+                isRowSelected ? "font-medium italic" : "",
               )}
               placeholder={accessorKey}
               onChange={(e) => {