@zentauri-ui/zentauri-components 2.1.6 → 2.1.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -8
- package/cli/cli.integration.test.ts +36 -0
- package/cli/index.mjs +43 -7
- package/cli/props.json +462 -3
- package/cli/registry.json +29 -0
- package/cli/rewrite-imports.mjs +29 -4
- package/cli/rewrite-imports.test.ts +35 -0
- package/dist/{chunk-WWKAJHIV.mjs → chunk-4PAHLHYF.mjs} +3 -3
- package/dist/{chunk-WWKAJHIV.mjs.map → chunk-4PAHLHYF.mjs.map} +1 -1
- package/dist/chunk-4SLVTSHM.js +241 -0
- package/dist/chunk-4SLVTSHM.js.map +1 -0
- package/dist/chunk-6OVDBAMI.js +19 -0
- package/dist/{chunk-3W2UUKWP.js.map → chunk-6OVDBAMI.js.map} +1 -1
- package/dist/chunk-74SKXGTM.js +4 -0
- package/dist/chunk-74SKXGTM.js.map +1 -0
- package/dist/{chunk-QE7OJW4J.js → chunk-BAAXQPZ7.js} +6 -6
- package/dist/{chunk-QE7OJW4J.js.map → chunk-BAAXQPZ7.js.map} +1 -1
- package/dist/chunk-CYKSS5S5.mjs +128 -0
- package/dist/chunk-CYKSS5S5.mjs.map +1 -0
- package/dist/chunk-D7ZTSAA6.mjs +221 -0
- package/dist/chunk-D7ZTSAA6.mjs.map +1 -0
- package/dist/{chunk-VA6SB6NN.js → chunk-DPNTQ4AK.js} +73 -6
- package/dist/chunk-DPNTQ4AK.js.map +1 -0
- package/dist/chunk-HMDH4BQJ.js +123 -0
- package/dist/chunk-HMDH4BQJ.js.map +1 -0
- package/dist/chunk-I7EBE7BD.js +98 -0
- package/dist/chunk-I7EBE7BD.js.map +1 -0
- package/dist/chunk-IHDM7AHY.mjs +233 -0
- package/dist/chunk-IHDM7AHY.mjs.map +1 -0
- package/dist/chunk-L5QORCUO.js +225 -0
- package/dist/chunk-L5QORCUO.js.map +1 -0
- package/dist/chunk-LHBJD57K.mjs +143 -0
- package/dist/chunk-LHBJD57K.mjs.map +1 -0
- package/dist/{chunk-CHI6MBTI.mjs → chunk-OWVQVAOY.mjs} +3 -3
- package/dist/{chunk-CHI6MBTI.mjs.map → chunk-OWVQVAOY.mjs.map} +1 -1
- package/dist/chunk-OYAJG2BO.js +83 -0
- package/dist/chunk-OYAJG2BO.js.map +1 -0
- package/dist/chunk-PTU5ZAYX.js +145 -0
- package/dist/chunk-PTU5ZAYX.js.map +1 -0
- package/dist/chunk-QKO5DA4N.mjs +81 -0
- package/dist/chunk-QKO5DA4N.mjs.map +1 -0
- package/dist/chunk-T7PIKDUZ.js +130 -0
- package/dist/chunk-T7PIKDUZ.js.map +1 -0
- package/dist/chunk-TDK5TVJE.mjs +3 -0
- package/dist/chunk-TDK5TVJE.mjs.map +1 -0
- package/dist/{chunk-A4IB3C23.mjs → chunk-UVP3MUBU.mjs} +58 -7
- package/dist/chunk-UVP3MUBU.mjs.map +1 -0
- package/dist/chunk-VBNW2B4D.mjs +3 -0
- package/dist/chunk-VBNW2B4D.mjs.map +1 -0
- package/dist/chunk-W6DO36XD.mjs +96 -0
- package/dist/chunk-W6DO36XD.mjs.map +1 -0
- package/dist/chunk-XR3J46TZ.js +4 -0
- package/dist/chunk-XR3J46TZ.js.map +1 -0
- package/dist/chunk-ZOHCADDL.mjs +121 -0
- package/dist/chunk-ZOHCADDL.mjs.map +1 -0
- package/dist/design-system/data-table.d.ts +8 -0
- package/dist/design-system/data-table.d.ts.map +1 -0
- package/dist/design-system/facade.js +6 -6
- package/dist/design-system/facade.mjs +5 -5
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/split-button.d.ts +25 -0
- package/dist/design-system/split-button.d.ts.map +1 -0
- package/dist/hooks/useTableFilter.js +6 -116
- package/dist/hooks/useTableFilter.js.map +1 -1
- package/dist/hooks/useTableFilter.mjs +1 -118
- package/dist/hooks/useTableFilter.mjs.map +1 -1
- package/dist/hooks/useTableSort.js +6 -91
- package/dist/hooks/useTableSort.js.map +1 -1
- package/dist/hooks/useTableSort.mjs +1 -93
- package/dist/hooks/useTableSort.mjs.map +1 -1
- package/dist/hooks/useVirtualList.js +6 -76
- package/dist/hooks/useVirtualList.js.map +1 -1
- package/dist/hooks/useVirtualList.mjs +1 -78
- package/dist/hooks/useVirtualList.mjs.map +1 -1
- package/dist/ui/buttons/animated.js +8 -8
- package/dist/ui/buttons/animated.mjs +6 -6
- package/dist/ui/buttons.js +10 -9
- package/dist/ui/buttons.mjs +8 -7
- package/dist/ui/checkbox.js +7 -123
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/checkbox.mjs +2 -126
- package/dist/ui/checkbox.mjs.map +1 -1
- package/dist/ui/data-table/data-table-base.d.ts +6 -0
- package/dist/ui/data-table/data-table-base.d.ts.map +1 -0
- package/dist/ui/data-table/data-table.d.ts +6 -0
- package/dist/ui/data-table/data-table.d.ts.map +1 -0
- package/dist/ui/data-table/index.d.ts +4 -0
- package/dist/ui/data-table/index.d.ts.map +1 -0
- package/dist/ui/data-table/types.d.ts +92 -0
- package/dist/ui/data-table/types.d.ts.map +1 -0
- package/dist/ui/data-table/variants.d.ts +8 -0
- package/dist/ui/data-table/variants.d.ts.map +1 -0
- package/dist/ui/data-table.js +620 -0
- package/dist/ui/data-table.js.map +1 -0
- package/dist/ui/data-table.mjs +611 -0
- package/dist/ui/data-table.mjs.map +1 -0
- package/dist/ui/dropdown/dropdown.d.ts +1 -1
- package/dist/ui/dropdown/dropdown.d.ts.map +1 -1
- package/dist/ui/dropdown/types.d.ts +2 -2
- package/dist/ui/dropdown/types.d.ts.map +1 -1
- package/dist/ui/dropdown.js +31 -231
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdown.mjs +4 -229
- package/dist/ui/dropdown.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +18 -18
- package/dist/ui/dynamic-stepper.mjs +7 -7
- package/dist/ui/inputs.js +7 -138
- package/dist/ui/inputs.js.map +1 -1
- package/dist/ui/inputs.mjs +2 -141
- package/dist/ui/inputs.mjs.map +1 -1
- package/dist/ui/pagination.js +20 -221
- package/dist/ui/pagination.js.map +1 -1
- package/dist/ui/pagination.mjs +8 -223
- package/dist/ui/pagination.mjs.map +1 -1
- package/dist/ui/split-button/index.d.ts +4 -0
- package/dist/ui/split-button/index.d.ts.map +1 -0
- package/dist/ui/split-button/split-button-base.d.ts +6 -0
- package/dist/ui/split-button/split-button-base.d.ts.map +1 -0
- package/dist/ui/split-button/split-button.d.ts +6 -0
- package/dist/ui/split-button/split-button.d.ts.map +1 -0
- package/dist/ui/split-button/types.d.ts +30 -0
- package/dist/ui/split-button/types.d.ts.map +1 -0
- package/dist/ui/split-button/variants.d.ts +16 -0
- package/dist/ui/split-button/variants.d.ts.map +1 -0
- package/dist/ui/split-button.js +287 -0
- package/dist/ui/split-button.js.map +1 -0
- package/dist/ui/split-button.mjs +278 -0
- package/dist/ui/split-button.mjs.map +1 -0
- package/dist/ui/table.js +1 -0
- package/dist/ui/table.mjs +1 -0
- package/package.json +1 -1
- package/src/design-system/data-table.ts +20 -0
- package/src/design-system/index.ts +2 -0
- package/src/design-system/split-button.ts +38 -0
- package/src/ui/data-table/data-table-base.tsx +701 -0
- package/src/ui/data-table/data-table.test.tsx +389 -0
- package/src/ui/data-table/data-table.tsx +11 -0
- package/src/ui/data-table/index.ts +24 -0
- package/src/ui/data-table/types.ts +121 -0
- package/src/ui/data-table/variants.ts +21 -0
- package/src/ui/dropdown/dropdown.tsx +7 -3
- package/src/ui/dropdown/types.ts +2 -2
- package/src/ui/split-button/index.ts +19 -0
- package/src/ui/split-button/split-button-base.tsx +232 -0
- package/src/ui/split-button/split-button.test.tsx +208 -0
- package/src/ui/split-button/split-button.tsx +9 -0
- package/src/ui/split-button/types.ts +46 -0
- package/src/ui/split-button/variants.ts +46 -0
- package/dist/chunk-3W2UUKWP.js +0 -19
- package/dist/chunk-A4IB3C23.mjs.map +0 -1
- package/dist/chunk-VA6SB6NN.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/data-table/variants.ts","../../src/ui/data-table/data-table-base.tsx","../../src/ui/data-table/data-table.tsx"],"names":["jsx"],"mappings":"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","file":"data-table.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDataTableColumnPanelBase,\n zuiDataTableRootBase,\n zuiDataTableStateCellBase,\n zuiDataTableStatusBase,\n zuiDataTableToolbarBase,\n zuiDataTableToolbarGroupBase,\n zuiDataTableVirtualScrollBase,\n} from \"../../design-system/data-table\";\n\nexport const dataTableRootVariants = cva(zuiDataTableRootBase);\nexport const dataTableToolbarVariants = cva(zuiDataTableToolbarBase);\nexport const dataTableToolbarGroupVariants = cva(zuiDataTableToolbarGroupBase);\nexport const dataTableColumnPanelVariants = cva(zuiDataTableColumnPanelBase);\nexport const dataTableStatusVariants = cva(zuiDataTableStatusBase);\nexport const dataTableStateCellVariants = cva(zuiDataTableStateCellBase);\nexport const dataTableVirtualScrollVariants = cva(\n zuiDataTableVirtualScrollBase,\n);\n","\"use client\";\n\nimport { useCallback, useId, useMemo, useState } from \"react\";\n\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { useTableFilter } from \"../../hooks/useTableFilter\";\nimport { useTableSort } from \"../../hooks/useTableSort\";\nimport { useVirtualList } from \"../../hooks/useVirtualList\";\nimport { cn } from \"../../lib/utils\";\nimport { Button } from \"../buttons\";\nimport { Checkbox } from \"../checkbox\";\nimport { Input } from \"../inputs\";\nimport { Pagination } from \"../pagination\";\nimport type { PaginationAppearance } from \"../pagination\";\nimport {\n Table,\n TableBody,\n TableCaption,\n TableCell,\n TableHead,\n TableHeader,\n TableRow,\n} from \"../table\";\n\nimport type {\n DataTableColumn,\n DataTableColumnValue,\n DataTableProps,\n DataTableSearchOptions,\n} from \"./types\";\nimport {\n dataTableColumnPanelVariants,\n dataTableRootVariants,\n dataTableStateCellVariants,\n dataTableStatusVariants,\n dataTableToolbarGroupVariants,\n dataTableToolbarVariants,\n dataTableVirtualScrollVariants,\n} from \"./variants\";\n\nconst defaultLoadingContent = \"Loading data\";\nconst defaultEmptyContent = \"No results found\";\nconst globalFilterKey = \"__zui_global_filter__\";\n\nfunction getAccessorValue<TData>(\n row: TData,\n column: DataTableColumn<TData>,\n): unknown {\n if (typeof column.accessor === \"function\") {\n return column.accessor(row);\n }\n if (column.accessor && row && typeof row === \"object\") {\n return (row as Record<PropertyKey, unknown>)[column.accessor];\n }\n if (row && typeof row === \"object\" && column.id in row) {\n return (row as Record<string, unknown>)[column.id];\n }\n return undefined;\n}\n\nfunction normalizeComparable(value: DataTableColumnValue): string | number {\n if (value instanceof Date) {\n return value.getTime();\n }\n if (typeof value === \"number\") {\n return value;\n }\n if (typeof value === \"boolean\") {\n return value ? 1 : 0;\n }\n return value == null ? \"\" : String(value).toLowerCase();\n}\n\nfunction compareValues(\n left: DataTableColumnValue,\n right: DataTableColumnValue,\n): number {\n const normalizedLeft = normalizeComparable(left);\n const normalizedRight = normalizeComparable(right);\n\n if (\n typeof normalizedLeft === \"number\" &&\n typeof normalizedRight === \"number\"\n ) {\n return normalizedLeft - normalizedRight;\n }\n return String(normalizedLeft).localeCompare(String(normalizedRight));\n}\n\nfunction resolveSearchOptions<TKey extends string>(\n search: DataTableProps<unknown, TKey>[\"search\"],\n): DataTableSearchOptions<TKey> | null {\n if (!search) {\n return null;\n }\n if (search === true) {\n return {};\n }\n return search;\n}\n\nfunction validateSearchOptions<TKey extends string>(\n searchOptions: DataTableSearchOptions<TKey> | null,\n) {\n if (\n searchOptions?.filterColumnIds &&\n searchOptions.filterColumnIds.length === 0\n ) {\n console.warn(\n \"DataTable search.filterColumnIds is empty. It should include at least one column id.\",\n );\n }\n}\n\nfunction isSelected(selectedRowIds: readonly string[], rowId: string) {\n return selectedRowIds.includes(rowId);\n}\n\nfunction toggleId(ids: readonly string[], id: string, checked: boolean) {\n if (checked) {\n return ids.includes(id) ? [...ids] : [...ids, id];\n }\n return ids.filter((item) => item !== id);\n}\n\nfunction textAlignClass(textAlign: \"left\" | \"center\" | \"right\" | undefined) {\n if (textAlign === \"center\") {\n return \"text-center\";\n }\n if (textAlign === \"right\") {\n return \"text-right\";\n }\n return undefined;\n}\n\nfunction paginationAppearanceFor(\n appearance: NonNullable<DataTableProps<unknown>[\"appearance\"]>,\n): PaginationAppearance {\n if (\n appearance === \"striped\" ||\n appearance === \"bordered\" ||\n appearance === \"ghost\"\n ) {\n return \"default\";\n }\n return appearance as PaginationAppearance;\n}\n\nfunction uniqueVisibleColumnIds<TData, TKey extends string>(\n columns: readonly DataTableColumn<TData, TKey>[],\n ids: readonly TKey[] | undefined,\n) {\n const columnIds = new Set(columns.map((column) => column.id));\n const initialIds =\n ids ??\n columns\n .filter((column) => column.visible !== false)\n .map((column) => column.id);\n\n return initialIds.filter((id, index) => {\n return columnIds.has(id) && initialIds.indexOf(id) === index;\n });\n}\n\nexport function DataTableBase<TData, TKey extends string = string>(\n props: DataTableProps<TData, TKey>,\n) {\n const {\n className,\n columns,\n data,\n getRowId,\n caption,\n tableClassName,\n tableScrollAreaAriaLabel,\n appearance = \"default\",\n size = \"md\",\n stickyHeader,\n textAlign,\n search,\n sortKey,\n defaultSortKey,\n sortDirection,\n defaultSortDirection = \"none\",\n onSortChange,\n enableRowSelection = false,\n selectedRowIds,\n defaultSelectedRowIds = [],\n onRowSelectionChange,\n enableColumnVisibility = false,\n visibleColumnIds,\n defaultVisibleColumnIds,\n onColumnVisibilityChange,\n bulkActions = [],\n pagination,\n virtualization,\n showRowCount = true,\n loading = false,\n loadingContent = defaultLoadingContent,\n emptyContent = defaultEmptyContent,\n ref,\n \"aria-label\": ariaLabel = \"Data table\",\n ...rest\n } = props;\n const searchOptions = resolveSearchOptions(search);\n validateSearchOptions(searchOptions);\n\n // Pair every row with a stable id derived from its position in `data` (or the\n // caller's getRowId). Threading the id alongside each row through the\n // filter/sort/paginate pipeline keeps it correct even when `data` contains\n // duplicate references or primitive values — a Map keyed by the row would\n // collapse those into a single id, breaking React keys and selection.\n type KeyedRow = { row: TData; id: string };\n const keyedData = useMemo<KeyedRow[]>(\n () =>\n data.map((row, index) => ({\n row,\n id: getRowId ? getRowId(row, index) : String(index),\n })),\n [data, getRowId],\n );\n\n const resolvedAppearance = appearance ?? \"default\";\n const resolvedSize = size ?? \"md\";\n const resolvedPaginationAppearance =\n paginationAppearanceFor(resolvedAppearance);\n const columnPanelId = useId();\n const [columnPanelOpen, setColumnPanelOpen] = useState(false);\n\n const [internalSelectedRowIds, setInternalSelectedRowIds] = useState(() => [\n ...defaultSelectedRowIds,\n ]);\n const selectedIds = useMemo(\n () => (selectedRowIds ? [...selectedRowIds] : internalSelectedRowIds),\n [internalSelectedRowIds, selectedRowIds],\n );\n const isSelectionControlled = selectedRowIds !== undefined;\n\n const [internalVisibleColumnIds, setInternalVisibleColumnIds] = useState<\n TKey[]\n >(() => uniqueVisibleColumnIds(columns, defaultVisibleColumnIds));\n const currentVisibleColumnIds = visibleColumnIds\n ? uniqueVisibleColumnIds(columns, visibleColumnIds)\n : uniqueVisibleColumnIds(columns, internalVisibleColumnIds);\n const isVisibilityControlled = visibleColumnIds !== undefined;\n\n const visibleColumns = useMemo(\n () =>\n columns.filter((column) => currentVisibleColumnIds.includes(column.id)),\n [columns, currentVisibleColumnIds],\n );\n\n const [internalSearchValue, setInternalSearchValue] = useState(\n () => searchOptions?.defaultValue ?? \"\",\n );\n const searchValue = searchOptions?.value ?? internalSearchValue;\n const isSearchControlled = searchOptions?.value !== undefined;\n\n const searchableColumns = useMemo(() => {\n const filterColumnIds = searchOptions?.filterColumnIds;\n const hasFilterColumns = Boolean(\n filterColumnIds && filterColumnIds.length > 0,\n );\n return visibleColumns.filter((column) => {\n if (hasFilterColumns && !filterColumnIds?.includes(column.id)) {\n return false;\n }\n return column.filterable !== false;\n });\n }, [searchOptions?.filterColumnIds, visibleColumns]);\n\n const filterState = searchValue\n ? { [globalFilterKey]: searchValue }\n : undefined;\n\n const { filteredData } = useTableFilter<KeyedRow, string>({\n data: keyedData,\n filters: filterState,\n filterPredicate: ({ row }, filterValue) => {\n const query = filterValue.trim().toLowerCase();\n if (!query) {\n return true;\n }\n return searchableColumns.some((column) => {\n const value = column.filterValue\n ? column.filterValue(row)\n : getAccessorValue(row, column);\n return String(value ?? \"\")\n .toLowerCase()\n .includes(query);\n });\n },\n });\n\n const tableSort = useTableSort<TKey>({\n sortKey,\n defaultSortKey,\n sortDirection,\n defaultSortDirection,\n onSortChange,\n });\n\n const sortedData = useMemo(() => {\n if (!tableSort.sortKey || tableSort.sortDirection === \"none\") {\n return filteredData;\n }\n\n const sortedColumn = columns.find(\n (column) => column.id === tableSort.sortKey,\n );\n if (!sortedColumn || !sortedColumn.sortable) {\n return filteredData;\n }\n\n const direction = tableSort.sortDirection === \"ascending\" ? 1 : -1;\n return [...filteredData].sort((left, right) => {\n const leftValue = sortedColumn.sortValue\n ? sortedColumn.sortValue(left.row)\n : (getAccessorValue(left.row, sortedColumn) as DataTableColumnValue);\n const rightValue = sortedColumn.sortValue\n ? sortedColumn.sortValue(right.row)\n : (getAccessorValue(right.row, sortedColumn) as DataTableColumnValue);\n\n return compareValues(leftValue, rightValue) * direction;\n });\n }, [columns, filteredData, tableSort.sortDirection, tableSort.sortKey]);\n\n const paginationOptions =\n pagination && pagination !== true ? pagination : undefined;\n const paginationEnabled = Boolean(pagination);\n const pageSize = Math.max(1, paginationOptions?.pageSize ?? 10);\n const pageCount = paginationEnabled\n ? Math.ceil(sortedData.length / pageSize)\n : 1;\n const paginationState = usePagination({\n pageCount,\n page: paginationOptions?.page,\n defaultPage: paginationOptions?.defaultPage,\n siblingCount: paginationOptions?.siblingCount,\n boundaryCount: paginationOptions?.boundaryCount,\n onPageChange: paginationOptions?.onPageChange,\n });\n\n const processedRows = paginationEnabled\n ? sortedData.slice(\n (paginationState.currentPage - 1) * pageSize,\n paginationState.currentPage * pageSize,\n )\n : sortedData;\n\n const virtualizationEnabled =\n Boolean(virtualization?.enabled) && processedRows.length > 0;\n const virtualList = useVirtualList({\n itemCount: processedRows.length,\n itemHeight: virtualization?.rowHeight ?? 48,\n overscan: virtualization?.overscan,\n });\n const renderedRows = virtualizationEnabled\n ? virtualList.virtualItems.map((item) => ({\n entry: processedRows[item.index] as KeyedRow,\n index: item.index,\n start: item.start,\n }))\n : processedRows.map((entry, index) => ({ entry, index, start: 0 }));\n const virtualOffset = virtualizationEnabled\n ? (virtualList.virtualItems[0]?.start ?? 0)\n : 0;\n\n const selectableRows = useMemo(\n () =>\n processedRows.map((entry) => ({\n row: entry.row,\n id: entry.id,\n })),\n [processedRows],\n );\n const selectedRows = useMemo(\n () =>\n keyedData\n .filter((entry) => isSelected(selectedIds, entry.id))\n .map((entry) => entry.row),\n [keyedData, selectedIds],\n );\n\n const allVisibleSelected =\n selectableRows.length > 0 &&\n selectableRows.every((item) => isSelected(selectedIds, item.id));\n const someVisibleSelected =\n selectableRows.some((item) => isSelected(selectedIds, item.id)) &&\n !allVisibleSelected;\n\n const setSelectedIds = useCallback(\n (nextIds: string[]) => {\n if (!isSelectionControlled) {\n setInternalSelectedRowIds(nextIds);\n }\n const nextRows = keyedData\n .filter((entry) => nextIds.includes(entry.id))\n .map((entry) => entry.row);\n onRowSelectionChange?.(nextIds, nextRows);\n },\n [keyedData, isSelectionControlled, onRowSelectionChange],\n );\n\n const setColumnVisible = useCallback(\n (columnId: TKey, checked: boolean) => {\n const nextIds = checked\n ? [...currentVisibleColumnIds, columnId]\n : currentVisibleColumnIds.filter((id) => id !== columnId);\n const normalized = uniqueVisibleColumnIds(columns, nextIds);\n if (!isVisibilityControlled) {\n setInternalVisibleColumnIds(normalized);\n }\n onColumnVisibilityChange?.(normalized);\n },\n [\n columns,\n currentVisibleColumnIds,\n isVisibilityControlled,\n onColumnVisibilityChange,\n ],\n );\n\n const handleSearchChange = useCallback(\n (value: string) => {\n if (!isSearchControlled) {\n setInternalSearchValue(value);\n }\n searchOptions?.onValueChange?.(value);\n },\n [isSearchControlled, searchOptions],\n );\n\n const headerColSpan =\n visibleColumns.length + (enableRowSelection ? 1 : 0) || 1;\n\n const renderStateRow = (content: React.ReactNode) => (\n <TableRow>\n <TableCell\n colSpan={headerColSpan}\n className={dataTableStateCellVariants()}\n >\n {content}\n </TableCell>\n </TableRow>\n );\n\n const renderRow = (entry: KeyedRow, rowIndex: number) => {\n const { row, id: rowId } = entry;\n const rowSelected = isSelected(selectedIds, rowId);\n const labelColumn = visibleColumns[0] ?? columns[0];\n const rowSelectionLabel = labelColumn\n ? String(getAccessorValue(row, labelColumn) ?? rowId)\n : rowId;\n\n return (\n <TableRow key={rowId} data-state={rowSelected ? \"selected\" : undefined}>\n {enableRowSelection ? (\n <TableCell className=\"w-10\">\n <Checkbox\n aria-label={`Select ${rowSelectionLabel}`}\n checked={rowSelected}\n onCheckedChange={(checked) => {\n setSelectedIds(toggleId(selectedIds, rowId, checked));\n }}\n />\n </TableCell>\n ) : null}\n {visibleColumns.map((column, columnIndex) => {\n const value = getAccessorValue(row, column);\n const content = column.cell\n ? column.cell({ row, value, column, rowIndex })\n : String(value ?? \"\");\n const isRowHeader = columnIndex === 0;\n\n return (\n <TableCell\n key={column.id}\n scope={isRowHeader ? \"row\" : undefined}\n className={cn(\n textAlignClass(column.textAlign),\n column.className,\n column.cellClassName,\n )}\n {...column.cellProps}\n >\n {content}\n </TableCell>\n );\n })}\n </TableRow>\n );\n };\n\n const tableElement = (\n <Table\n aria-label={ariaLabel}\n appearance={resolvedAppearance}\n size={resolvedSize}\n stickyHeader={stickyHeader}\n textAlign={textAlign}\n scrollAreaAriaLabel={tableScrollAreaAriaLabel}\n className={tableClassName}\n >\n {caption ? <TableCaption>{caption}</TableCaption> : null}\n <TableHeader>\n <TableRow>\n {enableRowSelection ? (\n <TableHead className=\"w-10\">\n <Checkbox\n aria-label=\"Select all rows\"\n checked={allVisibleSelected}\n indeterminate={someVisibleSelected}\n onCheckedChange={(checked) => {\n const visibleIds = selectableRows.map((item) => item.id);\n const nextIds = checked\n ? [...new Set([...selectedIds, ...visibleIds])]\n : selectedIds.filter((id) => !visibleIds.includes(id));\n setSelectedIds(nextIds);\n }}\n />\n </TableHead>\n ) : null}\n {visibleColumns.map((column) => {\n const header =\n typeof column.header === \"function\"\n ? column.header({ column })\n : column.header;\n return (\n <TableHead\n key={column.id}\n className={cn(\n textAlignClass(column.textAlign),\n column.className,\n column.headerClassName,\n )}\n {...(column.sortable ? tableSort.getSortProps(column.id) : {})}\n {...column.headerProps}\n >\n {header}\n </TableHead>\n );\n })}\n </TableRow>\n </TableHeader>\n <TableBody>\n {loading\n ? renderStateRow(loadingContent)\n : renderedRows.length === 0\n ? renderStateRow(emptyContent)\n : renderedRows.map(({ entry, index }) => renderRow(entry, index))}\n </TableBody>\n </Table>\n );\n\n return (\n <section\n ref={ref}\n data-slot=\"data-table\"\n className={cn(dataTableRootVariants(), className)}\n {...rest}\n >\n {searchOptions || enableColumnVisibility || bulkActions.length > 0 ? (\n <div\n data-slot=\"data-table-toolbar\"\n className={dataTableToolbarVariants()}\n >\n <div\n data-slot=\"data-table-toolbar-primary\"\n className={dataTableToolbarGroupVariants()}\n >\n {searchOptions ? (\n <Input\n as=\"input\"\n type=\"search\"\n aria-label={searchOptions.label ?? \"Search table\"}\n placeholder={searchOptions.placeholder ?? \"Search table\"}\n value={searchValue}\n onChange={(event) =>\n handleSearchChange(event.currentTarget.value)\n }\n className=\"min-w-56\"\n />\n ) : null}\n {selectedRows.length > 0 ? (\n <span className={dataTableStatusVariants()} aria-live=\"polite\">\n {selectedRows.length} selected\n </span>\n ) : null}\n </div>\n <div\n data-slot=\"data-table-toolbar-actions\"\n className={dataTableToolbarGroupVariants()}\n >\n {bulkActions.map((action, index) => (\n <Button\n key={index}\n type=\"button\"\n appearance=\"outline\"\n size=\"sm\"\n disabled={action.disabled || selectedRows.length === 0}\n onClick={() => action.onSelect(selectedRows)}\n >\n {action.label}\n </Button>\n ))}\n {enableColumnVisibility ? (\n <div className=\"relative\">\n <Button\n type=\"button\"\n appearance=\"outline\"\n size=\"sm\"\n aria-expanded={columnPanelOpen}\n aria-controls={columnPanelId}\n onClick={() => setColumnPanelOpen((open) => !open)}\n >\n Columns\n </Button>\n {columnPanelOpen ? (\n <div\n id={columnPanelId}\n data-slot=\"data-table-column-panel\"\n className={dataTableColumnPanelVariants()}\n >\n {columns.map((column) => {\n const canHide = column.enableHiding !== false;\n return (\n <Checkbox\n key={column.id}\n checked={currentVisibleColumnIds.includes(column.id)}\n disabled={!canHide}\n onCheckedChange={(checked) =>\n setColumnVisible(column.id, checked)\n }\n >\n {String(\n typeof column.header === \"function\"\n ? column.id\n : column.header,\n )}{\" \"}\n column\n </Checkbox>\n );\n })}\n </div>\n ) : null}\n </div>\n ) : null}\n </div>\n </div>\n ) : null}\n\n {virtualizationEnabled ? (\n <div\n ref={virtualList.setContainerRef}\n data-slot=\"data-table-virtual-scroll\"\n className={dataTableVirtualScrollVariants()}\n style={{ maxHeight: virtualization?.height }}\n >\n <div style={{ minHeight: virtualList.totalHeight }}>\n <div\n data-slot=\"data-table-virtual-offset\"\n style={{ transform: `translateY(${virtualOffset}px)` }}\n >\n {tableElement}\n </div>\n </div>\n </div>\n ) : (\n tableElement\n )}\n\n {paginationEnabled && pageCount > 1 ? (\n <div\n className={cn(\n \"flex flex-wrap items-center gap-3\",\n showRowCount ? \"justify-between\" : \"justify-end\",\n )}\n >\n {showRowCount ? (\n <span className={dataTableStatusVariants()}>\n Showing {processedRows.length} of {sortedData.length}\n </span>\n ) : null}\n <Pagination\n appearance={resolvedPaginationAppearance}\n size={resolvedSize}\n pageCount={pageCount}\n page={paginationState.currentPage}\n siblingCount={paginationOptions?.siblingCount}\n boundaryCount={paginationOptions?.boundaryCount}\n onPageChange={paginationState.setPage}\n className=\"w-auto\"\n />\n </div>\n ) : null}\n </section>\n );\n}\n\nDataTableBase.displayName = \"DataTable\";\n","// data-table.tsx — default static entry (no framer-motion)\nimport { DataTableBase } from \"./data-table-base\";\nimport type { DataTableProps } from \"./types\";\n\nexport function DataTable<TData, TKey extends string = string>(\n props: DataTableProps<TData, TKey>,\n) {\n return <DataTableBase {...props} />;\n}\n\nDataTable.displayName = \"DataTable\";\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { DropdownProps, DropdownTriggerProps, DropdownContentProps, DropdownItemProps } from "./types";
|
|
2
|
-
export declare const Dropdown: ({ children, defaultOpen, open: controlledOpen, onOpenChange, multiSelect, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const Dropdown: ({ children, className, defaultOpen, open: controlledOpen, onOpenChange, multiSelect, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare const DropdownTrigger: ({ children, className, variant, size, onClick, ...props }: DropdownTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare const DropdownContent: ({ children, className, placement, spacing, divider, ...props }: DropdownContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
5
|
export declare const DropdownItem: ({ children, value, className, variant, onClick, onKeyDown, onSelect, leftIcon, rightIcon, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAEV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAkBjB,eAAO,MAAM,QAAQ,GAAI,
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/dropdown.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAEV,aAAa,EACb,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AAkBjB,eAAO,MAAM,QAAQ,GAAI,iGAQtB,aAAa,4CA8Cf,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,2DAO7B,oBAAoB,4CAqBtB,CAAC;AAKF,eAAO,MAAM,eAAe,GAAI,gEAO7B,oBAAoB,mDAgCtB,CAAC;AAKF,eAAO,MAAM,YAAY,GAAI,sGAW1B,iBAAiB,4CAgFnB,CAAC"}
|
|
@@ -10,7 +10,7 @@ export type DropdownContextType = {
|
|
|
10
10
|
menuId: string;
|
|
11
11
|
};
|
|
12
12
|
type Variant = keyof typeof zuiDropdownTriggerVariants;
|
|
13
|
-
export type DropdownProps = {
|
|
13
|
+
export type DropdownProps = HTMLAttributes<HTMLDivElement> & {
|
|
14
14
|
children: ReactNode;
|
|
15
15
|
defaultOpen?: boolean;
|
|
16
16
|
open?: boolean;
|
|
@@ -30,7 +30,7 @@ export type DropdownContentProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
30
30
|
};
|
|
31
31
|
export type DropdownItemProps = HTMLAttributes<HTMLDivElement> & {
|
|
32
32
|
children: ReactNode;
|
|
33
|
-
value
|
|
33
|
+
value?: string;
|
|
34
34
|
onSelect?: () => void;
|
|
35
35
|
leftIcon?: ReactNode;
|
|
36
36
|
rightIcon?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,OAAO,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,OAAO,GAAG,MAAM,OAAO,0BAA0B,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC3E,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAChD,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
package/dist/ui/dropdown.js
CHANGED
|
@@ -1,241 +1,41 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
4
|
+
var chunk4SLVTSHM_js = require('../chunk-4SLVTSHM.js');
|
|
5
|
+
require('../chunk-7DCFVPWN.js');
|
|
6
|
+
require('../chunk-Y5JAQEBF.js');
|
|
7
|
+
require('../chunk-ZS5756ZC.js');
|
|
7
8
|
require('../chunk-PZ5AY32C.js');
|
|
8
|
-
var react = require('react');
|
|
9
|
-
var fi = require('react-icons/fi');
|
|
10
|
-
var classVarianceAuthority = require('class-variance-authority');
|
|
11
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
12
9
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
defaultVariants: {
|
|
19
|
-
variant: "default",
|
|
20
|
-
size: "md"
|
|
21
|
-
}
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
Object.defineProperty(exports, "Dropdown", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () { return chunk4SLVTSHM_js.Dropdown; }
|
|
22
15
|
});
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
spacing: chunkY5JAQEBF_js.zuiDropdownSpacing
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: {
|
|
29
|
-
placement: "bottom",
|
|
30
|
-
spacing: "default"
|
|
31
|
-
}
|
|
16
|
+
Object.defineProperty(exports, "DropdownContent", {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return chunk4SLVTSHM_js.DropdownContent; }
|
|
32
19
|
});
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
20
|
+
Object.defineProperty(exports, "DropdownItem", {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: function () { return chunk4SLVTSHM_js.DropdownItem; }
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "DropdownTrigger", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () { return chunk4SLVTSHM_js.DropdownTrigger; }
|
|
27
|
+
});
|
|
28
|
+
Object.defineProperty(exports, "contentVariants", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function () { return chunk4SLVTSHM_js.contentVariants; }
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports, "itemVariants", {
|
|
33
|
+
enumerable: true,
|
|
34
|
+
get: function () { return chunk4SLVTSHM_js.itemVariants; }
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "triggerVariants", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function () { return chunk4SLVTSHM_js.triggerVariants; }
|
|
40
39
|
});
|
|
41
|
-
var DropdownContext = react.createContext(null);
|
|
42
|
-
var useDropdown = () => {
|
|
43
|
-
const ctx = react.useContext(DropdownContext);
|
|
44
|
-
if (!ctx) throw new Error("Use inside Dropdown");
|
|
45
|
-
return ctx;
|
|
46
|
-
};
|
|
47
|
-
var Dropdown = ({
|
|
48
|
-
children,
|
|
49
|
-
defaultOpen = false,
|
|
50
|
-
open: controlledOpen,
|
|
51
|
-
onOpenChange,
|
|
52
|
-
multiSelect = false
|
|
53
|
-
}) => {
|
|
54
|
-
const menuId = `${react.useId()}-menu`;
|
|
55
|
-
const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
|
|
56
|
-
const [selectedValues, setSelectedValues] = react.useState([]);
|
|
57
|
-
const open = controlledOpen ?? uncontrolledOpen;
|
|
58
|
-
const setOpen = (val) => {
|
|
59
|
-
if (controlledOpen !== void 0) {
|
|
60
|
-
onOpenChange?.(val);
|
|
61
|
-
} else {
|
|
62
|
-
setUncontrolledOpen(val);
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
const toggle = () => setOpen(!open);
|
|
66
|
-
const toggleSelect = (value) => {
|
|
67
|
-
if (!multiSelect) {
|
|
68
|
-
setSelectedValues([value]);
|
|
69
|
-
setOpen(false);
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
setSelectedValues(
|
|
73
|
-
(prev) => prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value]
|
|
74
|
-
);
|
|
75
|
-
};
|
|
76
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
77
|
-
DropdownContext.Provider,
|
|
78
|
-
{
|
|
79
|
-
value: {
|
|
80
|
-
open,
|
|
81
|
-
setOpen,
|
|
82
|
-
toggle,
|
|
83
|
-
selectedValues,
|
|
84
|
-
toggleSelect,
|
|
85
|
-
multiSelect,
|
|
86
|
-
menuId
|
|
87
|
-
},
|
|
88
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative inline-block", children })
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
};
|
|
92
|
-
var DropdownTrigger = ({
|
|
93
|
-
children,
|
|
94
|
-
className,
|
|
95
|
-
variant,
|
|
96
|
-
size,
|
|
97
|
-
onClick,
|
|
98
|
-
...props
|
|
99
|
-
}) => {
|
|
100
|
-
const { toggle, open, menuId } = useDropdown();
|
|
101
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
102
|
-
"button",
|
|
103
|
-
{
|
|
104
|
-
type: "button",
|
|
105
|
-
"aria-expanded": open,
|
|
106
|
-
"aria-haspopup": "menu",
|
|
107
|
-
"aria-controls": menuId,
|
|
108
|
-
className: chunkZS5756ZC_js.cn(triggerVariants({ variant, size }), className),
|
|
109
|
-
...props,
|
|
110
|
-
onClick: (event) => {
|
|
111
|
-
onClick?.(event);
|
|
112
|
-
if (!event.defaultPrevented) {
|
|
113
|
-
toggle();
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
children
|
|
117
|
-
}
|
|
118
|
-
);
|
|
119
|
-
};
|
|
120
|
-
var DropdownContent = ({
|
|
121
|
-
children,
|
|
122
|
-
className,
|
|
123
|
-
placement = "bottom",
|
|
124
|
-
spacing = "default",
|
|
125
|
-
divider,
|
|
126
|
-
...props
|
|
127
|
-
}) => {
|
|
128
|
-
const { open, setOpen, menuId } = useDropdown();
|
|
129
|
-
const ref = react.useRef(null);
|
|
130
|
-
chunk7DCFVPWN_js.useClickOutside({ ref, setOpen });
|
|
131
|
-
react.useEffect(() => {
|
|
132
|
-
if (!open) {
|
|
133
|
-
return;
|
|
134
|
-
}
|
|
135
|
-
ref.current?.querySelector('[role="menuitem"]')?.focus();
|
|
136
|
-
}, [open]);
|
|
137
|
-
if (!open) return null;
|
|
138
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
139
|
-
"div",
|
|
140
|
-
{
|
|
141
|
-
ref,
|
|
142
|
-
id: menuId,
|
|
143
|
-
role: "menu",
|
|
144
|
-
className: chunkZS5756ZC_js.cn(
|
|
145
|
-
contentVariants({ placement, spacing }),
|
|
146
|
-
className,
|
|
147
|
-
divider && "divide-y divide-current"
|
|
148
|
-
),
|
|
149
|
-
...props,
|
|
150
|
-
children
|
|
151
|
-
}
|
|
152
|
-
);
|
|
153
|
-
};
|
|
154
|
-
var DropdownItem = ({
|
|
155
|
-
children,
|
|
156
|
-
value,
|
|
157
|
-
className,
|
|
158
|
-
variant,
|
|
159
|
-
onClick,
|
|
160
|
-
onKeyDown,
|
|
161
|
-
onSelect,
|
|
162
|
-
leftIcon,
|
|
163
|
-
rightIcon,
|
|
164
|
-
...props
|
|
165
|
-
}) => {
|
|
166
|
-
const { toggleSelect, selectedValues } = useDropdown();
|
|
167
|
-
const isSelected = selectedValues.includes(value);
|
|
168
|
-
const handleClick = () => {
|
|
169
|
-
toggleSelect(value);
|
|
170
|
-
onSelect?.();
|
|
171
|
-
};
|
|
172
|
-
const focusSiblingItem = (event, direction) => {
|
|
173
|
-
const menu = event.currentTarget.closest('[role="menu"]');
|
|
174
|
-
const items = Array.from(
|
|
175
|
-
menu?.querySelectorAll('[role="menuitem"]') ?? []
|
|
176
|
-
);
|
|
177
|
-
const currentIndex = items.indexOf(event.currentTarget);
|
|
178
|
-
if (currentIndex === -1 || items.length === 0) {
|
|
179
|
-
return;
|
|
180
|
-
}
|
|
181
|
-
const nextIndex = direction === "first" ? 0 : direction === "last" ? items.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + items.length) % items.length;
|
|
182
|
-
items[nextIndex]?.focus();
|
|
183
|
-
};
|
|
184
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
185
|
-
"div",
|
|
186
|
-
{
|
|
187
|
-
role: "menuitem",
|
|
188
|
-
tabIndex: -1,
|
|
189
|
-
onClick: (event) => {
|
|
190
|
-
onClick?.(event);
|
|
191
|
-
if (!event.defaultPrevented) {
|
|
192
|
-
handleClick();
|
|
193
|
-
}
|
|
194
|
-
},
|
|
195
|
-
onKeyDown: (e) => {
|
|
196
|
-
onKeyDown?.(e);
|
|
197
|
-
if (e.defaultPrevented) {
|
|
198
|
-
return;
|
|
199
|
-
}
|
|
200
|
-
if (e.key === "Enter" || e.key === " ") {
|
|
201
|
-
e.preventDefault();
|
|
202
|
-
handleClick();
|
|
203
|
-
} else if (e.key === "ArrowDown") {
|
|
204
|
-
e.preventDefault();
|
|
205
|
-
focusSiblingItem(e, "next");
|
|
206
|
-
} else if (e.key === "ArrowUp") {
|
|
207
|
-
e.preventDefault();
|
|
208
|
-
focusSiblingItem(e, "previous");
|
|
209
|
-
} else if (e.key === "Home") {
|
|
210
|
-
e.preventDefault();
|
|
211
|
-
focusSiblingItem(e, "first");
|
|
212
|
-
} else if (e.key === "End") {
|
|
213
|
-
e.preventDefault();
|
|
214
|
-
focusSiblingItem(e, "last");
|
|
215
|
-
}
|
|
216
|
-
},
|
|
217
|
-
className: chunkZS5756ZC_js.cn(itemVariants({ variant }), className),
|
|
218
|
-
...props,
|
|
219
|
-
children: [
|
|
220
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
221
|
-
leftIcon,
|
|
222
|
-
children
|
|
223
|
-
] }),
|
|
224
|
-
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
225
|
-
isSelected && /* @__PURE__ */ jsxRuntime.jsx(fi.FiCheck, {}),
|
|
226
|
-
rightIcon
|
|
227
|
-
] })
|
|
228
|
-
]
|
|
229
|
-
}
|
|
230
|
-
);
|
|
231
|
-
};
|
|
232
|
-
|
|
233
|
-
exports.Dropdown = Dropdown;
|
|
234
|
-
exports.DropdownContent = DropdownContent;
|
|
235
|
-
exports.DropdownItem = DropdownItem;
|
|
236
|
-
exports.DropdownTrigger = DropdownTrigger;
|
|
237
|
-
exports.contentVariants = contentVariants;
|
|
238
|
-
exports.itemVariants = itemVariants;
|
|
239
|
-
exports.triggerVariants = triggerVariants;
|
|
240
40
|
//# sourceMappingURL=dropdown.js.map
|
|
241
41
|
//# sourceMappingURL=dropdown.js.map
|
package/dist/ui/dropdown.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/ui/dropdown/variants.ts","../../src/ui/dropdown/dropdown.tsx"],"names":["cva","zuiDropdownTriggerBase","zuiDropdownTriggerVariants","zuiDropdownTriggerSizes","zuiDropdownContentBase","zuiDropdownPlacements","zuiDropdownSpacing","zuiDropdownItemBase","zuiDropdownItemVariants","createContext","useContext","useId","useState","jsx","cn","useRef","useClickOutside","useEffect","jsxs","FiCheck"],"mappings":"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","file":"dropdown.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiDropdownContentBase,\n zuiDropdownItemBase,\n zuiDropdownItemVariants,\n zuiDropdownPlacements,\n zuiDropdownSpacing,\n zuiDropdownTriggerBase,\n zuiDropdownTriggerSizes,\n zuiDropdownTriggerVariants,\n} from \"../../design-system/dropdown\";\n\nexport const triggerVariants = cva(zuiDropdownTriggerBase, {\n variants: {\n variant: zuiDropdownTriggerVariants,\n size: zuiDropdownTriggerSizes,\n },\n defaultVariants: {\n variant: \"default\",\n size: \"md\",\n },\n});\n\nexport const contentVariants = cva(zuiDropdownContentBase, {\n variants: {\n placement: zuiDropdownPlacements,\n spacing: zuiDropdownSpacing,\n },\n defaultVariants: {\n placement: \"bottom\",\n spacing: \"default\",\n },\n});\n\nexport const itemVariants = cva(zuiDropdownItemBase, {\n variants: {\n variant: zuiDropdownItemVariants,\n },\n defaultVariants: {\n variant: \"default\",\n },\n});\n","\"use client\";\n\nimport {\n createContext,\n useContext,\n useState,\n useRef,\n useEffect,\n useId,\n type KeyboardEvent,\n} from \"react\";\nimport { FiCheck } from \"react-icons/fi\";\nimport { cn } from \"../../lib/utils\";\nimport type {\n DropdownContextType,\n DropdownProps,\n DropdownTriggerProps,\n DropdownContentProps,\n DropdownItemProps,\n} from \"./types\";\nimport { triggerVariants, contentVariants, itemVariants } from \"./variants\";\nimport { useClickOutside } from \"../../hooks/useClickOutside\";\n\n/* =========================\n Context\n========================= */\nconst DropdownContext = createContext<DropdownContextType | null>(null);\n\nconst useDropdown = () => {\n const ctx = useContext(DropdownContext);\n if (!ctx) throw new Error(\"Use inside Dropdown\");\n return ctx;\n};\n\n/* =========================\n Root\n========================= */\nexport const Dropdown = ({\n children,\n defaultOpen = false,\n open: controlledOpen,\n onOpenChange,\n multiSelect = false,\n}: DropdownProps) => {\n const menuId = `${useId()}-menu`;\n const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n const [selectedValues, setSelectedValues] = useState<string[]>([]);\n\n const open = controlledOpen ?? uncontrolledOpen;\n\n const setOpen = (val: boolean) => {\n if (controlledOpen !== undefined) {\n onOpenChange?.(val);\n } else {\n setUncontrolledOpen(val);\n }\n };\n\n const toggle = () => setOpen(!open);\n\n const toggleSelect = (value: string) => {\n if (!multiSelect) {\n setSelectedValues([value]);\n setOpen(false);\n return;\n }\n\n setSelectedValues((prev) =>\n prev.includes(value) ? prev.filter((v) => v !== value) : [...prev, value],\n );\n };\n\n return (\n <DropdownContext.Provider\n value={{\n open,\n setOpen,\n toggle,\n selectedValues,\n toggleSelect,\n multiSelect,\n menuId,\n }}\n >\n <div className=\"relative inline-block\">{children}</div>\n </DropdownContext.Provider>\n );\n};\n\n/* =========================\n Trigger\n========================= */\nexport const DropdownTrigger = ({\n children,\n className,\n variant,\n size,\n onClick,\n ...props\n}: DropdownTriggerProps) => {\n const { toggle, open, menuId } = useDropdown();\n\n return (\n <button\n type=\"button\"\n aria-expanded={open}\n aria-haspopup=\"menu\"\n aria-controls={menuId}\n className={cn(triggerVariants({ variant, size }), className)}\n {...props}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n toggle();\n }\n }}\n >\n {children}\n </button>\n );\n};\n\n/* =========================\n Content\n========================= */\nexport const DropdownContent = ({\n children,\n className,\n placement = \"bottom\",\n spacing = \"default\",\n divider,\n ...props\n}: DropdownContentProps) => {\n const { open, setOpen, menuId } = useDropdown();\n const ref = useRef<HTMLDivElement>(null);\n\n // click outside\n useClickOutside({ ref, setOpen });\n\n useEffect(() => {\n if (!open) {\n return;\n }\n\n ref.current?.querySelector<HTMLElement>('[role=\"menuitem\"]')?.focus();\n }, [open]);\n\n if (!open) return null;\n\n return (\n <div\n ref={ref}\n id={menuId}\n role=\"menu\"\n className={cn(\n contentVariants({ placement, spacing }),\n className,\n divider && \"divide-y divide-current\",\n )}\n {...props}\n >\n {children}\n </div>\n );\n};\n\n/* =========================\n Item\n========================= */\nexport const DropdownItem = ({\n children,\n value,\n className,\n variant,\n onClick,\n onKeyDown,\n onSelect,\n leftIcon,\n rightIcon,\n ...props\n}: DropdownItemProps) => {\n const { toggleSelect, selectedValues } = useDropdown();\n const isSelected = selectedValues.includes(value);\n\n const handleClick = () => {\n toggleSelect(value);\n onSelect?.();\n };\n\n const focusSiblingItem = (\n event: KeyboardEvent<HTMLDivElement>,\n direction: \"next\" | \"previous\" | \"first\" | \"last\",\n ) => {\n const menu = event.currentTarget.closest('[role=\"menu\"]');\n const items = Array.from(\n menu?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? [],\n );\n const currentIndex = items.indexOf(event.currentTarget);\n\n if (currentIndex === -1 || items.length === 0) {\n return;\n }\n\n const nextIndex =\n direction === \"first\"\n ? 0\n : direction === \"last\"\n ? items.length - 1\n : (currentIndex + (direction === \"next\" ? 1 : -1) + items.length) %\n items.length;\n\n items[nextIndex]?.focus();\n };\n\n return (\n <div\n role=\"menuitem\"\n tabIndex={-1}\n onClick={(event) => {\n onClick?.(event);\n if (!event.defaultPrevented) {\n handleClick();\n }\n }}\n onKeyDown={(e) => {\n onKeyDown?.(e);\n if (e.defaultPrevented) {\n return;\n }\n if (e.key === \"Enter\" || e.key === \" \") {\n e.preventDefault();\n handleClick();\n } else if (e.key === \"ArrowDown\") {\n e.preventDefault();\n focusSiblingItem(e, \"next\");\n } else if (e.key === \"ArrowUp\") {\n e.preventDefault();\n focusSiblingItem(e, \"previous\");\n } else if (e.key === \"Home\") {\n e.preventDefault();\n focusSiblingItem(e, \"first\");\n } else if (e.key === \"End\") {\n e.preventDefault();\n focusSiblingItem(e, \"last\");\n }\n }}\n className={cn(itemVariants({ variant }), className)}\n {...props}\n >\n <div className=\"flex items-center gap-2\">\n {leftIcon}\n {children}\n </div>\n\n <div className=\"flex items-center gap-2\">\n {isSelected && <FiCheck />}\n {rightIcon}\n </div>\n </div>\n );\n};\n"]}
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","file":"dropdown.js"}
|