@postxl/generators 1.1.1 → 1.2.1

package/dist/frontend-core/template/src/components/ui/content-frame/content-frame.tsx

@@ -1,100 +0,0 @@
-import { EnterFullScreenIcon } from '@radix-ui/react-icons'
-
-import { cva, type VariantProps } from 'class-variance-authority'
-import { type PropsWithChildren, type ReactNode } from 'react'
-
-import { Button } from '@components/ui/button/button'
-import { Loader } from '@components/ui/loader/loader'
-import { cn } from '@lib/utils'
-
-const gridContentFrameVariants = cva('flex flex-col border-1 border-(--discreet-border) h-full w-full', {
-  variants: {
-    variant: {
-      default: '',
-      inverted: 'bg-sidebar-border border-background border-e-transparent border-t-0',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-  },
-})
-
-const gridContentFrameHeaderVariants = cva('flex items-center overflow-hidden p-3 min-h-10 border-b-1', {
-  variants: {
-    variant: {
-      default: 'border-(--discreet-border)',
-      inverted: 'border-t-0 border-t-sidebar-border border-b-background',
-    },
-  },
-  defaultVariants: {
-    variant: 'default',
-  },
-})
-
-type Props = PropsWithChildren<{
-  title: string
-  controls?: ReactNode[]
-  indicators?: ReactNode[]
-  onExpand?: () => void
-  collapsed?: boolean
-  titleLink?: ReactNode
-  isLoading?: boolean
-}> &
-  VariantProps<typeof gridContentFrameVariants>
-
-export const ContentFrame = ({
-  title = '',
-  controls = [],
-  indicators = [],
-  children,
-  onExpand,
-  variant,
-  collapsed,
-  titleLink,
-  isLoading = false,
-}: Props) => {
-  return (
-    <div className={cn(gridContentFrameVariants({ variant }))}>
-      {collapsed ? (
-        <div className="flex gap-2.5 min-w-0 items-center [writing-mode:vertical-lr]">
-          <h2 className="text-xl flex self-center ms-4">{title}</h2>
-          {indicators.length > 0 && <div className="flex gap-2 whitespace-nowrap">{indicators}</div>}
-        </div>
-      ) : (
-        <>
-          {/* header */}
-          <div className={cn(gridContentFrameHeaderVariants({ variant }))}>
-            {/* Title + Indicators */}
-            <div className="flex flex-grow gap-2 overflow-hidden">
-              <h2 className="text-xl overflow-hidden text-ellipsis whitespace-nowrap">{titleLink ?? title}</h2>
-              {indicators.length > 0 && <div className="flex gap-2 whitespace-nowrap">{indicators}</div>}
-            </div>
-
-            {/* Controls */}
-            {controls.length > 0 && <div className="flex gap-2 whitespace-nowrap">{controls}</div>}
-
-            {/* Expand button */}
-            {onExpand && (
-              <Button
-                title="Expand"
-                onClick={onExpand}
-                variant="outline"
-                size="icon"
-                className="size-6 ml-2"
-                __e2e_test_id__={`${title.toLowerCase().replaceAll(' ', '-')}-modal-button`}
-              >
-                <EnterFullScreenIcon />
-              </Button>
-            )}
-          </div>
-
-          {/* content */}
-          <div className="h-full min-h-0 overflow-auto relative">
-            {children}
-            {isLoading && <Loader label="Loading..." />}
-          </div>
-        </>
-      )}
-    </div>
-  )
-}

package/dist/frontend-core/template/src/components/ui/context-menu/context-menu.stories.tsx

@@ -1,78 +0,0 @@
-import { Meta } from '@storybook/react-vite'
-
-import {
-  ContextMenu,
-  ContextMenuCheckboxItem,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuLabel,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuTrigger,
-} from './context-menu'
-import type { StoryObj } from '@storybook/react-vite'
-
-const meta: Meta<typeof ContextMenu> = {
-  title: 'Context Menu',
-  component: ContextMenu,
-  tags: ['autodocs'],
-} satisfies Meta<typeof ContextMenu>
-
-export default meta
-
-export const Default: StoryObj<typeof meta> = {
-  render: () => (
-    <div className="flex items-center justify-center">
-      <ContextMenu>
-        <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm">
-          Right click here
-        </ContextMenuTrigger>
-        <ContextMenuContent className="w-64">
-          <ContextMenuItem inset>
-            Back
-            <ContextMenuShortcut>⌘[</ContextMenuShortcut>
-          </ContextMenuItem>
-          <ContextMenuItem inset disabled>
-            Forward
-            <ContextMenuShortcut>⌘]</ContextMenuShortcut>
-          </ContextMenuItem>
-          <ContextMenuItem inset>
-            Reload
-            <ContextMenuShortcut>⌘R</ContextMenuShortcut>
-          </ContextMenuItem>
-          <ContextMenuSub>
-            <ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>
-            <ContextMenuSubContent className="w-48">
-              <ContextMenuItem>
-                Save Page As...
-                <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
-              </ContextMenuItem>
-              <ContextMenuItem>Create Shortcut...</ContextMenuItem>
-              <ContextMenuItem>Name Window...</ContextMenuItem>
-              <ContextMenuSeparator />
-              <ContextMenuItem>Developer Tools</ContextMenuItem>
-            </ContextMenuSubContent>
-          </ContextMenuSub>
-          <ContextMenuSeparator />
-          <ContextMenuCheckboxItem checked>
-            Show Bookmarks Bar
-            <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
-          </ContextMenuCheckboxItem>
-          <ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
-          <ContextMenuSeparator />
-          <ContextMenuRadioGroup value="pedro">
-            <ContextMenuLabel inset>People</ContextMenuLabel>
-            <ContextMenuSeparator />
-            <ContextMenuRadioItem value="pedro">Pedro Duarte</ContextMenuRadioItem>
-            <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
-          </ContextMenuRadioGroup>
-        </ContextMenuContent>
-      </ContextMenu>
-    </div>
-  ),
-}

package/dist/frontend-core/template/src/components/ui/context-menu/context-menu.tsx

@@ -1,179 +0,0 @@
-import * as ContextMenuPrimitive from '@radix-ui/react-context-menu'
-import { CheckIcon, ChevronRightIcon, DotFilledIcon } from '@radix-ui/react-icons'
-
-import * as React from 'react'
-
-import { cn } from '@lib/utils'
-
-const ContextMenu = ContextMenuPrimitive.Root
-
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger
-
-const ContextMenuGroup = ContextMenuPrimitive.Group
-
-const ContextMenuPortal = ContextMenuPrimitive.Portal
-
-const ContextMenuSub = ContextMenuPrimitive.Sub
-
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup
-
-const ContextMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <ContextMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
-      inset && 'pl-8',
-      className,
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRightIcon className="ml-auto h-4 w-4" />
-  </ContextMenuPrimitive.SubTrigger>
-))
-ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName
-
-const ContextMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      className,
-    )}
-    {...props}
-  />
-))
-ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName
-
-const ContextMenuContent = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Portal>
-    <ContextMenuPrimitive.Content
-      ref={ref}
-      className={cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        className,
-      )}
-      {...props}
-    />
-  </ContextMenuPrimitive.Portal>
-))
-ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName
-
-const ContextMenuItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      inset && 'pl-8',
-      className,
-    )}
-    {...props}
-  />
-))
-ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName
-
-const ContextMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <ContextMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className,
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <CheckIcon className="h-4 w-4" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.CheckboxItem>
-))
-ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName
-
-const ContextMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <ContextMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
-      className,
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <ContextMenuPrimitive.ItemIndicator>
-        <DotFilledIcon className="h-4 w-4 fill-current" />
-      </ContextMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </ContextMenuPrimitive.RadioItem>
-))
-ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName
-
-const ContextMenuLabel = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <ContextMenuPrimitive.Label
-    ref={ref}
-    className={cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className)}
-    {...props}
-  />
-))
-ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName
-
-const ContextMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof ContextMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <ContextMenuPrimitive.Separator ref={ref} className={cn('-mx-1 my-1 h-px bg-border', className)} {...props} />
-))
-ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName
-
-const ContextMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {
-  return <span className={cn('ml-auto text-xs tracking-widest text-muted-foreground', className)} {...props} />
-}
-ContextMenuShortcut.displayName = 'ContextMenuShortcut'
-
-export {
-  ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
-}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/cell-variant-types.ts

@@ -1,11 +0,0 @@
-import type { Cell, Table } from '@tanstack/react-table'
-
-export type CellVariantProps<TData, TCell> = {
-  cell: Cell<TData, TCell>
-  table: Table<TData>
-  rowIndex: number
-  columnId: string
-  isEditing: boolean
-  isFocused: boolean
-  isSelected: boolean
-}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/checkbox-cell.tsx

@@ -1,116 +0,0 @@
-import * as React from 'react'
-
-import { Checkbox } from '@components/ui/checkbox/checkbox'
-import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
-
-import { CellVariantProps } from './cell-variant-types'
-
-export function CheckboxCell<TData>({
-  cell,
-  table,
-  rowIndex,
-  columnId,
-  isFocused,
-  isSelected,
-}: Readonly<CellVariantProps<TData, boolean>>) {
-  const initialValue = cell.getValue()
-  const [value, setValue] = React.useState(Boolean(initialValue))
-  const containerRef = React.useRef<HTMLDivElement>(null)
-  const meta = table.options.meta
-  const colMeta = cell.column.columnDef.meta
-  // Normalize editable to a resolver function and memoize to avoid typeof checks per cell
-  const editableResolver = React.useMemo(() => {
-    const v = colMeta?.editable
-    if (v === undefined) {
-      return () => true
-    }
-    return typeof v === 'function' ? (v as (row: TData) => boolean) : () => Boolean(v)
-  }, [colMeta?.editable])
-  const isEditable = editableResolver(cell.row.original)
-
-  const onCheckedChange = React.useCallback(
-    (checked: boolean) => {
-      setValue(checked)
-      meta?.onDataUpdate?.({ rowIndex, columnId, value: checked })
-    },
-    [meta, rowIndex, columnId],
-  )
-
-  const onWrapperKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement>) => {
-      if (!isEditable) {
-        return
-      }
-      if (isFocused && (event.key === '' || event.key === 'Enter')) {
-        event.preventDefault()
-        event.stopPropagation()
-        onCheckedChange(!value)
-      }
-    },
-    [isFocused, value, onCheckedChange, isEditable],
-  )
-
-  React.useEffect(() => {
-    setValue(Boolean(initialValue))
-  }, [initialValue])
-
-  React.useEffect(() => {
-    if (isFocused && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) {
-      containerRef.current.focus()
-    }
-  }, [isFocused, meta?.searchOpen, meta?.isScrolling])
-
-  const onWrapperClick = React.useCallback(
-    (event: React.MouseEvent) => {
-      if (!isEditable) {
-        return
-      }
-      if (isFocused) {
-        event.preventDefault()
-        event.stopPropagation()
-        onCheckedChange(!value)
-      }
-    },
-    [isFocused, value, onCheckedChange, isEditable],
-  )
-
-  const onCheckboxClick = React.useCallback((event: React.MouseEvent<HTMLInputElement>) => {
-    event.stopPropagation()
-  }, [])
-
-  const onCheckboxMouseDown = React.useCallback((event: React.MouseEvent<HTMLInputElement>) => {
-    event.stopPropagation()
-  }, [])
-
-  const onCheckboxDoubleClick = React.useCallback((event: React.MouseEvent<HTMLInputElement>) => {
-    event.stopPropagation()
-  }, [])
-
-  return (
-    <DataGridCellWrapper
-      ref={containerRef}
-      cell={cell}
-      table={table}
-      rowIndex={rowIndex}
-      columnId={columnId}
-      isEditing={false}
-      isFocused={isFocused}
-      isSelected={isSelected}
-      onClick={onWrapperClick}
-      onKeyDown={onWrapperKeyDown}
-      className="flex size-full justify-center"
-    >
-      <Checkbox
-        variant="simple"
-        iconStyle="simple"
-        checkIcon="check"
-        checked={value}
-        onChange={(event) => onCheckedChange(event.target.checked)}
-        onClick={onCheckboxClick}
-        onMouseDown={onCheckboxMouseDown}
-        onDoubleClick={onCheckboxDoubleClick}
-        className="border-secondary-foreground"
-      />
-    </DataGridCellWrapper>
-  )
-}

package/dist/frontend-core/template/src/components/ui/data-grid/cell-variants/date-cell.tsx

@@ -1,157 +0,0 @@
-import * as React from 'react'
-
-import { Calendar } from '@components/ui/calendar/calendar'
-import { DataGridCellWrapper } from '@components/ui/data-grid/data-grid-cell-wrapper'
-import { Popover, PopoverAnchor, PopoverContent } from '@components/ui/popover/popover'
-import { cn } from '@lib/utils'
-
-import { CellVariantProps } from './cell-variant-types'
-
-/**
- * Parse a date value (Date object or ISO string YYYY-MM-DD) as a local date, not UTC.
- * new Date('2025-12-01') interprets as UTC, causing timezone shifts.
- */
-function parseToLocalDate(value: string | Date | null | undefined): Date | undefined {
-  if (!value) {
-    return undefined
-  }
-  if (value instanceof Date) {
-    return value
-  }
-  if (typeof value !== 'string') {
-    return undefined
-  }
-
-  // Parse ISO date string in local timezone by explicitly setting year, month, day
-  const regex = /^(\d{4})-(\d{2})-(\d{2})$/
-  const match = regex.exec(value)
-  if (!match) {
-    return undefined
-  }
-  const year = Number.parseInt(match[1], 10)
-  const month = Number.parseInt(match[2], 10) - 1 // months are 0-indexed
-  const day = Number.parseInt(match[3], 10)
-
-  return new Date(year, month, day)
-}
-
-function formatDateToISOString(date: Date): string {
-  const year = date.getFullYear()
-  const month = String(date.getMonth() + 1).padStart(2, '0')
-  const day = String(date.getDate()).padStart(2, '0')
-  return `${year}-${month}-${day}`
-}
-
-export function DateCell<TData>({
-  cell,
-  table,
-  rowIndex,
-  columnId,
-  isFocused,
-  isEditing,
-  isSelected,
-}: Readonly<CellVariantProps<TData, string>>) {
-  const initialValue = cell.getValue() as string | Date | null | undefined
-  const [value, setValue] = React.useState<Date | undefined>(parseToLocalDate(initialValue))
-  const [open, setOpen] = React.useState(false)
-  const containerRef = React.useRef<HTMLDivElement>(null)
-  const meta = table.options.meta
-
-  const prevInitialValueRef = React.useRef(initialValue)
-  if (initialValue !== prevInitialValueRef.current) {
-    prevInitialValueRef.current = initialValue
-    setValue(parseToLocalDate(initialValue))
-  }
-
-  const onDateSelect = React.useCallback(
-    (date: Date | undefined) => {
-      if (!date) {
-        return
-      }
-
-      setValue(date)
-      meta?.onDataUpdate?.({ rowIndex, columnId, value: formatDateToISOString(date) })
-      setOpen(false)
-      meta?.onCellEditingStop?.()
-    },
-    [meta, rowIndex, columnId],
-  )
-
-  const onOpenChange = React.useCallback(
-    (isOpen: boolean) => {
-      setOpen(isOpen)
-      if (!isOpen && isEditing) {
-        meta?.onCellEditingStop?.()
-      }
-    },
-    [isEditing, meta],
-  )
-
-  const onWrapperKeyDown = React.useCallback(
-    (event: React.KeyboardEvent<HTMLDivElement>) => {
-      if (isEditing) {
-        if (event.key === 'Escape') {
-          event.preventDefault()
-          setValue(parseToLocalDate(initialValue))
-          setOpen(false)
-        } else if (event.key === 'Tab') {
-          event.preventDefault()
-          setOpen(false)
-          meta?.onCellEditingStop?.({
-            direction: event.shiftKey ? 'left' : 'right',
-          })
-        }
-      }
-    },
-    [isEditing, initialValue, meta],
-  )
-
-  React.useEffect(() => {
-    setOpen(isEditing)
-  }, [isEditing])
-
-  React.useEffect(() => {
-    if (isFocused && !isEditing && !meta?.searchOpen && !meta?.isScrolling && containerRef.current) {
-      containerRef.current.focus()
-    }
-  }, [isFocused, isEditing, meta?.searchOpen, meta?.isScrolling])
-
-  return (
-    <DataGridCellWrapper
-      ref={containerRef}
-      cell={cell}
-      table={table}
-      rowIndex={rowIndex}
-      columnId={columnId}
-      isEditing={isEditing}
-      isFocused={isFocused}
-      isSelected={isSelected}
-      onKeyDown={onWrapperKeyDown}
-    >
-      <Popover open={open} onOpenChange={onOpenChange}>
-        <PopoverAnchor asChild>
-          <span
-            data-slot="grid-cell-content"
-            className={cn('tabular-nums', (cell.column.columnDef.meta as any)?.align ?? 'text-right')}
-          >
-            {value?.toLocaleDateString() ?? ''}
-          </span>
-        </PopoverAnchor>
-        {isEditing && (
-          <PopoverContent data-grid-cell-editor="" align="start" sideOffset={10} className="w-auto p-0">
-            <Calendar
-              showYearNavigation={true}
-              autoFocus
-              captionLayout="dropdown"
-              mode="single"
-              className="rounded-md border border-border shadow-sm"
-              defaultMonth={value}
-              selected={value}
-              onSelect={onDateSelect}
-            />
-          </PopoverContent>
-        )}
-      </Popover>
-    </DataGridCellWrapper>
-  )
-}