@gentleduck/registry-ui 0.3.0 → 0.3.2

package/src/_old/_table/table.hook.tsx

@@ -1,115 +0,0 @@
-// @ts-noCheck
-import React from 'react'
-import { DuckTableContext } from './table-advanced'
-import { DuckTableContextType } from './table-advanced.types'
-
-export const useDuckTable = <
-  Column extends Record<string, unknown> = Record<string, unknown>,
->(): DuckTableContextType<Column> | null => {
-  const context = React.useContext(DuckTableContext)
-  if (!context) {
-    throw new Error('useTableProvider must be used within an TableProvider')
-  }
-  return context
-}
-
-// <TableRow key={idx}>
-//                  {tableDataFiltered.map(([key, value], idx) => {
-//                    const headersEntries = headers.map(
-//                      item => item.label.toString().toLowerCase() ?? item.children?.toString().toLowerCase()
-//                    )
-//                    const { className, children, withLabel, ...props } = value
-//                    const {
-//                      className: labelClassName,
-//                      children: labelChildren,
-//                      type: labelType = 'default',
-//                      ...labelProps
-//                    } = item?.[key]?.withLabel ?? {}
-//
-//                    return (
-//                      headersEntries.includes(key.toString().toLowerCase()) && (
-//                        <TableCell
-//                          key={key}
-//                          className={cn('py-2 h-[50px]', selected.includes(item) && 'bg-muted', className)}
-//                          {...props}
-//                        >
-//                          <div
-//                            className={cn(
-//                              'items-center gap-2 flex w-full',
-//                              headers?.[idx]?.className,
-//                              className,
-//                              idx === headersEntries.length - 1 && dropdownMenu && 'justify-between w-full'
-//                            )}
-//                          >
-//                            {/*NOTE: Rendering Checkbox */}
-//                            {selection && idx === 0 && (
-//                              <Checkbox
-//                                className="border-border"
-//                                onClick={() =>
-//                                  setSelected(
-//                                    selected.includes(item) ? selected.filter(i => i !== item) : [...selected, item]
-//                                  )
-//                                }
-//                                checked={selected.includes(item)}
-//                              />
-//                            )}
-//
-//                            {/*NOTE: Rendering Label */}
-//                            {labelChildren && (
-//                              <Badge
-//                                variant={'outline'}
-//                                size={'sm'}
-//                                className={cn(labelType === 'default' ? '' : 'bg-red-500', labelClassName)}
-//                                {...labelProps}
-//                              >
-//                                {labelChildren}
-//                              </Badge>
-//                            )}
-//
-//                            <div className="flex items-center gap-2 text-ellipsis overflow-hidden whitespace-nowrap">
-//                              {/*NOTE: Getting Icons from Filter Data */}
-//                              {filtersData?.length &&
-//                                filtersData?.map(item => {
-//                                  return item?.content?.data.map((item, idx) => {
-//                                    const { children: Icon, ...props } = item?.element?.icon ?? {}
-//                                    return item.label?.toString().toLowerCase() ===
-//                                      (children as string).toString().toLowerCase() ? (
-//                                      <span
-//                                        className="whitespace-nowrap"
-//                                        key={idx}
-//                                      >
-//                                        {(Icon ? <Icon {...props} /> : '') as React.ReactNode}
-//                                      </span>
-//                                    ) : null
-//                                  })
-//                                })}
-//
-//                              {/*NOTE: Rendering the row column childrend */}
-//                              <span className="text-ellipsis overflow-hidden whitespace-nowrap">{children}</span>
-//                            </div>
-//                            {/*NOTE: Dropdown Menu */}
-//                            {idx === headersEntries.length - 1 && dropdownMenu.optionsData?.length && (
-//                              <DropdownMenuView
-//                                trigger={{
-//                                  className: 'flex h-8 w-8 p-0 data-[state=open]:bg-muted',
-//                                  children: <span className="sr-only">Open menu</span>,
-//                                  variant: 'ghost',
-//                                  size: 'icon',
-//                                  icon: {
-//                                    children: Ellipsis,
-//                                    className: 'h-4 w-4',
-//                                  },
-//                                }}
-//                                content={{
-//                                  align: 'end',
-//                                  options: dropdownMenu,
-//                                }}
-//                              />
-//                            )}
-//                          </div>
-//                        </TableCell>
-//                      )
-//                    )
-//                  })}
-//                </TableRow>
-//

package/src/_old/_table/table.lib.ts

@@ -1,85 +0,0 @@
-// @ts-noCheck
-import { DropdownMenuOptionsDataType } from '@/registry/default/ui/dropdown-menu'
-import { Order, TableHeaderType } from './table.types'
-import { ColumnsViewedStateType, TableContentDataType } from './table-advanced.types'
-
-export function sortArray<T>(columns: TableHeaderType[], array: T[], key?: keyof T, order: Order = 'desc') {
-  const toggleSortOrder = (currentOrder: Order): Order => {
-    if (currentOrder === 'not sorted') return order
-    if (currentOrder === 'asc' && order === 'asc') return 'not sorted'
-    if (currentOrder === 'asc' && order === 'desc') return 'desc'
-    if (currentOrder === 'desc' && order === 'desc') return 'not sorted'
-    if (currentOrder === 'desc' && order === 'asc') return 'asc'
-    return 'not sorted'
-  }
-
-  const updatedColumns = columns.map((col) => {
-    if (col.label === key) {
-      return {
-        ...col,
-        currentSort: toggleSortOrder(col.currentSort ?? 'not sorted'),
-      }
-    }
-    return col
-  })
-
-  const sortedData = array.toSorted((a, b) => {
-    const valueA = key ? (a[key] as TableContentDataType).children : a
-    const valueB = key ? (b[key] as TableContentDataType).children : b
-
-    if (order === 'not sorted' || !key) return 0
-
-    if (typeof valueA === 'string' && typeof valueB === 'string') {
-      return order === 'asc' ? valueA.localeCompare(valueB) : valueB.localeCompare(valueA)
-    } else if (typeof valueA === 'number' && typeof valueB === 'number') {
-      return order === 'asc' ? valueA - valueB : valueB - valueA
-    } else {
-      return order === 'asc' ? (valueA > valueB ? 1 : -1) : valueA < valueB ? 1 : -1
-    }
-  })
-
-  return { sortedData, updatedColumns }
-}
-
-export type OptionsDataType<T extends Record<string, unknown>> = {
-  header: ColumnsViewedStateType<T>[]
-  columnsViewed?: ColumnsViewedStateType<T>[]
-  setColumnsViewed?: React.Dispatch<React.SetStateAction<ColumnsViewedStateType<T>[]>>
-}
-
-export function get_options_data<T extends Record<string, unknown> = Record<string, string>>({
-  header,
-  columnsViewed,
-  setColumnsViewed,
-}: OptionsDataType<T>) {
-  return header.map((column, idx) => {
-    const { children, className, label, sortable, disabled, currentSort, dropdownMenuOptions, ...props } = column ?? {}
-
-    return {
-      checked: columnsViewed?.some((headerItem) => headerItem?.label === label),
-      children: label ?? children,
-      className: 'capitalize',
-      disabled: disabled,
-      key: idx,
-      onCheckedChange: () => {
-        setColumnsViewed?.((prevHeaders) => {
-          const exists = prevHeaders.some((headerItem) => headerItem?.label === label)
-
-          if (exists) {
-            return prevHeaders.filter((headerItem) => headerItem?.label !== label)
-          }
-
-          const originalIndex = header.findIndex((headerItem) => headerItem?.label === label)
-          const newHeaders = [...prevHeaders]
-          newHeaders.splice(originalIndex, 0, column)
-          return newHeaders.sort(
-            (a, b) =>
-              header.findIndex((headerItem) => headerItem?.label === a?.label) -
-              header.findIndex((headerItem) => headerItem?.label === b?.label),
-          )
-        })
-      },
-      ...props,
-    }
-  }) as DropdownMenuOptionsDataType<T>[]
-}