@sunggang/ui-lib 0.1.51 → 0.1.53

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@sunggang/ui-lib",
-  "version": "0.1.51",
+  "version": "0.1.53",
   "dependencies": {
+    "@iconify/react": "^4.1.1",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-popover": "^1.0.7",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
+    "@tanstack/react-table": "^8.16.0",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "date-fns": "^2.29.3",

package/src/Type/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface ColumnDef {
+    id: string;
+    header: React.ReactNode;
+    cell: React.ReactNode;
+    enableSorting?: boolean | undefined;
+    enableHiding?: boolean | undefined;
+    accessorKey?: string | undefined;
+}
+export interface DataTableProps {
+    data: any[];
+    filterColumn: Record<string, string>;
+    columns: any;
+    searchData?: {
+        disable: boolean;
+        label: string;
+        name: string;
+    };
+}

package/src/components/ui/checkbox.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/src/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, };

package/src/components/ui/input.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

package/src/components/ui/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/src/index.d.ts

@@ -8,3 +8,4 @@ export * from './lib/UploadImage/CustomUpload';
 export * from './lib/Switch';
 export * from './components/ui/dateRangePicker';
 export * from './components/ui/reactDateRange';
+export * from './lib/DataTable';

package/src/lib/DataTable/Pagination.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface TablePaginationProps {
+    table: any;
+}
+declare const TablePagination: React.FC<TablePaginationProps>;
+export default TablePagination;

package/src/lib/DataTable/fake.d.ts

@@ -0,0 +1,68 @@
+export declare const CheckboxHeader: ({ table }: {
+    table: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonHeader: ({ column }: {
+    column: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const NameCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const AddressCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DescriptionCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const PublishCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionsCell: ({ row }: {
+    row: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const mappingRegionsColumn: {
+    name: string;
+    address: string;
+    description: string;
+    is_publish: string;
+};
+export declare const data: {
+    name: string;
+    address: string;
+    description: string;
+    is_publish: boolean;
+}[];
+export declare const searchData: {
+    disable: boolean;
+    label: string;
+    name: string;
+};
+export declare const columns: ({
+    accessorKey: string;
+    header: ({ column }: {
+        column: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    cell: ({ row }: {
+        row: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    id?: undefined;
+    enableHiding?: undefined;
+} | {
+    accessorKey: string;
+    header: string;
+    cell: ({ row }: {
+        row: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    id?: undefined;
+    enableHiding?: undefined;
+} | {
+    id: string;
+    enableHiding: boolean;
+    cell: ({ row }: {
+        row: any;
+    }) => import("react/jsx-runtime").JSX.Element;
+    accessorKey?: undefined;
+    header?: undefined;
+})[];

package/src/lib/DataTable/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DataTableProps } from '../../Type';
+declare const DataTable: React.FC<DataTableProps>;
+export default DataTable;