@dappworks/kit 0.5.4 → 0.5.5

package/dist/{chunk-24SBSTZU.mjs → chunk-PUGMD5HB.mjs}

@@ -257,102 +257,80 @@ var JSONTable = (props) => {
     setSortedData(dataSource);
   }, [dataSource]);
   if (asCard) {
-    if (virtualizedOptions == null ? void 0 : virtualizedOptions.isVirtualized) {
-      return /* @__PURE__ */ React2__default.createElement(
-        VirtualizedCardUI,
-        {
-          className,
-          rowKey,
-          sortedData,
-          columns,
-          cardOptions,
-          onRowClick,
-          autoScrollToTop,
-          emptyContent,
-          isLoading,
-          loadingOptions,
-          loadingContent,
-          virtualizedOptions,
-          columnSlot
-        }
-      );
-    } else {
-      return /* @__PURE__ */ React2__default.createElement(
-        CardUI,
-        {
-          className,
-          rowKey,
-          sortedData,
-          columns,
-          cardOptions,
-          onRowClick,
-          autoScrollToTop,
-          emptyContent,
-          columnSlot,
-          showPagination,
-          pagination,
-          nextuiPaginationProps
-        }
-      );
-    }
-  } else {
-    if (virtualizedOptions == null ? void 0 : virtualizedOptions.isVirtualized) {
-      return /* @__PURE__ */ React2__default.createElement(
-        VirtualizedListUI,
-        {
-          className,
-          rowKey,
-          sortedData,
-          dataSource,
-          columns,
-          columnOptions,
-          sortableColumnsMap,
-          sortingUIOptions,
-          setSortableColumnsMap,
-          setSortedData,
-          onRowClick,
-          emptyContent,
-          isLoading,
-          loadingOptions,
-          loadingContent,
-          virtualizedOptions
-        }
-      );
-    } else {
-      return /* @__PURE__ */ React2__default.createElement(
-        TableUI,
-        {
-          className,
-          classNames,
-          isHeaderSticky,
-          sortedData,
-          dataSource,
-          columns,
-          columnOptions,
-          sortableColumnsMap,
-          sortingUIOptions,
-          setSortableColumnsMap,
-          setSortedData,
-          isLoading,
-          loadingContent,
-          loadingOptions,
-          emptyContent,
-          rowCss,
-          onRowClick,
-          showCollapsedTables,
-          collapsedTableConfig,
-          collapsedTables,
-          rowKey,
-          isServerPaging,
-          showPagination,
-          pagination,
-          nextuiPaginationProps,
-          autoScrollToTop,
-          columnSlot
-        }
-      );
-    }
+    return /* @__PURE__ */ React2__default.createElement(
+      CardUI,
+      {
+        className,
+        rowKey,
+        sortedData,
+        columns,
+        cardOptions,
+        onRowClick,
+        autoScrollToTop,
+        emptyContent,
+        isLoading,
+        loadingOptions,
+        loadingContent,
+        virtualizedOptions,
+        columnSlot
+      }
+    );
+  }
+  if (virtualizedOptions == null ? void 0 : virtualizedOptions.isVirtualized) {
+    return /* @__PURE__ */ React2__default.createElement(
+      VirtualizedListUI,
+      {
+        className,
+        rowKey,
+        sortedData,
+        dataSource,
+        columns,
+        columnOptions,
+        sortableColumnsMap,
+        sortingUIOptions,
+        setSortableColumnsMap,
+        setSortedData,
+        onRowClick,
+        emptyContent,
+        isLoading,
+        loadingOptions,
+        loadingContent,
+        virtualizedOptions
+      }
+    );
   }
+  return /* @__PURE__ */ React2__default.createElement(
+    TableUI,
+    {
+      className,
+      classNames,
+      isHeaderSticky,
+      sortedData,
+      dataSource,
+      columns,
+      columnOptions,
+      sortableColumnsMap,
+      sortingUIOptions,
+      setSortableColumnsMap,
+      setSortedData,
+      isLoading,
+      loadingContent,
+      loadingOptions,
+      emptyContent,
+      rowCss,
+      onRowClick,
+      showCollapsedTables,
+      collapsedTableConfig,
+      collapsedTables,
+      rowKey,
+      isServerPaging,
+      showPagination,
+      pagination,
+      nextuiPaginationProps,
+      autoScrollToTop,
+      columnSlot
+    }
+  );
 };
 function renderFieldValue(v) {
   if (typeof v == "string" || typeof v == "number") {
@@ -496,84 +474,7 @@ function SortingComponent({
     }
   ));
 }
-var CardUI = observer(({
-  className,
-  sortedData,
-  columns,
-  rowKey,
-  cardOptions,
-  onRowClick,
-  emptyContent,
-  columnSlot,
-  isServerPaging,
-  showPagination,
-  pagination,
-  nextuiPaginationProps,
-  autoScrollToTop
-}) => {
-  const cardBoxRef = useRef(null);
-  useEffect(() => {
-    if (!isServerPaging) {
-      pagination.setData({
-        total: sortedData.length
-      });
-    }
-  }, [sortedData]);
-  const data = isServerPaging || !showPagination ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);
-  const MyCard = ({ item }) => {
-    return /* @__PURE__ */ React2__default.createElement(
-      Card,
-      {
-        className: cn("mb-2 w-full shadow-sm p-4 rounded-lg", cardOptions == null ? void 0 : cardOptions.cardClassName),
-        isPressable: !!onRowClick,
-        onPress: () => {
-          onRowClick == null ? void 0 : onRowClick(item);
-        }
-      },
-      columns.map((column, i) => {
-        return /* @__PURE__ */ React2__default.createElement("div", { className: "w-full", key: column.key }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("w-full", cardOptions == null ? void 0 : cardOptions.itemClassName) }, /* @__PURE__ */ React2__default.createElement("div", { className: cn("font-meidum text-xs text-foreground-400", cardOptions == null ? void 0 : cardOptions.labelClassName) }, column.label), /* @__PURE__ */ React2__default.createElement("div", { className: cn("text-xs", cardOptions == null ? void 0 : cardOptions.valueClassName) }, column.render ? column.render(item) : renderFieldValue(item[column.key]))), (cardOptions == null ? void 0 : cardOptions.showDivider) && i !== columns.length - 1 && /* @__PURE__ */ React2__default.createElement(Divider, { className: cn("my-2", cardOptions == null ? void 0 : cardOptions.dividerClassName) }));
-      }),
-      typeof columnSlot === "function" ? columnSlot({ row: item }) : columnSlot
-    );
-  };
-  const GroupUI = () => {
-    const colSpan = (cardOptions == null ? void 0 : cardOptions.colSpan) || 1;
-    if (colSpan === 1) {
-      return data.map((item, index) => {
-        return /* @__PURE__ */ React2__default.createElement(MyCard, { key: rowKey ? item[rowKey] || index : index, item });
-      });
-    }
-    const groupData = groupByColSpan(data, colSpan);
-    return groupData.map((group, gIndex) => {
-      return /* @__PURE__ */ React2__default.createElement("div", { className: cn("flex items-center justify-between space-x-1", cardOptions == null ? void 0 : cardOptions.cardGroupClassName), key: gIndex }, group.map((item, index) => {
-        return /* @__PURE__ */ React2__default.createElement(MyCard, { key: rowKey ? item[rowKey] || index : index, item });
-      }));
-    });
-  };
-  return /* @__PURE__ */ React2__default.createElement("div", { className, ref: cardBoxRef }, sortedData.length > 0 ? /* @__PURE__ */ React2__default.createElement(React2__default.Fragment, null, /* @__PURE__ */ React2__default.createElement(GroupUI, null), showPagination && pagination.total > pagination.limit && /* @__PURE__ */ React2__default.createElement("div", { className: "flex justify-center" }, /* @__PURE__ */ React2__default.createElement(
-    Pagination,
-    __spreadValues({
-      className: "mt-2",
-      showControls: true,
-      showShadow: true,
-      size: "sm",
-      radius: "sm",
-      color: "primary",
-      initialPage: 1,
-      total: Math.ceil(pagination.total / pagination.limit),
-      page: pagination.page,
-      onChange: (currentPage) => {
-        pagination.setData({
-          page: currentPage
-        });
-        if (autoScrollToTop && cardBoxRef.current) {
-          scrollIntoTop(cardBoxRef.current);
-        }
-      }
-    }, nextuiPaginationProps)
-  ))) : emptyContent != null ? emptyContent : /* @__PURE__ */ React2__default.createElement(DefaultEmptyContent, null));
-});
-function VirtualizedCardUI({
+function CardUI({
   className,
   sortedData,
   columns,
@@ -1044,4 +945,4 @@ function groupByColSpan(arr, colSpan) {
 
 export { JSONTable };
 //# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-24SBSTZU.mjs.map
+//# sourceMappingURL=chunk-PUGMD5HB.mjs.map

package/dist/chunk-PUGMD5HB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/JSONTable/index.tsx","../components/ui/dropdown-menu.tsx"],"names":["React","ChevronRight","sortableColumnsDefaultValue","columns","collapsedTables","keys","showCollapsedTables","_a","_","sortedData"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Card,\n  Divider,\n  Pagination as NextuiPagination,\n  PaginationProps,\n  Spinner,\n  SpinnerProps,\n} from '@nextui-org/react';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport { observer } from \"mobx-react-lite\";\nimport { PaginationState } from \"../../store/standard/PaginationState\";\nimport { SkeletonBox } from \"../Common/SkeletonBox\";\nimport { _ } from \"../../lib/lodash\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';\nimport { VList } from 'virtua';\n\nexport type TableClassNames = {\n  table?: string;\n  thead?: string;\n  tr?: string;\n  th?: string;\n  tbody?: string;\n  td?: string;\n}\n\nexport type HeaderKeys<T extends Record<string, any>> = Array<keyof T | '$actions'>;\n\nexport type ColumnConfig<T> = {\n  label?: React.ReactNode;\n  width?: number;\n  hidden?: boolean;\n  sortable?: boolean;\n  sortKey?: string;\n  order?: number;\n  render?: (item: T) => any;\n}\n\nexport type ColumnOptions<T> = {\n  [key in keyof T]?: ColumnConfig<T>;\n} & {\n  $actions?: ColumnConfig<T>;\n};\n\ntype Column<T> = {\n  key: string;\n  label: React.ReactNode;\n  width: number;\n  render?: (item: T) => any;\n};\n\ntype CollapsedTable<U> = {\n  key: string;\n  columns: Column<U>[];\n\n};\n\nexport type CardOptions = {\n  cardClassName?: string;\n  itemClassName?: string;\n  labelClassName?: string;\n  valueClassName?: string;\n  showDivider?: boolean;\n  dividerClassName?: string;\n  colSpan?: number\n  cardGroupClassName?: string;\n};\n\nexport type LoadingOptions = {\n  type?: 'skeleton' | 'spinner';\n  skeleton?: {\n    boxClassName?: string;\n    skeletonClassName?: string;\n    line?: number;\n  };\n  spinner?: {\n    boxClassName?: string;\n    spinnerProps?: SpinnerProps;\n    text?: string;\n    textClassName?: string;\n  };\n};\n\nexport type SortingUIOptions = {\n  showDropdown?: boolean;\n  dropdownTriggerBtnClassName?: string;\n  dropdownContentClassName?: string;\n  dropdownItemClassName?: string;\n  titles?: {\n    asc?: string;\n    desc?: string;\n    none?: string;\n  };\n};\n\nexport type CollapsedTableConfig<T> = {\n  classNames?: TableClassNames;\n  options: {\n    key: keyof T;\n    headerKeys: string[];\n    columnOptions: ColumnOptions<any>;\n  }[];\n  collapsedHandlerPosition?: 'left' | 'right';\n  collapsedHandlerBoxCss?: string;\n  openedIcon?: React.ReactNode;\n  closedIcon?: React.ReactNode;\n  onRowClick?: (item: any) => void;\n  rowCss?: string | ((item: any) => string | undefined);\n  emptyContent?: React.ReactNode;\n}\n\nexport type VirtualizedOptions = {\n  isVirtualized?: boolean;\n  vListHeight?: number;\n  classNames?: {\n    header?: string;\n    headerCell?: string;\n    row?: string;\n    rowCell?: string;\n  },\n  fetchData?: () => Promise<void>;\n}\n\nexport interface JSONTableProps<T extends Record<string, any>> {\n  className?: string;\n  classNames?: TableClassNames;\n  rowKey?: string;\n  dataSource: T[];\n  headerKeys?: HeaderKeys<T>;\n  columnOptions?: ColumnOptions<T>;\n  isServerPaging?: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: Partial<PaginationProps>;\n  showPagination?: boolean;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  asCard?: boolean;\n  cardOptions?: CardOptions;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n  isHeaderSticky?: boolean;\n  sortingUIOptions?: SortingUIOptions;\n  collapsedTableConfig?: CollapsedTableConfig<T>;\n  virtualizedOptions?: VirtualizedOptions;\n}\n\nexport const JSONTable = (<T extends Record<string, any>>(props: JSONTableProps<T>) => {\n  const {\n    className,\n    classNames,\n    dataSource = [],\n    columnOptions,\n    headerKeys,\n    isServerPaging,\n    pagination,\n    nextuiPaginationProps,\n    showPagination = true,\n    rowKey,\n    onRowClick,\n    rowCss,\n    columnSlot,\n    asCard = false,\n    cardOptions,\n    autoScrollToTop = false,\n    emptyContent,\n    isLoading = false,\n    loadingOptions,\n    loadingContent,\n    isHeaderSticky = false,\n    sortingUIOptions,\n    collapsedTableConfig,\n    virtualizedOptions\n  } = props;\n  const [sortableColumnsMap, setSortableColumnsMap] = useState<{ [k: string]: 'asc' | 'desc' | 'none' }>({});\n  const [sortedData, setSortedData] = useState<T[]>(dataSource);\n\n  const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {\n    const firstData = dataSource[0];\n\n    const allKeys = firstData ? Object.keys(firstData) : [];\n    const keys = headerKeys ? headerKeys : columnOptions ? allKeys.filter((key) => !columnOptions[key]?.hidden) : allKeys;\n    if (!keys.includes('$actions') && columnOptions && columnOptions['$actions']) {\n      keys.push('$actions');\n    }\n\n    const sortableColumnsDefaultValue: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n\n    let columns: Column<T>[] = keys.map((key: string) => {\n      const sortable = columnOptions?.[key]?.sortable;\n      if (sortable) {\n        sortableColumnsDefaultValue[key] = 'none';\n      }\n      return {\n        key,\n        label: columnOptions?.[key]?.label ?? (key === '$actions' ? '' : key),\n        width: columnOptions?.[key]?.width ?? 60,\n        render: columnOptions?.[key]?.render,\n      };\n    });\n\n    if (!headerKeys && columnOptions) {\n      columns.sort((a, b) => {\n        const aOrder = columnOptions[a.key]?.order ?? 0;\n        const bOrder = columnOptions[b.key]?.order ?? 0;\n        return bOrder - aOrder;\n      });\n    }\n\n    let collapsedTables: CollapsedTable<any>[] = [];\n    if (firstData && collapsedTableConfig?.options) {\n      const collapsedTableOptions = collapsedTableConfig.options;\n      collapsedTables = collapsedTableOptions\n        .filter((item) => {\n          return Array.isArray(firstData[item.key]);\n        })\n        .map((item) => {\n          const index = columns.findIndex((c) => c.key === item.key);\n          if (index > -1) {\n            columns.splice(index, 1);\n          }\n          const keys = item.headerKeys || [];\n          if (!keys.includes('$actions') && item.columnOptions && item.columnOptions['$actions']) {\n            keys.push('$actions');\n          }\n          return {\n            key: item.key as string,\n            columns: keys.map((k) => {\n              const option = item.columnOptions[k];\n              return {\n                key: k,\n                label: option?.label ?? k,\n                width: option?.width ?? 60,\n                render: option?.render,\n              };\n            }),\n          };\n        })\n    }\n\n    const showCollapsedTables = collapsedTables.length > 0;\n    if (showCollapsedTables && !virtualizedOptions?.isVirtualized) {\n      const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n      if (collapsedHandlerPosition === 'right') {\n        columns.push({\n          key: '$collapsedHandler',\n          label: '',\n          width: 60,\n        })\n      } else {\n        columns = [\n          {\n            key: '$collapsedHandler',\n            label: '',\n            width: 60,\n          },\n          ...columns\n        ];\n      }\n    }\n\n    return {\n      columns,\n      sortableColumnsDefaultValue,\n      showCollapsedTables,\n      collapsedTables,\n    };\n  }, [dataSource, columnOptions]);\n\n  useEffect(() => {\n    setSortableColumnsMap(sortableColumnsDefaultValue);\n  }, [sortableColumnsDefaultValue]);\n\n  useEffect(() => {\n    setSortedData(dataSource);\n  }, [dataSource]);\n\n  if (asCard) {\n    return (\n      <CardUI\n        className={className}\n        rowKey={rowKey}\n        sortedData={sortedData}\n        columns={columns}\n        cardOptions={cardOptions}\n        onRowClick={onRowClick}\n        autoScrollToTop={autoScrollToTop}\n        emptyContent={emptyContent}\n        isLoading={isLoading}\n        loadingOptions={loadingOptions}\n        loadingContent={loadingContent}\n        virtualizedOptions={virtualizedOptions}\n        columnSlot={columnSlot}\n\n      />\n    );\n  }\n\n  if (virtualizedOptions?.isVirtualized) {\n    return (\n      <VirtualizedListUI\n        className={className}\n        rowKey={rowKey}\n        sortedData={sortedData}\n        dataSource={dataSource}\n        columns={columns}\n        columnOptions={columnOptions}\n        sortableColumnsMap={sortableColumnsMap}\n        sortingUIOptions={sortingUIOptions}\n        setSortableColumnsMap={setSortableColumnsMap}\n        setSortedData={setSortedData}\n        onRowClick={onRowClick}\n        emptyContent={emptyContent}\n        isLoading={isLoading}\n        loadingOptions={loadingOptions}\n        loadingContent={loadingContent}\n        virtualizedOptions={virtualizedOptions}\n      />\n    )\n  }\n\n  return (\n    <TableUI\n      className={className}\n      classNames={classNames}\n      isHeaderSticky={isHeaderSticky}\n      sortedData={sortedData}\n      dataSource={dataSource}\n      columns={columns}\n      columnOptions={columnOptions}\n      sortableColumnsMap={sortableColumnsMap}\n      sortingUIOptions={sortingUIOptions}\n      setSortableColumnsMap={setSortableColumnsMap}\n      setSortedData={setSortedData}\n      isLoading={isLoading}\n      loadingContent={loadingContent}\n      loadingOptions={loadingOptions}\n      emptyContent={emptyContent}\n      rowCss={rowCss}\n      onRowClick={onRowClick}\n      showCollapsedTables={showCollapsedTables}\n      collapsedTableConfig={collapsedTableConfig}\n      collapsedTables={collapsedTables}\n      rowKey={rowKey}\n      isServerPaging={isServerPaging}\n      showPagination={showPagination}\n      pagination={pagination}\n      nextuiPaginationProps={nextuiPaginationProps}\n      autoScrollToTop={autoScrollToTop}\n      columnSlot={columnSlot}\n    />\n  )\n});\n\nfunction renderFieldValue(v: any) {\n  if (typeof v == 'string' || typeof v == 'number') {\n    return v;\n  }\n  if (v == null) {\n    return null;\n  }\n  return JSON.stringify(v);\n}\n\nfunction sortData<T>({\n  sortKey,\n  key,\n  type,\n  sortableColumnsMap,\n  dataSource,\n}: {\n  sortKey: string | undefined;\n  key: string;\n  type: 'asc' | 'desc' | 'none';\n  sortableColumnsMap: {\n    [k: string]: 'asc' | 'desc' | 'none';\n  };\n  dataSource: T[];\n}) {\n  const sortableColumns: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n  Object.keys(sortableColumnsMap).map((k) => {\n    sortableColumns[k] = k === key ? type : 'none';\n  });\n  let sortedData = dataSource;\n  if (type !== 'none') {\n    const result = _.orderBy(\n      dataSource,\n      (o) => {\n        const v = _.get(o, sortKey || key);\n        if (v == null) {\n          return type === 'desc' ? '' : v;\n        }\n        if (typeof v === 'string') {\n          const _v = Number(v);\n          if (isNaN(_v)) {\n            return v.toLowerCase();\n          } else {\n            return _v;\n          }\n        }\n        return v;\n      },\n      type,\n    );\n    sortedData = result;\n  }\n  return {\n    sortableColumns,\n    sortedData,\n  };\n}\n\nfunction SortingComponent<T>({\n  sortingUIOptions,\n  columnOptions,\n  sortableColumnsMap,\n  item,\n  onSort,\n}: {\n  sortingUIOptions: SortingUIOptions;\n  columnOptions?: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  item: Column<T>;\n  onSort: (e: { type: 'asc' | 'desc' | 'none'; key: string; sortKey: string }) => void;\n}) {\n  if (sortingUIOptions?.showDropdown) {\n    return (\n      <DropdownMenu>\n        <DropdownMenuTrigger>\n          <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n            {sortableColumnsMap[item.key] === 'desc' && <ChevronDown size={14} />}\n            {sortableColumnsMap[item.key] === 'asc' && <ChevronUp size={14} />}\n            {sortableColumnsMap[item.key] === 'none' && <ChevronsUpDown size={14} />}\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className={cn('p-2 space-y-1 min-w-[4rem]', sortingUIOptions?.dropdownContentClassName)} collisionPadding={10} sideOffset={5}>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'asc',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.asc || 'ASC'}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'desc',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.desc || 'DESC'}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'none',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.none || 'NONE'}\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    );\n  }\n\n  return (\n    <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n      {sortableColumnsMap[item.key] === 'none' && (\n        <ChevronsUpDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'desc',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === 'desc' && (\n        <ChevronDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'asc',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === 'asc' && (\n        <ChevronUp\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'none',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n    </button>\n  );\n}\n\nfunction CardUI<T>({\n  className,\n  sortedData,\n  columns,\n  rowKey,\n  cardOptions,\n  onRowClick,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n  columnSlot,\n}: {\n  className?: string;\n  sortedData: T[];\n  columns: Column<T>[];\n  rowKey?: string;\n  cardOptions?: CardOptions;\n  onRowClick?: (item: T) => void;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n  columnSlot?: ((props: { row: T; }) => React.ReactNode) | React.ReactNode;\n}) {\n  const colSpan = cardOptions?.colSpan || 1;\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(\n    () => {\n      const MyCard = ({ item }) => {\n        return (\n          <Card\n            className={cn('mb-2 w-full shadow-sm p-4 rounded-lg', cardOptions?.cardClassName)}\n            isPressable={!!onRowClick}\n            onPress={() => {\n              onRowClick?.(item);\n            }}\n          >\n            {columns.map((column, i) => {\n              return (\n                <div className=\"w-full\" key={column.key}>\n                  <div className={cn('w-full', cardOptions?.itemClassName)}>\n                    <div className={cn('font-meidum text-xs text-foreground-400', cardOptions?.labelClassName)}>{column.label}</div>\n                    <div className={cn('text-xs', cardOptions?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n                  </div>\n                  {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn('my-2', cardOptions?.dividerClassName)} />}\n                </div>\n              );\n            })}\n            {typeof columnSlot === 'function' ? columnSlot({ row: item }) : columnSlot}\n          </Card>\n        );\n      }\n      if (colSpan === 1) {\n        return sortedData.map((item, index) => {\n          return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n        });\n      } else {\n        const groupData = groupByColSpan(sortedData, colSpan);\n        return groupData.map((group, gIndex) => {\n          return (\n            <div className={cn(\"flex items-center justify-between space-x-1\", cardOptions?.cardGroupClassName)} key={gIndex}>\n              {group.map((item, index) => {\n                return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n              })}\n            </div>\n          );\n        });\n      }\n    },\n    [sortedData]\n  );\n  return (\n    <div className={className}>\n      {sortedData.length > 0 ? (\n        <VList\n          style={{ height: virtualizedOptions?.vListHeight || 400 }}\n          onRangeChange={async (_, endIndex) => {\n            const count = sortedData.length / colSpan;\n            if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n              fetchedCountRef.current = count;\n              if (virtualizedOptions?.fetchData) {\n                await virtualizedOptions.fetchData()\n              }\n            }\n          }}\n        >\n          {elements}\n          {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n        </VList>\n      ) : (\n        emptyContent ?? <DefaultEmptyContent />\n      )}\n    </div>\n  );\n}\n\nfunction VirtualizedListUI<T>({\n  className,\n  sortedData,\n  dataSource,\n  columns,\n  columnOptions,\n  sortableColumnsMap,\n  sortingUIOptions,\n  setSortableColumnsMap,\n  setSortedData,\n  rowKey,\n  onRowClick,\n  rowCss,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n}: {\n  className: string;\n  sortedData: T[];\n  dataSource: T[];\n  columns: Column<T>[];\n  columnOptions: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  sortingUIOptions: SortingUIOptions;\n  setSortableColumnsMap: (value: React.SetStateAction<{\n    [k: string]: \"asc\" | \"desc\" | \"none\";\n  }>) => void;\n  setSortedData: (value: React.SetStateAction<T[]>) => void;\n  rowKey?: string;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n}) {\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(\n    () => sortedData.map((item, index) => {\n      return (\n        <div\n          key={rowKey ? item[rowKey] || index : index}\n          className={cn('w-full flex items-center space-x-1', virtualizedOptions?.classNames?.row, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n          onClick={() => {\n            onRowClick?.(item);\n          }}\n        >\n          {columns.map((column) => {\n            return (\n              <div\n                key={column.key}\n                className={cn('w-full flex-grow py-2 px-4 text-xs whitespace-nowrap overflow-auto', virtualizedOptions?.classNames?.rowCell)}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n              </div>\n            )\n          })}\n        </div>\n      );\n    }),\n    [sortedData]\n  );\n\n  return (\n    <div className={cn(\"w-full overflow-x-auto\", className)}>\n      <div className='inline-block min-w-fit w-full'>\n        <div className={cn(\"w-full flex items-center rounded-lg bg-default-100 space-x-1 mb-2\", virtualizedOptions?.classNames?.header)}>\n          {columns.map((column) => {\n            return (\n              <div\n                key={column.key}\n                className={cn(\"w-full flex-grow py-2 px-4 flex items-center text-xs font-semibold whitespace-nowrap overflow-auto\", virtualizedOptions?.classNames?.headerCell)}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                <span>{column.label}</span>\n                {!!sortableColumnsMap[column.key] && (\n                  <SortingComponent\n                    sortingUIOptions={sortingUIOptions}\n                    columnOptions={columnOptions}\n                    sortableColumnsMap={sortableColumnsMap}\n                    item={column}\n                    onSort={({ type, key, sortKey }) => {\n                      const { sortableColumns, sortedData } = sortData({\n                        type,\n                        key,\n                        sortKey,\n                        sortableColumnsMap,\n                        dataSource,\n                      });\n                      setSortableColumnsMap(sortableColumns);\n                      setSortedData(sortedData);\n                    }}\n                  />\n                )}\n              </div>\n            )\n          })}\n        </div>\n        {sortedData.length > 0 ? (\n          <VList\n            style={{ height: virtualizedOptions?.vListHeight || 200 }}\n            onRangeChange={async (_, endIndex) => {\n              const count = sortedData.length;\n              if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n                fetchedCountRef.current = count;\n                if (virtualizedOptions?.fetchData) {\n                  await virtualizedOptions.fetchData()\n                }\n              }\n            }}\n          >\n            {elements}\n            {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n          </VList>\n        ) : (\n          emptyContent ?? <DefaultEmptyContent />\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst TableUI = observer(<T,>({\n  className,\n  classNames = {},\n  isHeaderSticky,\n  sortedData,\n  dataSource,\n  columns,\n  columnOptions,\n  sortableColumnsMap,\n  sortingUIOptions,\n  setSortableColumnsMap,\n  setSortedData,\n  isLoading,\n  loadingContent,\n  loadingOptions,\n  emptyContent,\n  rowCss,\n  onRowClick,\n  showCollapsedTables,\n  collapsedTableConfig,\n  collapsedTables,\n  rowKey,\n  isServerPaging,\n  showPagination,\n  pagination = new PaginationState({\n    page: 1,\n    limit: 10,\n  }),\n  nextuiPaginationProps = {},\n  autoScrollToTop,\n  columnSlot,\n}: {\n  className: string;\n  classNames?: TableClassNames;\n  isHeaderSticky: boolean;\n  sortedData: T[];\n  dataSource: T[];\n  columns: Column<T>[];\n  columnOptions?: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  sortingUIOptions: SortingUIOptions;\n  setSortableColumnsMap: (value: React.SetStateAction<{ [k: string]: 'asc' | 'desc' | 'none'; }>) => void;\n  setSortedData: (value: React.SetStateAction<T[]>) => void;\n  isLoading: boolean;\n  loadingContent?: React.ReactNode;\n  loadingOptions?: LoadingOptions;\n  emptyContent?: React.ReactNode;\n  rowCss?: string | ((item: T) => string | undefined);\n  onRowClick?: (item: T) => void;\n  showCollapsedTables: boolean;\n  collapsedTableConfig?: CollapsedTableConfig<T>;\n  collapsedTables: CollapsedTable<any>[];\n  rowKey?: string;\n  isServerPaging?: boolean;\n  showPagination: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: PaginationProps | {};\n  autoScrollToTop: boolean;\n  columnSlot?: ((props: { row: T; }) => React.ReactNode) | React.ReactNode;\n}) => {\n  const tableBoxRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isServerPaging) {\n      pagination.setData({\n        total: dataSource.length,\n      });\n    }\n  }, [dataSource]);\n\n  const data = (isServerPaging || !showPagination) ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n  return (\n    <>\n      <div className={cn('relative w-full', className)} ref={tableBoxRef}>\n        <table className={cn('w-full h-auto table-auto', classNames.table)}>\n          <thead className={cn(classNames.thead, { 'sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg': isHeaderSticky })}>\n            <tr className={classNames.tr}>\n              {columns.map((item) => (\n                <th\n                  key={item.key}\n                  className={cn('px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', classNames.th)}\n                  style={{\n                    minWidth: item.width\n                  }}\n                >\n                  <div className=\"flex items-center\">\n                    <span>{item.label}</span>\n                    {!!sortableColumnsMap[item.key] && (\n                      <SortingComponent\n                        sortingUIOptions={sortingUIOptions}\n                        columnOptions={columnOptions}\n                        sortableColumnsMap={sortableColumnsMap}\n                        item={item}\n                        onSort={({ type, key, sortKey }) => {\n                          const { sortableColumns, sortedData } = sortData({\n                            type,\n                            key,\n                            sortKey,\n                            sortableColumnsMap,\n                            dataSource,\n                          });\n                          setSortableColumnsMap(sortableColumns);\n                          setSortedData(sortedData);\n                        }}\n                      />\n                    )}\n                  </div>\n                </th>\n              ))}\n            </tr>\n            <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n          </thead>\n          {isLoading ? (\n            <tbody className={classNames.tbody}>\n              <tr className={classNames.tr}>\n                <td\n                  className={classNames.td}\n                  colSpan={columns.length}\n                >\n                  {loadingContent || DefaultLoading({ loadingOptions })}\n                </td>\n              </tr>\n            </tbody>\n          ) : data.length > 0 ? (\n            <tbody className={classNames.tbody}>\n              {\n                showCollapsedTables ?\n                  data.map(item => {\n                    return (\n                      <CollapseBodyRow\n                        classNames={classNames}\n                        item={item}\n                        columns={columns}\n                        rowCss={rowCss}\n                        onRowClick={onRowClick}\n                        collapsedTableConfig={collapsedTableConfig}\n                        collapsedTables={collapsedTables}\n                      />\n                    )\n                  })\n                  : data.map((item, index) => {\n                    return (\n                      <>\n                        <tr\n                          key={rowKey ? item[rowKey] || index : index}\n                          className={cn(classNames.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n                          onClick={() => {\n                            onRowClick?.(item);\n                          }}\n                        >\n                          {columns.map((column) => {\n                            return (\n                              <td\n                                key={column.key}\n                                className={cn('py-2 px-3 text-xs', classNames.td)}\n                                style={{\n                                  minWidth: column.width\n                                }}\n                              >\n                                {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n                              </td>\n                            )\n                          })}\n                        </tr>\n                        {columnSlot && (\n                          <tr>\n                            <td colSpan={columns.length}>\n                              {typeof columnSlot === 'function'\n                                ? columnSlot({ row: item })\n                                : columnSlot}\n                            </td>\n                          </tr>\n                        )}\n                      </>\n                    );\n                  })\n              }\n            </tbody>\n          ) : (\n            <tbody className={classNames.tbody}>\n              <tr className={classNames.tr}>\n                <td\n                  className={classNames.td}\n                  colSpan={columns.length}\n                >\n                  {emptyContent ?? <DefaultEmptyContent />}\n                </td>\n              </tr>\n            </tbody>\n          )}\n        </table>\n      </div>\n      {showPagination && pagination.total > pagination.limit && (\n        <div className=\"flex justify-center\">\n          <NextuiPagination\n            className=\"mt-2\"\n            showControls\n            showShadow\n            size=\"sm\"\n            radius=\"sm\"\n            color=\"primary\"\n            initialPage={1}\n            total={Math.ceil(pagination.total / pagination.limit)}\n            page={pagination.page}\n            onChange={(currentPage) => {\n              pagination.setData({\n                page: currentPage,\n              });\n              if (autoScrollToTop && tableBoxRef.current) {\n                scrollIntoTop(tableBoxRef.current);\n              }\n            }}\n            {...nextuiPaginationProps}\n          />\n        </div>\n      )}\n    </>\n  );\n})\n\nfunction DefaultLoading({ loadingOptions }: { loadingOptions?: LoadingOptions }) {\n  const type = loadingOptions?.type || 'skeleton';\n  const skeletonOptions = loadingOptions?.skeleton;\n  const spinnerOptions = loadingOptions?.spinner;\n  const spinnerProps = spinnerOptions?.spinnerProps || {};\n\n  if (type === 'skeleton') {\n    return <SkeletonBox className={cn('mt-2 flex-col', skeletonOptions?.boxClassName)} skClassName={cn('h-[30px] rounded', skeletonOptions?.skeletonClassName)} line={skeletonOptions?.line || 5} />;\n  }\n\n  return (\n    <div className={cn('w-full h-[60px] flex justify-center items-center', spinnerOptions?.boxClassName)}>\n      <Spinner size=\"sm\" color=\"primary\" {...spinnerProps} />\n      <div className={cn('ml-2 text-[#64748B] text-sm', spinnerOptions?.textClassName)}>{spinnerOptions?.text || 'Loading...'}</div>\n    </div>\n  );\n}\n\nfunction DefaultEmptyContent() {\n  return <div className=\"w-full h-[60px] flex justify-center items-center text-xs text-[#64748B] dark:text-[#cacaca]\">No Data</div>;\n}\n\nfunction scrollIntoTop(target: HTMLElement) {\n  if (target) {\n    const { top } = target.getBoundingClientRect();\n    window.scrollTo({\n      top: top + window.scrollY - 100,\n      behavior: 'smooth',\n    });\n  }\n}\n\nfunction CollapseBodyRow<T>({\n  classNames,\n  item,\n  columns,\n  rowCss,\n  onRowClick,\n  collapsedTableConfig,\n  collapsedTables,\n}: {\n  classNames?: TableClassNames;\n  item: T;\n  columns: Column<T>[];\n  rowCss?: string | ((item: T) => string | undefined),\n  onRowClick?: (item: T) => void;\n  collapsedTableConfig?: {\n    classNames?: TableClassNames;\n    collapsedHandlerPosition?: 'left' | 'right';\n    collapsedHandlerBoxCss?: string;\n    openedIcon?: React.ReactNode;\n    closedIcon?: React.ReactNode;\n    onRowClick?: (item: any) => void;\n    rowCss?: string | ((item: any) => string | undefined);\n    emptyContent?: React.ReactNode;\n  };\n  collapsedTables: CollapsedTable<any>[];\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n\n  const { OpenedIcon, ClosedIcon } = useMemo(() => {\n    const defaultOpenedIcon = <ChevronDown size={18} />;\n    const defaultClosedIcon = collapsedHandlerPosition === 'left' ? <ChevronRight size={18} /> : <ChevronLeft size={18} />;\n    return {\n      OpenedIcon: collapsedTableConfig?.openedIcon || defaultOpenedIcon,\n      ClosedIcon: collapsedTableConfig?.closedIcon || defaultClosedIcon,\n    };\n  }, []);\n\n  return (\n    <>\n      <tr\n        className={cn('text-xs cursor-pointer', classNames?.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n        onClick={(e: any) => {\n          onRowClick?.(item);\n        }}\n      >\n        {columns.map((column) => {\n          if (column.key === '$collapsedHandler') {\n            return (\n              <td\n                className={classNames?.td}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                <div\n                  className={cn(\"w-6 h-6 flex items-center justify-center rounded-sm hover:bg-[#f3f3f4] dark:hover:bg-[#1e1e1e]\", collapsedTableConfig?.collapsedHandlerBoxCss)}\n\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setIsOpen((v) => !v);\n                  }}\n                >\n                  {isOpen ? OpenedIcon : ClosedIcon}\n                </div>\n              </td>\n            );\n          }\n          return (\n            <td\n              key={column.key}\n              className={cn(\"py-2 px-3 text-xs\", classNames?.td)}\n              style={{\n                minWidth: column.width\n              }}\n            >\n              {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n            </td>\n          );\n        })}\n      </tr>\n      <tr className={cn(classNames?.tr, isOpen ? 'table-row' : 'hidden')}>\n        <td colSpan={columns.length} className={cn(\"py-2 px-3 text-xs\", classNames?.td)}>\n          {collapsedTables.map((ex) => {\n            const exColumns = ex.columns;\n            const exData = item[ex.key] || [];\n            return (\n              <table className={cn(\"w-full h-auto table-auto\", collapsedTableConfig?.classNames?.table)} key={ex.key}>\n                <thead className={collapsedTableConfig?.classNames?.thead}>\n                  <tr className={collapsedTableConfig?.classNames?.tr}>\n                    {exColumns?.map((exC) => {\n                      return (\n                        <th\n                          key={exC.key}\n                          className={cn('px-3 h-10 text-xs text-left font-semibold bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', collapsedTableConfig?.classNames?.th)}\n                          style={{\n                            minWidth: exC.width\n                          }}\n                        >\n                          {exC.label}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                  <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n                </thead>\n                {exData.length > 0 ? (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    {\n                      exData.map((exItem) => (\n                        <tr\n                          key={exItem.key}\n                          className={cn('text-xs',\n                            collapsedTableConfig?.classNames?.tr,\n                            typeof collapsedTableConfig?.rowCss === 'function'\n                              ? collapsedTableConfig?.rowCss({\n                                ...exItem,\n                                $parent: item,\n                              })\n                              : collapsedTableConfig?.rowCss\n                          )}\n                          onClick={(e: any) => {\n                            collapsedTableConfig?.onRowClick?.({\n                              ...exItem,\n                              $parent: item,\n                            });\n                          }}\n                        >\n                          {exColumns?.map((exC) => {\n                            return (\n                              <td\n                                key={exC.key}\n                                className={cn('py-2 px-3 text-xs', collapsedTableConfig?.classNames?.td)}\n                                style={{\n                                  minWidth: exC.width\n                                }}\n                              >\n                                {exC.render\n                                  ? exC.render({\n                                    ...exItem,\n                                    $parent: item,\n                                  })\n                                  : renderFieldValue(exItem[exC.key])}\n                              </td>\n                            );\n                          })}\n                        </tr>\n                      ))\n                    }\n                  </tbody>\n                ) : (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    <tr className={collapsedTableConfig?.classNames?.tr}>\n                      <td\n                        className={collapsedTableConfig?.classNames?.td}\n                        colSpan={columns.length}\n                      >\n                        {collapsedTableConfig?.emptyContent ?? <DefaultEmptyContent />}\n                      </td>\n                    </tr>\n                  </tbody>\n                )}\n              </table>\n            );\n          })}\n        </td>\n      </tr>\n    </>\n  )\n}\n\nfunction groupByColSpan(arr: any[], colSpan: number) {\n  const result = [];\n  for (let i = 0; i < arr.length; i += colSpan) {\n    result.push(arr.slice(i, i + colSpan));\n  }\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuArrow = DropdownMenuPrimitive.Arrow\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-white dark:bg-[#18181B] border dark:border-none p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-lg bg-white dark:bg-[#18181B] border dark:border-[#3e3e3e] p-1 text-popover-foreground shadow-md animate-in 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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n  DropdownMenuArrow,\n}\n"]}

package/dist/jsontable.mjs

@@ -1,4 +1,4 @@
-export { JSONTable } from './chunk-24SBSTZU.mjs';
+export { JSONTable } from './chunk-PUGMD5HB.mjs';
 import './chunk-ONVPCAMQ.mjs';
 import './chunk-QA3E2PJT.mjs';
 import './chunk-K7LFG5BA.mjs';

package/dist/metrics.mjs

@@ -1,4 +1,4 @@
-import { JSONTable } from './chunk-24SBSTZU.mjs';
+import { JSONTable } from './chunk-PUGMD5HB.mjs';
 import './chunk-ONVPCAMQ.mjs';
 import { SkeletonBox } from './chunk-QA3E2PJT.mjs';
 import './chunk-K7LFG5BA.mjs';

package/dist/wallet.d.mts

@@ -12,7 +12,7 @@ import * as _rainbow_me_rainbowkit_dist_config_getDefaultConfig from '@rainbow-m
 import 'mobx';
 import 'typed-emitter';
 
-declare const WalletProvider: (({ children, theme, appName, supportedChains, compatibleMode, rainbowKitProps }: {
+declare const WalletProvider: (({ children, theme, appName, supportedChains, compatibleMode, rainbowKitProps, projectId }: {
     children: React.ReactNode;
     theme?: "dark" | "light";
     appName?: string;
@@ -20,6 +20,7 @@ declare const WalletProvider: (({ children, theme, appName, supportedChains, com
     compatibleMode?: boolean;
     debug?: boolean;
     rainbowKitProps?: any;
+    projectId?: string;
 }) => React.JSX.Element) & {
     displayName: string;
 };

package/dist/wallet.mjs

@@ -34,7 +34,8 @@ var WalletProvider = observer(({
   appName,
   supportedChains,
   compatibleMode = true,
-  rainbowKitProps
+  rainbowKitProps,
+  projectId
 }) => {
   const walletConfig = RootStore.Get(WalletConfigStore, { args: { supportedChains: supportedChains != null ? supportedChains : [iotex] } });
   useEffect(() => {
@@ -44,7 +45,10 @@ var WalletProvider = observer(({
     if (compatibleMode != void 0) {
       walletConfig.compatibleMode = compatibleMode;
     }
-  }, [appName, compatibleMode]);
+    if (projectId) {
+      walletConfig.projectId = projectId;
+    }
+  }, [appName, compatibleMode, projectId]);
   useEffect(() => {
     const sdk = new SafeAppsSDK();
     sdk.safe.getEnvironmentInfo().then(({ origin }) => {

package/dist/wallet.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../module/Wallet/provider.tsx","../module/Wallet/type.ts","../module/Wallet/RpcList/index.tsx"],"names":["observer","React","useEffect"],"mappings":"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","sourcesContent":["import { RainbowKitProvider, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useReconnect, useWalletClient, WagmiProvider } from 'wagmi';\nimport { RootStore } from \"../../store\";\nimport { WalletStore } from '.';\nimport { WalletConfigStore } from './walletConfigStore'\nimport { reaction } from 'mobx';\nimport { type Chain } from \"viem/chains\";\nimport { iotex } from './type';\nimport SafeAppsSDK from '@safe-global/safe-apps-sdk';\nimport { observer } from 'mobx-react-lite';\nconst queryClient = new QueryClient();\nexport const WalletProvider = observer((({\n  children,\n  theme,\n  appName,\n  supportedChains,\n  compatibleMode = true,\n  rainbowKitProps\n}: {\n  children: React.ReactNode,\n  theme?: 'dark' | 'light',\n  appName?: string,\n  supportedChains?: Chain[],\n  compatibleMode?: boolean,\n  debug?: boolean,\n  rainbowKitProps?: any\n}) => {\n  //@ts-ignore\n  const walletConfig = RootStore.Get(WalletConfigStore, { args: { supportedChains: supportedChains ?? [iotex] } });\n  useEffect(() => {\n    if (appName) {\n      walletConfig.appName = appName\n    }\n    if (compatibleMode != undefined) {\n      walletConfig.compatibleMode = compatibleMode\n    }\n  }, [appName, compatibleMode])\n  useEffect(() => {\n    const sdk = new SafeAppsSDK()\n    sdk.safe.getEnvironmentInfo().then(({ origin }) => {\n      if (origin) {\n        walletConfig.isInSafeApp = true\n      }\n    })\n  }, [])\n  return (\n    <WagmiProvider config={walletConfig.rainbowKitConfig} reconnectOnMount={walletConfig.reconnectOnMount}>\n      <QueryClientProvider client={queryClient} >\n        <RainbowKitProvider locale=\"en\" theme={theme == 'dark' ? darkTheme() : lightTheme()} {...rainbowKitProps}>\n          {children}\n          {\n            compatibleMode ? <WalletConnectcompatibleMode /> : <WalletConnect />\n          }\n        </RainbowKitProvider>\n      </QueryClientProvider>\n    </WagmiProvider>\n  );\n}));\n\n//There are problems with safeWallet calls in compatibility mode\nexport const WalletConnectcompatibleMode = () => {\n  const wallet = RootStore.Get(WalletStore);\n  wallet.use();\n  return <></>;\n};\n\nexport const WalletConnect = () => {\n  const wallet = RootStore.Get(WalletStore);\n  wallet.useWalletClientWithoutCompatibleMode();\n  wallet.use();\n  return <></>;\n};\n","import { iotex as _iotex, iotexTestnet as _iotexTestnet, type Chain } from \"viem/chains\";\n\nexport type NetworkObject = {\n  name: string;\n  chainId: number;\n  rpcUrl: string;\n  logoUrl: string;\n  explorerUrl: string;\n  explorerName: string;\n  nativeCoin: string;\n  type: 'mainnet' | 'testnet';\n};\n\nexport type WalletTransactionHistoryType = {\n  chainId: number;\n  tx?: string;\n  msg: string;\n  timestamp: number;\n  type: string;\n  status: 'loading' | 'success' | 'fail';\n};\n\nexport type AddressMode = 'io' | '0x';\n\nexport const iotex = {\n  iconUrl: 'https://cdn-dapp-works.s3.us-east-1.amazonaws.com/1dd84d927ae959c508392be62e6eb549.png',\n  ..._iotex,\n} as Chain;\nexport const iotexTestnet = {\n  iconUrl: 'https://cdn-dapp-works.s3.us-east-1.amazonaws.com/1dd84d927ae959c508392be62e6eb549.png',\n  ..._iotexTestnet,\n} as Chain;;","import { Icon } from '@iconify/react';\nimport { Button, Checkbox, Chip, Input, Listbox, ListboxItem, Popover, PopoverContent, PopoverTrigger, Radio, RadioGroup, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tooltip } from '@nextui-org/react';\nimport { observer, useLocalObservable } from 'mobx-react-lite';\nimport React from 'react';\nimport { useEffect } from 'react';\nimport { RootStore } from \"../../../store\";\nimport { WalletStore } from \"..\";\nimport { WalletRpcStore } from '../walletPluginStore';\nimport { ToastPlugin } from '../../Toast/Toast';\n\n\nconst RpcList = observer(() => {\n  const wallet = RootStore.Get(WalletStore)\n  const rpcStore = RootStore.Get(WalletRpcStore)\n  useEffect(() => {\n    rpcStore.testRpc()\n  }, [])\n\n  return (\n    <div className='mb-3 mt-4'>\n      <div className='w-full flex mb-2 mt-2'>\n        <div className='flex items-center justify-center gap-2'>\n          <Checkbox size='sm' isSelected={rpcStore.isAutoSelectRpc.value} onValueChange={e => rpcStore.isAutoSelectRpc.save(e)}>Auto select rpc</Checkbox>\n          <Tooltip content={<div className='w-[300px]'>Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.</div>}>\n            <Icon icon=\"ph:question\" width=\"18\" height=\"18\" className='text-gray-500' />\n          </Tooltip>\n        </div>\n\n        <Button startContent={<Icon icon=\"tabler:test-pipe\" width=\"18\" height=\"18\" />} className='ml-auto' onClick={e => {\n          rpcStore.testRpc()\n        }}>Test</Button>\n        <Popover placement=\"bottom\" offset={20} showArrow isOpen={rpcStore.showCustomRpc} onOpenChange={(open) => rpcStore.showCustomRpc = (open)}>\n          <PopoverTrigger>\n            <Button color=\"primary\" startContent={<Icon icon=\"basil:add-solid\" width=\"18\" height=\"18\" />} className='ml-4'>Add custom rpc</Button>\n          </PopoverTrigger>\n          <PopoverContent>\n            <div className=\"px-1 py-2\">\n              <Input\n                type=\"url\"\n                className='mb-4'\n                placeholder=\"https://rpc.com\"\n                value={rpcStore.customRpc}\n                onValueChange={(value) => {\n                  rpcStore.customRpc = value;\n                }}\n              />\n              <Button color='primary' isDisabled={!rpcStore.customRpc} onClick={e => rpcStore.addCustomRpc()}>Save</Button>\n            </div>\n          </PopoverContent>\n        </Popover>\n\n      </div>\n\n      <Table\n        color=\"success\"\n        selectionMode=\"single\"\n        defaultSelectedKeys={[rpcStore.curRpc.value]}\n        aria-label=\"Example static collection table\"\n      >\n        <TableHeader>\n          <TableColumn>RPC Server Address</TableColumn>\n          <TableColumn align='center'>Score</TableColumn>\n          <TableColumn align='center'>Height</TableColumn>\n          <TableColumn align='center'>Latency</TableColumn>\n          <TableColumn align='center'>Action</TableColumn>\n        </TableHeader>\n        <TableBody >\n          {\n            rpcStore.rpcList?.value?.map((item, index) => {\n              return <TableRow className='cursor-pointer' key={item.name} onClick={e => {\n                rpcStore.curRpc.save(item.name)\n                RootStore.Get(ToastPlugin).success('Set rpc success')\n              }} >\n                <TableCell >{item.name}</TableCell>\n                <TableCell >{rpcStore.scoreIcon(item.latency)}</TableCell>\n                <TableCell>{item.height}</TableCell>\n                <TableCell className={rpcStore.latencyColor(item.latency)}>{item.latency}s</TableCell>\n                <TableCell>\n                  <div className=\"relative flex items-center gap-2\">\n                    <Tooltip content=\"Add to metamask\">\n                      <span className=\"text-lg text-danger cursor-pointer active:opacity-50\" onClick={e => {\n                        e.stopPropagation()\n                        rpcStore.addToMetamask(item.name)\n                      }}>\n                        <Icon icon=\"logos:metamask-icon\" width=\"18\" height=\"18\" />\n                      </span>\n                    </Tooltip>\n                    {\n                      item.custom && <Tooltip content=\"Remove\">\n                        <span className=\"text-lg text-danger cursor-pointer active:opacity-50\" onClick={e => {\n                          e.stopPropagation()\n                          rpcStore.removeRpc(item.name)\n                        }}>\n                          <Icon icon=\"solar:trash-bin-minimalistic-broken\" width=\"20\" height=\"20\" />\n                        </span>\n                      </Tooltip>\n                    }\n                  </div>\n                </TableCell>\n              </TableRow>\n            })\n          }\n        </TableBody>\n      </Table>\n    </div>\n  );\n});\n\nexport { RpcList };\n"]}
+{"version":3,"sources":["../module/Wallet/provider.tsx","../module/Wallet/type.ts","../module/Wallet/RpcList/index.tsx"],"names":["observer","React","useEffect"],"mappings":"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","sourcesContent":["import { RainbowKitProvider, darkTheme, lightTheme } from '@rainbow-me/rainbowkit';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { useReconnect, useWalletClient, WagmiProvider } from 'wagmi';\nimport { RootStore } from \"../../store\";\nimport { WalletStore } from '.';\nimport { WalletConfigStore } from './walletConfigStore'\nimport { reaction } from 'mobx';\nimport { type Chain } from \"viem/chains\";\nimport { iotex } from './type';\nimport SafeAppsSDK from '@safe-global/safe-apps-sdk';\nimport { observer } from 'mobx-react-lite';\nconst queryClient = new QueryClient();\nexport const WalletProvider = observer((({\n  children,\n  theme,\n  appName,\n  supportedChains,\n  compatibleMode = true,\n  rainbowKitProps,\n  projectId\n}: {\n  children: React.ReactNode,\n  theme?: 'dark' | 'light',\n  appName?: string,\n  supportedChains?: Chain[],\n  compatibleMode?: boolean,\n  debug?: boolean,\n  rainbowKitProps?: any,\n  projectId?: string\n}) => {\n  //@ts-ignore\n  const walletConfig = RootStore.Get(WalletConfigStore, { args: { supportedChains: supportedChains ?? [iotex] } });\n  useEffect(() => {\n    if (appName) {\n      walletConfig.appName = appName\n    }\n    if (compatibleMode != undefined) {\n      walletConfig.compatibleMode = compatibleMode\n    }\n    if (projectId) {\n      walletConfig.projectId = projectId\n    }\n  }, [appName, compatibleMode, projectId])\n  useEffect(() => {\n    const sdk = new SafeAppsSDK()\n    sdk.safe.getEnvironmentInfo().then(({ origin }) => {\n      if (origin) {\n        walletConfig.isInSafeApp = true\n      }\n    })\n  }, [])\n  return (\n    <WagmiProvider config={walletConfig.rainbowKitConfig} reconnectOnMount={walletConfig.reconnectOnMount}>\n      <QueryClientProvider client={queryClient} >\n        <RainbowKitProvider locale=\"en\" theme={theme == 'dark' ? darkTheme() : lightTheme()} {...rainbowKitProps}>\n          {children}\n          {\n            compatibleMode ? <WalletConnectcompatibleMode /> : <WalletConnect />\n          }\n        </RainbowKitProvider>\n      </QueryClientProvider>\n    </WagmiProvider>\n  );\n}));\n\n//There are problems with safeWallet calls in compatibility mode\nexport const WalletConnectcompatibleMode = () => {\n  const wallet = RootStore.Get(WalletStore);\n  wallet.use();\n  return <></>;\n};\n\nexport const WalletConnect = () => {\n  const wallet = RootStore.Get(WalletStore);\n  wallet.useWalletClientWithoutCompatibleMode();\n  wallet.use();\n  return <></>;\n};\n","import { iotex as _iotex, iotexTestnet as _iotexTestnet, type Chain } from \"viem/chains\";\n\nexport type NetworkObject = {\n  name: string;\n  chainId: number;\n  rpcUrl: string;\n  logoUrl: string;\n  explorerUrl: string;\n  explorerName: string;\n  nativeCoin: string;\n  type: 'mainnet' | 'testnet';\n};\n\nexport type WalletTransactionHistoryType = {\n  chainId: number;\n  tx?: string;\n  msg: string;\n  timestamp: number;\n  type: string;\n  status: 'loading' | 'success' | 'fail';\n};\n\nexport type AddressMode = 'io' | '0x';\n\nexport const iotex = {\n  iconUrl: 'https://cdn-dapp-works.s3.us-east-1.amazonaws.com/1dd84d927ae959c508392be62e6eb549.png',\n  ..._iotex,\n} as Chain;\nexport const iotexTestnet = {\n  iconUrl: 'https://cdn-dapp-works.s3.us-east-1.amazonaws.com/1dd84d927ae959c508392be62e6eb549.png',\n  ..._iotexTestnet,\n} as Chain;;","import { Icon } from '@iconify/react';\nimport { Button, Checkbox, Chip, Input, Listbox, ListboxItem, Popover, PopoverContent, PopoverTrigger, Radio, RadioGroup, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tooltip } from '@nextui-org/react';\nimport { observer, useLocalObservable } from 'mobx-react-lite';\nimport React from 'react';\nimport { useEffect } from 'react';\nimport { RootStore } from \"../../../store\";\nimport { WalletStore } from \"..\";\nimport { WalletRpcStore } from '../walletPluginStore';\nimport { ToastPlugin } from '../../Toast/Toast';\n\n\nconst RpcList = observer(() => {\n  const wallet = RootStore.Get(WalletStore)\n  const rpcStore = RootStore.Get(WalletRpcStore)\n  useEffect(() => {\n    rpcStore.testRpc()\n  }, [])\n\n  return (\n    <div className='mb-3 mt-4'>\n      <div className='w-full flex mb-2 mt-2'>\n        <div className='flex items-center justify-center gap-2'>\n          <Checkbox size='sm' isSelected={rpcStore.isAutoSelectRpc.value} onValueChange={e => rpcStore.isAutoSelectRpc.save(e)}>Auto select rpc</Checkbox>\n          <Tooltip content={<div className='w-[300px]'>Once selected, if the current RPC cannot send a request, an available RPC will be automatically chosen.</div>}>\n            <Icon icon=\"ph:question\" width=\"18\" height=\"18\" className='text-gray-500' />\n          </Tooltip>\n        </div>\n\n        <Button startContent={<Icon icon=\"tabler:test-pipe\" width=\"18\" height=\"18\" />} className='ml-auto' onClick={e => {\n          rpcStore.testRpc()\n        }}>Test</Button>\n        <Popover placement=\"bottom\" offset={20} showArrow isOpen={rpcStore.showCustomRpc} onOpenChange={(open) => rpcStore.showCustomRpc = (open)}>\n          <PopoverTrigger>\n            <Button color=\"primary\" startContent={<Icon icon=\"basil:add-solid\" width=\"18\" height=\"18\" />} className='ml-4'>Add custom rpc</Button>\n          </PopoverTrigger>\n          <PopoverContent>\n            <div className=\"px-1 py-2\">\n              <Input\n                type=\"url\"\n                className='mb-4'\n                placeholder=\"https://rpc.com\"\n                value={rpcStore.customRpc}\n                onValueChange={(value) => {\n                  rpcStore.customRpc = value;\n                }}\n              />\n              <Button color='primary' isDisabled={!rpcStore.customRpc} onClick={e => rpcStore.addCustomRpc()}>Save</Button>\n            </div>\n          </PopoverContent>\n        </Popover>\n\n      </div>\n\n      <Table\n        color=\"success\"\n        selectionMode=\"single\"\n        defaultSelectedKeys={[rpcStore.curRpc.value]}\n        aria-label=\"Example static collection table\"\n      >\n        <TableHeader>\n          <TableColumn>RPC Server Address</TableColumn>\n          <TableColumn align='center'>Score</TableColumn>\n          <TableColumn align='center'>Height</TableColumn>\n          <TableColumn align='center'>Latency</TableColumn>\n          <TableColumn align='center'>Action</TableColumn>\n        </TableHeader>\n        <TableBody >\n          {\n            rpcStore.rpcList?.value?.map((item, index) => {\n              return <TableRow className='cursor-pointer' key={item.name} onClick={e => {\n                rpcStore.curRpc.save(item.name)\n                RootStore.Get(ToastPlugin).success('Set rpc success')\n              }} >\n                <TableCell >{item.name}</TableCell>\n                <TableCell >{rpcStore.scoreIcon(item.latency)}</TableCell>\n                <TableCell>{item.height}</TableCell>\n                <TableCell className={rpcStore.latencyColor(item.latency)}>{item.latency}s</TableCell>\n                <TableCell>\n                  <div className=\"relative flex items-center gap-2\">\n                    <Tooltip content=\"Add to metamask\">\n                      <span className=\"text-lg text-danger cursor-pointer active:opacity-50\" onClick={e => {\n                        e.stopPropagation()\n                        rpcStore.addToMetamask(item.name)\n                      }}>\n                        <Icon icon=\"logos:metamask-icon\" width=\"18\" height=\"18\" />\n                      </span>\n                    </Tooltip>\n                    {\n                      item.custom && <Tooltip content=\"Remove\">\n                        <span className=\"text-lg text-danger cursor-pointer active:opacity-50\" onClick={e => {\n                          e.stopPropagation()\n                          rpcStore.removeRpc(item.name)\n                        }}>\n                          <Icon icon=\"solar:trash-bin-minimalistic-broken\" width=\"20\" height=\"20\" />\n                        </span>\n                      </Tooltip>\n                    }\n                  </div>\n                </TableCell>\n              </TableRow>\n            })\n          }\n        </TableBody>\n      </Table>\n    </div>\n  );\n});\n\nexport { RpcList };\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dappworks/kit",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "",
   "main": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -169,4 +169,4 @@
     "reflect-metadata": "^0.2.2",
     "virtua": "0.33.7"
   }
-}
+}

package/dist/chunk-24SBSTZU.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/JSONTable/index.tsx","../components/ui/dropdown-menu.tsx"],"names":["React","ChevronRight","sortableColumnsDefaultValue","columns","collapsedTables","keys","showCollapsedTables","_a","_","sortedData"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Card,\n  Divider,\n  Pagination as NextuiPagination,\n  PaginationProps,\n  Spinner,\n  SpinnerProps,\n} from '@nextui-org/react';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsUpDown } from \"lucide-react\";\nimport { observer } from \"mobx-react-lite\";\nimport { PaginationState } from \"../../store/standard/PaginationState\";\nimport { SkeletonBox } from \"../Common/SkeletonBox\";\nimport { _ } from \"../../lib/lodash\";\nimport { cn } from \"../../lib/utils\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../ui/dropdown-menu';\nimport { VList } from 'virtua';\n\nexport type TableClassNames = {\n  table?: string;\n  thead?: string;\n  tr?: string;\n  th?: string;\n  tbody?: string;\n  td?: string;\n}\n\nexport type HeaderKeys<T extends Record<string, any>> = Array<keyof T | '$actions'>;\n\nexport type ColumnConfig<T> = {\n  label?: React.ReactNode;\n  width?: number;\n  hidden?: boolean;\n  sortable?: boolean;\n  sortKey?: string;\n  order?: number;\n  render?: (item: T) => any;\n}\n\nexport type ColumnOptions<T> = {\n  [key in keyof T]?: ColumnConfig<T>;\n} & {\n  $actions?: ColumnConfig<T>;\n};\n\ntype Column<T> = {\n  key: string;\n  label: React.ReactNode;\n  width: number;\n  render?: (item: T) => any;\n};\n\ntype CollapsedTable<U> = {\n  key: string;\n  columns: Column<U>[];\n\n};\n\nexport type CardOptions = {\n  cardClassName?: string;\n  itemClassName?: string;\n  labelClassName?: string;\n  valueClassName?: string;\n  showDivider?: boolean;\n  dividerClassName?: string;\n  colSpan?: number\n  cardGroupClassName?: string;\n};\n\nexport type LoadingOptions = {\n  type?: 'skeleton' | 'spinner';\n  skeleton?: {\n    boxClassName?: string;\n    skeletonClassName?: string;\n    line?: number;\n  };\n  spinner?: {\n    boxClassName?: string;\n    spinnerProps?: SpinnerProps;\n    text?: string;\n    textClassName?: string;\n  };\n};\n\nexport type SortingUIOptions = {\n  showDropdown?: boolean;\n  dropdownTriggerBtnClassName?: string;\n  dropdownContentClassName?: string;\n  dropdownItemClassName?: string;\n  titles?: {\n    asc?: string;\n    desc?: string;\n    none?: string;\n  };\n};\n\nexport type CollapsedTableConfig<T> = {\n  classNames?: TableClassNames;\n  options: {\n    key: keyof T;\n    headerKeys: string[];\n    columnOptions: ColumnOptions<any>;\n  }[];\n  collapsedHandlerPosition?: 'left' | 'right';\n  collapsedHandlerBoxCss?: string;\n  openedIcon?: React.ReactNode;\n  closedIcon?: React.ReactNode;\n  onRowClick?: (item: any) => void;\n  rowCss?: string | ((item: any) => string | undefined);\n  emptyContent?: React.ReactNode;\n}\n\nexport type VirtualizedOptions = {\n  isVirtualized?: boolean;\n  vListHeight?: number;\n  classNames?: {\n    header?: string;\n    headerCell?: string;\n    row?: string;\n    rowCell?: string;\n  },\n  fetchData?: () => Promise<void>;\n}\n\nexport interface JSONTableProps<T extends Record<string, any>> {\n  className?: string;\n  classNames?: TableClassNames;\n  rowKey?: string;\n  dataSource: T[];\n  headerKeys?: HeaderKeys<T>;\n  columnOptions?: ColumnOptions<T>;\n  isServerPaging?: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: Partial<PaginationProps>;\n  showPagination?: boolean;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  asCard?: boolean;\n  cardOptions?: CardOptions;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  columnSlot?: ((props: { row: T }) => React.ReactNode) | React.ReactNode;\n  isHeaderSticky?: boolean;\n  sortingUIOptions?: SortingUIOptions;\n  collapsedTableConfig?: CollapsedTableConfig<T>;\n  virtualizedOptions?: VirtualizedOptions;\n}\n\nexport const JSONTable = (<T extends Record<string, any>>(props: JSONTableProps<T>) => {\n  const {\n    className,\n    classNames,\n    dataSource = [],\n    columnOptions,\n    headerKeys,\n    isServerPaging,\n    pagination,\n    nextuiPaginationProps,\n    showPagination = true,\n    rowKey,\n    onRowClick,\n    rowCss,\n    columnSlot,\n    asCard = false,\n    cardOptions,\n    autoScrollToTop = false,\n    emptyContent,\n    isLoading = false,\n    loadingOptions,\n    loadingContent,\n    isHeaderSticky = false,\n    sortingUIOptions,\n    collapsedTableConfig,\n    virtualizedOptions\n  } = props;\n  const [sortableColumnsMap, setSortableColumnsMap] = useState<{ [k: string]: 'asc' | 'desc' | 'none' }>({});\n  const [sortedData, setSortedData] = useState<T[]>(dataSource);\n\n  const { columns, sortableColumnsDefaultValue, showCollapsedTables, collapsedTables } = useMemo(() => {\n    const firstData = dataSource[0];\n\n    const allKeys = firstData ? Object.keys(firstData) : [];\n    const keys = headerKeys ? headerKeys : columnOptions ? allKeys.filter((key) => !columnOptions[key]?.hidden) : allKeys;\n    if (!keys.includes('$actions') && columnOptions && columnOptions['$actions']) {\n      keys.push('$actions');\n    }\n\n    const sortableColumnsDefaultValue: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n\n    let columns: Column<T>[] = keys.map((key: string) => {\n      const sortable = columnOptions?.[key]?.sortable;\n      if (sortable) {\n        sortableColumnsDefaultValue[key] = 'none';\n      }\n      return {\n        key,\n        label: columnOptions?.[key]?.label ?? (key === '$actions' ? '' : key),\n        width: columnOptions?.[key]?.width ?? 60,\n        render: columnOptions?.[key]?.render,\n      };\n    });\n\n    if (!headerKeys && columnOptions) {\n      columns.sort((a, b) => {\n        const aOrder = columnOptions[a.key]?.order ?? 0;\n        const bOrder = columnOptions[b.key]?.order ?? 0;\n        return bOrder - aOrder;\n      });\n    }\n\n    let collapsedTables: CollapsedTable<any>[] = [];\n    if (firstData && collapsedTableConfig?.options) {\n      const collapsedTableOptions = collapsedTableConfig.options;\n      collapsedTables = collapsedTableOptions\n        .filter((item) => {\n          return Array.isArray(firstData[item.key]);\n        })\n        .map((item) => {\n          const index = columns.findIndex((c) => c.key === item.key);\n          if (index > -1) {\n            columns.splice(index, 1);\n          }\n          const keys = item.headerKeys || [];\n          if (!keys.includes('$actions') && item.columnOptions && item.columnOptions['$actions']) {\n            keys.push('$actions');\n          }\n          return {\n            key: item.key as string,\n            columns: keys.map((k) => {\n              const option = item.columnOptions[k];\n              return {\n                key: k,\n                label: option?.label ?? k,\n                width: option?.width ?? 60,\n                render: option?.render,\n              };\n            }),\n          };\n        })\n    }\n\n    const showCollapsedTables = collapsedTables.length > 0;\n    if (showCollapsedTables && !virtualizedOptions?.isVirtualized) {\n      const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n      if (collapsedHandlerPosition === 'right') {\n        columns.push({\n          key: '$collapsedHandler',\n          label: '',\n          width: 60,\n        })\n      } else {\n        columns = [\n          {\n            key: '$collapsedHandler',\n            label: '',\n            width: 60,\n          },\n          ...columns\n        ];\n      }\n    }\n\n    return {\n      columns,\n      sortableColumnsDefaultValue,\n      showCollapsedTables,\n      collapsedTables,\n    };\n  }, [dataSource, columnOptions]);\n\n  useEffect(() => {\n    setSortableColumnsMap(sortableColumnsDefaultValue);\n  }, [sortableColumnsDefaultValue]);\n\n  useEffect(() => {\n    setSortedData(dataSource);\n  }, [dataSource]);\n\n  if (asCard) {\n    if (virtualizedOptions?.isVirtualized) {\n      return (\n        <VirtualizedCardUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          columns={columns}\n          cardOptions={cardOptions}\n          onRowClick={onRowClick}\n          autoScrollToTop={autoScrollToTop}\n          emptyContent={emptyContent}\n          isLoading={isLoading}\n          loadingOptions={loadingOptions}\n          loadingContent={loadingContent}\n          virtualizedOptions={virtualizedOptions}\n          columnSlot={columnSlot}\n\n        />\n      )\n    } else {\n      return (\n        <CardUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          columns={columns}\n          cardOptions={cardOptions}\n          onRowClick={onRowClick}\n          autoScrollToTop={autoScrollToTop}\n          emptyContent={emptyContent}\n          columnSlot={columnSlot}\n          showPagination={showPagination}\n          pagination={pagination}\n          nextuiPaginationProps={nextuiPaginationProps}\n        />\n      )\n    }\n  } else {\n    if (virtualizedOptions?.isVirtualized) {\n      return (\n        <VirtualizedListUI\n          className={className}\n          rowKey={rowKey}\n          sortedData={sortedData}\n          dataSource={dataSource}\n          columns={columns}\n          columnOptions={columnOptions}\n          sortableColumnsMap={sortableColumnsMap}\n          sortingUIOptions={sortingUIOptions}\n          setSortableColumnsMap={setSortableColumnsMap}\n          setSortedData={setSortedData}\n          onRowClick={onRowClick}\n          emptyContent={emptyContent}\n          isLoading={isLoading}\n          loadingOptions={loadingOptions}\n          loadingContent={loadingContent}\n          virtualizedOptions={virtualizedOptions}\n        />\n      )\n    } else {\n      return (\n        <TableUI\n          className={className}\n          classNames={classNames}\n          isHeaderSticky={isHeaderSticky}\n          sortedData={sortedData}\n          dataSource={dataSource}\n          columns={columns}\n          columnOptions={columnOptions}\n          sortableColumnsMap={sortableColumnsMap}\n          sortingUIOptions={sortingUIOptions}\n          setSortableColumnsMap={setSortableColumnsMap}\n          setSortedData={setSortedData}\n          isLoading={isLoading}\n          loadingContent={loadingContent}\n          loadingOptions={loadingOptions}\n          emptyContent={emptyContent}\n          rowCss={rowCss}\n          onRowClick={onRowClick}\n          showCollapsedTables={showCollapsedTables}\n          collapsedTableConfig={collapsedTableConfig}\n          collapsedTables={collapsedTables}\n          rowKey={rowKey}\n          isServerPaging={isServerPaging}\n          showPagination={showPagination}\n          pagination={pagination}\n          nextuiPaginationProps={nextuiPaginationProps}\n          autoScrollToTop={autoScrollToTop}\n          columnSlot={columnSlot}\n        />\n      )\n    }\n  }\n});\n\nfunction renderFieldValue(v: any) {\n  if (typeof v == 'string' || typeof v == 'number') {\n    return v;\n  }\n  if (v == null) {\n    return null;\n  }\n  return JSON.stringify(v);\n}\n\nfunction sortData<T>({\n  sortKey,\n  key,\n  type,\n  sortableColumnsMap,\n  dataSource,\n}: {\n  sortKey: string | undefined;\n  key: string;\n  type: 'asc' | 'desc' | 'none';\n  sortableColumnsMap: {\n    [k: string]: 'asc' | 'desc' | 'none';\n  };\n  dataSource: T[];\n}) {\n  const sortableColumns: { [k: string]: 'asc' | 'desc' | 'none' } = {};\n  Object.keys(sortableColumnsMap).map((k) => {\n    sortableColumns[k] = k === key ? type : 'none';\n  });\n  let sortedData = dataSource;\n  if (type !== 'none') {\n    const result = _.orderBy(\n      dataSource,\n      (o) => {\n        const v = _.get(o, sortKey || key);\n        if (v == null) {\n          return type === 'desc' ? '' : v;\n        }\n        if (typeof v === 'string') {\n          const _v = Number(v);\n          if (isNaN(_v)) {\n            return v.toLowerCase();\n          } else {\n            return _v;\n          }\n        }\n        return v;\n      },\n      type,\n    );\n    sortedData = result;\n  }\n  return {\n    sortableColumns,\n    sortedData,\n  };\n}\n\nfunction SortingComponent<T>({\n  sortingUIOptions,\n  columnOptions,\n  sortableColumnsMap,\n  item,\n  onSort,\n}: {\n  sortingUIOptions: SortingUIOptions;\n  columnOptions?: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  item: Column<T>;\n  onSort: (e: { type: 'asc' | 'desc' | 'none'; key: string; sortKey: string }) => void;\n}) {\n  if (sortingUIOptions?.showDropdown) {\n    return (\n      <DropdownMenu>\n        <DropdownMenuTrigger>\n          <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n            {sortableColumnsMap[item.key] === 'desc' && <ChevronDown size={14} />}\n            {sortableColumnsMap[item.key] === 'asc' && <ChevronUp size={14} />}\n            {sortableColumnsMap[item.key] === 'none' && <ChevronsUpDown size={14} />}\n          </button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className={cn('p-2 space-y-1 min-w-[4rem]', sortingUIOptions?.dropdownContentClassName)} collisionPadding={10} sideOffset={5}>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'asc',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.asc || 'ASC'}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'desc',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.desc || 'DESC'}\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            className={cn('text-xs font-bold cursor-pointer', sortingUIOptions?.dropdownItemClassName)}\n            onClick={() => {\n              onSort({\n                type: 'none',\n                key: item.key,\n                sortKey: columnOptions?.[item.key]?.sortKey,\n              });\n            }}\n          >\n            {sortingUIOptions?.titles?.none || 'NONE'}\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    );\n  }\n\n  return (\n    <button className={cn('outline-none p-1', sortingUIOptions?.dropdownTriggerBtnClassName)}>\n      {sortableColumnsMap[item.key] === 'none' && (\n        <ChevronsUpDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'desc',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === 'desc' && (\n        <ChevronDown\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'asc',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n      {sortableColumnsMap[item.key] === 'asc' && (\n        <ChevronUp\n          size={14}\n          onClick={() => {\n            onSort({\n              type: 'none',\n              key: item.key,\n              sortKey: columnOptions?.[item.key]?.sortKey,\n            });\n          }}\n        />\n      )}\n    </button>\n  );\n}\n\nconst CardUI = observer(<T,>({\n  className,\n  sortedData,\n  columns,\n  rowKey,\n  cardOptions,\n  onRowClick,\n  emptyContent,\n  columnSlot,\n  isServerPaging,\n  showPagination,\n  pagination,\n  nextuiPaginationProps,\n  autoScrollToTop,\n}: {\n  className?: string;\n  sortedData: T[];\n  columns: Column<T>[];\n  rowKey?: string;\n  cardOptions?: CardOptions;\n  onRowClick?: (item: T) => void;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  columnSlot?: ((props: { row: T; }) => React.ReactNode) | React.ReactNode;\n  isServerPaging?: boolean;\n  showPagination: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: PaginationProps | {};\n}) => {\n  const cardBoxRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isServerPaging) {\n      pagination.setData({\n        total: sortedData.length,\n      });\n    }\n  }, [sortedData]);\n\n  const data = (isServerPaging || !showPagination) ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n  const MyCard = ({ item }) => {\n    return (\n      <Card\n        className={cn('mb-2 w-full shadow-sm p-4 rounded-lg', cardOptions?.cardClassName)}\n        isPressable={!!onRowClick}\n        onPress={() => {\n          onRowClick?.(item);\n        }}\n      >\n        {columns.map((column, i) => {\n          return (\n            <div className=\"w-full\" key={column.key}>\n              <div className={cn('w-full', cardOptions?.itemClassName)}>\n                <div className={cn('font-meidum text-xs text-foreground-400', cardOptions?.labelClassName)}>{column.label}</div>\n                <div className={cn('text-xs', cardOptions?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n              </div>\n              {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn('my-2', cardOptions?.dividerClassName)} />}\n            </div>\n          );\n        })}\n        {typeof columnSlot === 'function' ? columnSlot({ row: item }) : columnSlot}\n      </Card>\n    );\n  }\n\n  const GroupUI = () => {\n    const colSpan = cardOptions?.colSpan || 1;\n    if (colSpan === 1) {\n      return data.map((item, index) => {\n        return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n      });\n    }\n    const groupData = groupByColSpan(data, colSpan);\n    return groupData.map((group, gIndex) => {\n      return (\n        <div className={cn(\"flex items-center justify-between space-x-1\", cardOptions?.cardGroupClassName)} key={gIndex}>\n          {group.map((item, index) => {\n            return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n          })}\n        </div>\n      );\n    });\n  }\n\n  return (\n    <div className={className} ref={cardBoxRef}>\n      {sortedData.length > 0 ? (\n        <>\n          <GroupUI />\n          {showPagination && pagination.total > pagination.limit && (\n            <div className=\"flex justify-center\">\n              <NextuiPagination\n                className=\"mt-2\"\n                showControls\n                showShadow\n                size=\"sm\"\n                radius=\"sm\"\n                color=\"primary\"\n                initialPage={1}\n                total={Math.ceil(pagination.total / pagination.limit)}\n                page={pagination.page}\n                onChange={(currentPage) => {\n                  pagination.setData({\n                    page: currentPage,\n                  });\n                  if (autoScrollToTop && cardBoxRef.current) {\n                    scrollIntoTop(cardBoxRef.current);\n                  }\n                }}\n                {...nextuiPaginationProps}\n              />\n            </div>\n          )}\n        </>\n      ) : (\n        emptyContent ?? <DefaultEmptyContent />\n      )}\n    </div>\n  );\n})\n\nfunction VirtualizedCardUI<T>({\n  className,\n  sortedData,\n  columns,\n  rowKey,\n  cardOptions,\n  onRowClick,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n  columnSlot,\n}: {\n  className?: string;\n  sortedData: T[];\n  columns: Column<T>[];\n  rowKey?: string;\n  cardOptions?: CardOptions;\n  onRowClick?: (item: T) => void;\n  autoScrollToTop?: boolean;\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n  columnSlot?: ((props: { row: T; }) => React.ReactNode) | React.ReactNode;\n}) {\n  const colSpan = cardOptions?.colSpan || 1;\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(\n    () => {\n      const MyCard = ({ item }) => {\n        return (\n          <Card\n            className={cn('mb-2 w-full shadow-sm p-4 rounded-lg', cardOptions?.cardClassName)}\n            isPressable={!!onRowClick}\n            onPress={() => {\n              onRowClick?.(item);\n            }}\n          >\n            {columns.map((column, i) => {\n              return (\n                <div className=\"w-full\" key={column.key}>\n                  <div className={cn('w-full', cardOptions?.itemClassName)}>\n                    <div className={cn('font-meidum text-xs text-foreground-400', cardOptions?.labelClassName)}>{column.label}</div>\n                    <div className={cn('text-xs', cardOptions?.valueClassName)}>{column.render ? column.render(item) : renderFieldValue(item[column.key])}</div>\n                  </div>\n                  {cardOptions?.showDivider && i !== columns.length - 1 && <Divider className={cn('my-2', cardOptions?.dividerClassName)} />}\n                </div>\n              );\n            })}\n            {typeof columnSlot === 'function' ? columnSlot({ row: item }) : columnSlot}\n          </Card>\n        );\n      }\n      if (colSpan === 1) {\n        return sortedData.map((item, index) => {\n          return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n        });\n      } else {\n        const groupData = groupByColSpan(sortedData, colSpan);\n        return groupData.map((group, gIndex) => {\n          return (\n            <div className={cn(\"flex items-center justify-between space-x-1\", cardOptions?.cardGroupClassName)} key={gIndex}>\n              {group.map((item, index) => {\n                return <MyCard key={rowKey ? item[rowKey] || index : index} item={item} />;\n              })}\n            </div>\n          );\n        });\n      }\n    },\n    [sortedData]\n  );\n  return (\n    <div className={className}>\n      {sortedData.length > 0 ? (\n        <VList\n          style={{ height: virtualizedOptions?.vListHeight || 400 }}\n          onRangeChange={async (_, endIndex) => {\n            const count = sortedData.length / colSpan;\n            if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n              fetchedCountRef.current = count;\n              if (virtualizedOptions?.fetchData) {\n                await virtualizedOptions.fetchData()\n              }\n            }\n          }}\n        >\n          {elements}\n          {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n        </VList>\n      ) : (\n        emptyContent ?? <DefaultEmptyContent />\n      )}\n    </div>\n  );\n}\n\nfunction VirtualizedListUI<T>({\n  className,\n  sortedData,\n  dataSource,\n  columns,\n  columnOptions,\n  sortableColumnsMap,\n  sortingUIOptions,\n  setSortableColumnsMap,\n  setSortedData,\n  rowKey,\n  onRowClick,\n  rowCss,\n  emptyContent,\n  isLoading,\n  loadingOptions,\n  loadingContent,\n  virtualizedOptions,\n}: {\n  className: string;\n  sortedData: T[];\n  dataSource: T[];\n  columns: Column<T>[];\n  columnOptions: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  sortingUIOptions: SortingUIOptions;\n  setSortableColumnsMap: (value: React.SetStateAction<{\n    [k: string]: \"asc\" | \"desc\" | \"none\";\n  }>) => void;\n  setSortedData: (value: React.SetStateAction<T[]>) => void;\n  rowKey?: string;\n  onRowClick?: (item: T) => void;\n  rowCss?: string | ((item: T) => string | undefined);\n  emptyContent?: React.ReactNode;\n  isLoading?: boolean;\n  loadingOptions?: LoadingOptions;\n  loadingContent?: React.ReactNode;\n  virtualizedOptions?: VirtualizedOptions;\n}) {\n  const fetchedCountRef = useRef(-1);\n  const elements = useMemo(\n    () => sortedData.map((item, index) => {\n      return (\n        <div\n          key={rowKey ? item[rowKey] || index : index}\n          className={cn('w-full flex items-center space-x-1', virtualizedOptions?.classNames?.row, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n          onClick={() => {\n            onRowClick?.(item);\n          }}\n        >\n          {columns.map((column) => {\n            return (\n              <div\n                key={column.key}\n                className={cn('w-full flex-grow py-2 px-4 text-xs whitespace-nowrap overflow-auto', virtualizedOptions?.classNames?.rowCell)}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n              </div>\n            )\n          })}\n        </div>\n      );\n    }),\n    [sortedData]\n  );\n\n  return (\n    <div className={cn(\"w-full overflow-x-auto\", className)}>\n      <div className='inline-block min-w-fit w-full'>\n        <div className={cn(\"w-full flex items-center rounded-lg bg-default-100 space-x-1 mb-2\", virtualizedOptions?.classNames?.header)}>\n          {columns.map((column) => {\n            return (\n              <div\n                key={column.key}\n                className={cn(\"w-full flex-grow py-2 px-4 flex items-center text-xs font-semibold whitespace-nowrap overflow-auto\", virtualizedOptions?.classNames?.headerCell)}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                <span>{column.label}</span>\n                {!!sortableColumnsMap[column.key] && (\n                  <SortingComponent\n                    sortingUIOptions={sortingUIOptions}\n                    columnOptions={columnOptions}\n                    sortableColumnsMap={sortableColumnsMap}\n                    item={column}\n                    onSort={({ type, key, sortKey }) => {\n                      const { sortableColumns, sortedData } = sortData({\n                        type,\n                        key,\n                        sortKey,\n                        sortableColumnsMap,\n                        dataSource,\n                      });\n                      setSortableColumnsMap(sortableColumns);\n                      setSortedData(sortedData);\n                    }}\n                  />\n                )}\n              </div>\n            )\n          })}\n        </div>\n        {sortedData.length > 0 ? (\n          <VList\n            style={{ height: virtualizedOptions?.vListHeight || 200 }}\n            onRangeChange={async (_, endIndex) => {\n              const count = sortedData.length;\n              if (endIndex + 1 >= count && fetchedCountRef.current < count) {\n                fetchedCountRef.current = count;\n                if (virtualizedOptions?.fetchData) {\n                  await virtualizedOptions.fetchData()\n                }\n              }\n            }}\n          >\n            {elements}\n            {isLoading ? loadingContent || DefaultLoading({ loadingOptions }) : null}\n          </VList>\n        ) : (\n          emptyContent ?? <DefaultEmptyContent />\n        )}\n      </div>\n    </div>\n  )\n}\n\nconst TableUI = observer(<T,>({\n  className,\n  classNames = {},\n  isHeaderSticky,\n  sortedData,\n  dataSource,\n  columns,\n  columnOptions,\n  sortableColumnsMap,\n  sortingUIOptions,\n  setSortableColumnsMap,\n  setSortedData,\n  isLoading,\n  loadingContent,\n  loadingOptions,\n  emptyContent,\n  rowCss,\n  onRowClick,\n  showCollapsedTables,\n  collapsedTableConfig,\n  collapsedTables,\n  rowKey,\n  isServerPaging,\n  showPagination,\n  pagination = new PaginationState({\n    page: 1,\n    limit: 10,\n  }),\n  nextuiPaginationProps = {},\n  autoScrollToTop,\n  columnSlot,\n}: {\n  className: string;\n  classNames?: TableClassNames;\n  isHeaderSticky: boolean;\n  sortedData: T[];\n  dataSource: T[];\n  columns: Column<T>[];\n  columnOptions?: ColumnOptions<T>;\n  sortableColumnsMap: { [k: string]: 'asc' | 'desc' | 'none' };\n  sortingUIOptions: SortingUIOptions;\n  setSortableColumnsMap: (value: React.SetStateAction<{ [k: string]: 'asc' | 'desc' | 'none'; }>) => void;\n  setSortedData: (value: React.SetStateAction<T[]>) => void;\n  isLoading: boolean;\n  loadingContent?: React.ReactNode;\n  loadingOptions?: LoadingOptions;\n  emptyContent?: React.ReactNode;\n  rowCss?: string | ((item: T) => string | undefined);\n  onRowClick?: (item: T) => void;\n  showCollapsedTables: boolean;\n  collapsedTableConfig?: CollapsedTableConfig<T>;\n  collapsedTables: CollapsedTable<any>[];\n  rowKey?: string;\n  isServerPaging?: boolean;\n  showPagination: boolean;\n  pagination?: PaginationState;\n  nextuiPaginationProps?: PaginationProps | {};\n  autoScrollToTop: boolean;\n  columnSlot?: ((props: { row: T; }) => React.ReactNode) | React.ReactNode;\n}) => {\n  const tableBoxRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!isServerPaging) {\n      pagination.setData({\n        total: dataSource.length,\n      });\n    }\n  }, [dataSource]);\n\n  const data = (isServerPaging || !showPagination) ? sortedData : sortedData.slice(pagination.offset, pagination.offset + pagination.limit);\n\n  return (\n    <>\n      <div className={cn('relative w-full', className)} ref={tableBoxRef}>\n        <table className={cn('w-full h-auto table-auto', classNames.table)}>\n          <thead className={cn(classNames.thead, { 'sticky top-0 z-30 [&>tr]:first:shadow-small [&>tr]:first:rounded-lg': isHeaderSticky })}>\n            <tr className={classNames.tr}>\n              {columns.map((item) => (\n                <th\n                  key={item.key}\n                  className={cn('px-3 h-10 text-xs font-semibold whitespace-nowrap bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', classNames.th)}\n                  style={{\n                    minWidth: item.width\n                  }}\n                >\n                  <div className=\"flex items-center\">\n                    <span>{item.label}</span>\n                    {!!sortableColumnsMap[item.key] && (\n                      <SortingComponent\n                        sortingUIOptions={sortingUIOptions}\n                        columnOptions={columnOptions}\n                        sortableColumnsMap={sortableColumnsMap}\n                        item={item}\n                        onSort={({ type, key, sortKey }) => {\n                          const { sortableColumns, sortedData } = sortData({\n                            type,\n                            key,\n                            sortKey,\n                            sortableColumnsMap,\n                            dataSource,\n                          });\n                          setSortableColumnsMap(sortableColumns);\n                          setSortedData(sortedData);\n                        }}\n                      />\n                    )}\n                  </div>\n                </th>\n              ))}\n            </tr>\n            <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n          </thead>\n          {isLoading ? (\n            <tbody className={classNames.tbody}>\n              <tr className={classNames.tr}>\n                <td\n                  className={classNames.td}\n                  colSpan={columns.length}\n                >\n                  {loadingContent || DefaultLoading({ loadingOptions })}\n                </td>\n              </tr>\n            </tbody>\n          ) : data.length > 0 ? (\n            <tbody className={classNames.tbody}>\n              {\n                showCollapsedTables ?\n                  data.map(item => {\n                    return (\n                      <CollapseBodyRow\n                        classNames={classNames}\n                        item={item}\n                        columns={columns}\n                        rowCss={rowCss}\n                        onRowClick={onRowClick}\n                        collapsedTableConfig={collapsedTableConfig}\n                        collapsedTables={collapsedTables}\n                      />\n                    )\n                  })\n                  : data.map((item, index) => {\n                    return (\n                      <>\n                        <tr\n                          key={rowKey ? item[rowKey] || index : index}\n                          className={cn(classNames.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n                          onClick={() => {\n                            onRowClick?.(item);\n                          }}\n                        >\n                          {columns.map((column) => {\n                            return (\n                              <td\n                                key={column.key}\n                                className={cn('py-2 px-3 text-xs', classNames.td)}\n                                style={{\n                                  minWidth: column.width\n                                }}\n                              >\n                                {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n                              </td>\n                            )\n                          })}\n                        </tr>\n                        {columnSlot && (\n                          <tr>\n                            <td colSpan={columns.length}>\n                              {typeof columnSlot === 'function'\n                                ? columnSlot({ row: item })\n                                : columnSlot}\n                            </td>\n                          </tr>\n                        )}\n                      </>\n                    );\n                  })\n              }\n            </tbody>\n          ) : (\n            <tbody className={classNames.tbody}>\n              <tr className={classNames.tr}>\n                <td\n                  className={classNames.td}\n                  colSpan={columns.length}\n                >\n                  {emptyContent ?? <DefaultEmptyContent />}\n                </td>\n              </tr>\n            </tbody>\n          )}\n        </table>\n      </div>\n      {showPagination && pagination.total > pagination.limit && (\n        <div className=\"flex justify-center\">\n          <NextuiPagination\n            className=\"mt-2\"\n            showControls\n            showShadow\n            size=\"sm\"\n            radius=\"sm\"\n            color=\"primary\"\n            initialPage={1}\n            total={Math.ceil(pagination.total / pagination.limit)}\n            page={pagination.page}\n            onChange={(currentPage) => {\n              pagination.setData({\n                page: currentPage,\n              });\n              if (autoScrollToTop && tableBoxRef.current) {\n                scrollIntoTop(tableBoxRef.current);\n              }\n            }}\n            {...nextuiPaginationProps}\n          />\n        </div>\n      )}\n    </>\n  );\n})\n\nfunction DefaultLoading({ loadingOptions }: { loadingOptions?: LoadingOptions }) {\n  const type = loadingOptions?.type || 'skeleton';\n  const skeletonOptions = loadingOptions?.skeleton;\n  const spinnerOptions = loadingOptions?.spinner;\n  const spinnerProps = spinnerOptions?.spinnerProps || {};\n\n  if (type === 'skeleton') {\n    return <SkeletonBox className={cn('mt-2 flex-col', skeletonOptions?.boxClassName)} skClassName={cn('h-[30px] rounded', skeletonOptions?.skeletonClassName)} line={skeletonOptions?.line || 5} />;\n  }\n\n  return (\n    <div className={cn('w-full h-[60px] flex justify-center items-center', spinnerOptions?.boxClassName)}>\n      <Spinner size=\"sm\" color=\"primary\" {...spinnerProps} />\n      <div className={cn('ml-2 text-[#64748B] text-sm', spinnerOptions?.textClassName)}>{spinnerOptions?.text || 'Loading...'}</div>\n    </div>\n  );\n}\n\nfunction DefaultEmptyContent() {\n  return <div className=\"w-full h-[60px] flex justify-center items-center text-xs text-[#64748B] dark:text-[#cacaca]\">No Data</div>;\n}\n\nfunction scrollIntoTop(target: HTMLElement) {\n  if (target) {\n    const { top } = target.getBoundingClientRect();\n    window.scrollTo({\n      top: top + window.scrollY - 100,\n      behavior: 'smooth',\n    });\n  }\n}\n\nfunction CollapseBodyRow<T>({\n  classNames,\n  item,\n  columns,\n  rowCss,\n  onRowClick,\n  collapsedTableConfig,\n  collapsedTables,\n}: {\n  classNames?: TableClassNames;\n  item: T;\n  columns: Column<T>[];\n  rowCss?: string | ((item: T) => string | undefined),\n  onRowClick?: (item: T) => void;\n  collapsedTableConfig?: {\n    classNames?: TableClassNames;\n    collapsedHandlerPosition?: 'left' | 'right';\n    collapsedHandlerBoxCss?: string;\n    openedIcon?: React.ReactNode;\n    closedIcon?: React.ReactNode;\n    onRowClick?: (item: any) => void;\n    rowCss?: string | ((item: any) => string | undefined);\n    emptyContent?: React.ReactNode;\n  };\n  collapsedTables: CollapsedTable<any>[];\n}) {\n  const [isOpen, setIsOpen] = useState(false);\n  const collapsedHandlerPosition = collapsedTableConfig?.collapsedHandlerPosition || 'right';\n\n  const { OpenedIcon, ClosedIcon } = useMemo(() => {\n    const defaultOpenedIcon = <ChevronDown size={18} />;\n    const defaultClosedIcon = collapsedHandlerPosition === 'left' ? <ChevronRight size={18} /> : <ChevronLeft size={18} />;\n    return {\n      OpenedIcon: collapsedTableConfig?.openedIcon || defaultOpenedIcon,\n      ClosedIcon: collapsedTableConfig?.closedIcon || defaultClosedIcon,\n    };\n  }, []);\n\n  return (\n    <>\n      <tr\n        className={cn('text-xs cursor-pointer', classNames?.tr, typeof rowCss === 'function' ? rowCss(item) : rowCss)}\n        onClick={(e: any) => {\n          onRowClick?.(item);\n        }}\n      >\n        {columns.map((column) => {\n          if (column.key === '$collapsedHandler') {\n            return (\n              <td\n                className={classNames?.td}\n                style={{\n                  minWidth: column.width\n                }}\n              >\n                <div\n                  className={cn(\"w-6 h-6 flex items-center justify-center rounded-sm hover:bg-[#f3f3f4] dark:hover:bg-[#1e1e1e]\", collapsedTableConfig?.collapsedHandlerBoxCss)}\n\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    setIsOpen((v) => !v);\n                  }}\n                >\n                  {isOpen ? OpenedIcon : ClosedIcon}\n                </div>\n              </td>\n            );\n          }\n          return (\n            <td\n              key={column.key}\n              className={cn(\"py-2 px-3 text-xs\", classNames?.td)}\n              style={{\n                minWidth: column.width\n              }}\n            >\n              {column.render ? column.render(item) : renderFieldValue(item[column.key])}\n            </td>\n          );\n        })}\n      </tr>\n      <tr className={cn(classNames?.tr, isOpen ? 'table-row' : 'hidden')}>\n        <td colSpan={columns.length} className={cn(\"py-2 px-3 text-xs\", classNames?.td)}>\n          {collapsedTables.map((ex) => {\n            const exColumns = ex.columns;\n            const exData = item[ex.key] || [];\n            return (\n              <table className={cn(\"w-full h-auto table-auto\", collapsedTableConfig?.classNames?.table)} key={ex.key}>\n                <thead className={collapsedTableConfig?.classNames?.thead}>\n                  <tr className={collapsedTableConfig?.classNames?.tr}>\n                    {exColumns?.map((exC) => {\n                      return (\n                        <th\n                          key={exC.key}\n                          className={cn('px-3 h-10 text-xs text-left font-semibold bg-default-100 first:rounded-l-lg last:rounded-r-lg outline-none', collapsedTableConfig?.classNames?.th)}\n                          style={{\n                            minWidth: exC.width\n                          }}\n                        >\n                          {exC.label}\n                        </th>\n                      );\n                    })}\n                  </tr>\n                  <tr aria-hidden=\"true\" className=\"w-px h-px block ml-[0.25rem] mt-[0.25rem]\"></tr>\n                </thead>\n                {exData.length > 0 ? (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    {\n                      exData.map((exItem) => (\n                        <tr\n                          key={exItem.key}\n                          className={cn('text-xs',\n                            collapsedTableConfig?.classNames?.tr,\n                            typeof collapsedTableConfig?.rowCss === 'function'\n                              ? collapsedTableConfig?.rowCss({\n                                ...exItem,\n                                $parent: item,\n                              })\n                              : collapsedTableConfig?.rowCss\n                          )}\n                          onClick={(e: any) => {\n                            collapsedTableConfig?.onRowClick?.({\n                              ...exItem,\n                              $parent: item,\n                            });\n                          }}\n                        >\n                          {exColumns?.map((exC) => {\n                            return (\n                              <td\n                                key={exC.key}\n                                className={cn('py-2 px-3 text-xs', collapsedTableConfig?.classNames?.td)}\n                                style={{\n                                  minWidth: exC.width\n                                }}\n                              >\n                                {exC.render\n                                  ? exC.render({\n                                    ...exItem,\n                                    $parent: item,\n                                  })\n                                  : renderFieldValue(exItem[exC.key])}\n                              </td>\n                            );\n                          })}\n                        </tr>\n                      ))\n                    }\n                  </tbody>\n                ) : (\n                  <tbody className={collapsedTableConfig?.classNames?.tbody}>\n                    <tr className={collapsedTableConfig?.classNames?.tr}>\n                      <td\n                        className={collapsedTableConfig?.classNames?.td}\n                        colSpan={columns.length}\n                      >\n                        {collapsedTableConfig?.emptyContent ?? <DefaultEmptyContent />}\n                      </td>\n                    </tr>\n                  </tbody>\n                )}\n              </table>\n            );\n          })}\n        </td>\n      </tr>\n    </>\n  )\n}\n\nfunction groupByColSpan(arr: any[], colSpan: number) {\n  const result = [];\n  for (let i = 0; i < arr.length; i += colSpan) {\n    result.push(arr.slice(i, i + colSpan));\n  }\n  return result;\n}","\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"../../lib/utils\";\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuArrow = DropdownMenuPrimitive.Arrow\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName =\n  DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md bg-white dark:bg-[#18181B] border dark:border-none p-1 text-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName =\n  DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-lg bg-white dark:bg-[#18181B] border dark:border-[#3e3e3e] p-1 text-popover-foreground shadow-md animate-in 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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName =\n  DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-sm font-semibold\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>) => {\n  return (\n    <span\n      className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)}\n      {...props}\n    />\n  )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup,\n  DropdownMenuArrow,\n}\n"]}