Skip to content

feat(dataview): rollup properties, sticky headers, and property identity refactor #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jingerpie wants to merge 10 commits into
base: main
Choose a base branch
from
Open

feat(dataview): rollup properties, sticky headers, and property identity refactor #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
52cd224
feat(dataview): enhance property rendering with optional name labels …
jingerpie Apr 5, 2026
697f4f8
feat(dataview): refactor badge color handling and introduce subtle va…
jingerpie Apr 5, 2026
8fcfbf8
feat(pagination): auto-hide top border when not sticky
jingerpie Apr 12, 2026
ac5463d
feat(dataview): add badge size variants and subtle color backgrounds
jingerpie Apr 12, 2026
f3bd40c
feat(dataview): add rollup property type with filter quantifier support
jingerpie Apr 12, 2026
ffce5dd
feat(dataview): resolve property ids to keys for server queries
jingerpie Apr 12, 2026
50c0bc7
feat(dataview): add SimpleDataViewProvider for lightweight use cases
jingerpie Apr 12, 2026
223ef99
feat(dataview): refine view layouts and group label styling
jingerpie Apr 12, 2026
34bca93
feat(web): update product demos to use rollup and badge sizes
jingerpie Apr 12, 2026
f2e167d
chore(dependencies): update package versions for @base-ui/react, next…
jingerpie Apr 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions apps/web/src/components/client-providers/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ export default function ClientProviders({
defaultTheme="system"
disableTransitionOnChange
enableSystem
storageKey="dataview-theme"
>
<TRPCReactProvider>
{children}
Expand Down
32 changes: 16 additions & 16 deletions apps/web/src/modules/dataview/product-list-properties.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,16 +40,16 @@ export const productListProperties = [
type: "select",
config: {
options: [
{ value: "Accessories", color: "blue" },
{ value: "Bottoms", color: "purple" },
{ value: "Dresses", color: "pink" },
{ value: "Footwear", color: "yellow" },
{ value: "Garden", color: "green" },
{ value: "Home", color: "teal" },
{ value: "Jewelry", color: "gray" },
{ value: "Lingerie", color: "red" },
{ value: "Outerwear", color: "gray" },
{ value: "Tops", color: "blue" },
{ value: "Accessories", color: "blue-subtle" },
{ value: "Bottoms", color: "purple-subtle" },
{ value: "Dresses", color: "pink-subtle" },
{ value: "Footwear", color: "yellow-subtle" },
{ value: "Garden", color: "green-subtle" },
{ value: "Home", color: "teal-subtle" },
{ value: "Jewelry", color: "gray-subtle" },
{ value: "Lingerie", color: "red-subtle" },
{ value: "Outerwear", color: "gray-subtle" },
{ value: "Tops", color: "blue-subtle" },
],
},
},
Expand All @@ -59,12 +59,12 @@ export const productListProperties = [
type: "multiSelect",
config: {
options: [
{ value: "Bestseller", color: "yellow" },
{ value: "Eco-friendly", color: "green" },
{ value: "Limited Edition", color: "purple" },
{ value: "New Arrival", color: "blue" },
{ value: "On Sale", color: "red" },
{ value: "Seasonal", color: "pink" },
{ value: "Bestseller", color: "yellow-subtle" },
{ value: "Eco-friendly", color: "green-subtle" },
{ value: "Limited Edition", color: "purple-subtle" },
{ value: "New Arrival", color: "blue-subtle" },
{ value: "On Sale", color: "red-subtle" },
{ value: "Seasonal", color: "pink-subtle" },
],
},
},
Expand Down
38 changes: 19 additions & 19 deletions apps/web/src/modules/dataview/product-properties.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,16 +55,16 @@ export const productProperties = [
type: "select",
config: {
options: [
{ value: "Accessories", color: "blue" },
{ value: "Bottoms", color: "purple" },
{ value: "Dresses", color: "pink" },
{ value: "Footwear", color: "yellow" },
{ value: "Garden", color: "green" },
{ value: "Home", color: "teal" },
{ value: "Jewelry", color: "gray" },
{ value: "Lingerie", color: "red" },
{ value: "Outerwear", color: "gray" },
{ value: "Tops", color: "blue" },
{ value: "Accessories", color: "blue-subtle" },
{ value: "Bottoms", color: "purple-subtle" },
{ value: "Dresses", color: "pink-subtle" },
{ value: "Footwear", color: "yellow-subtle" },
{ value: "Garden", color: "green-subtle" },
{ value: "Home", color: "teal-subtle" },
{ value: "Jewelry", color: "gray-subtle" },
{ value: "Lingerie", color: "red-subtle" },
{ value: "Outerwear", color: "gray-subtle" },
{ value: "Tops", color: "blue-subtle" },
],
},
},
Expand All @@ -74,12 +74,12 @@ export const productProperties = [
type: "multiSelect",
config: {
options: [
{ value: "Bestseller", color: "yellow" },
{ value: "Eco-friendly", color: "green" },
{ value: "Limited Edition", color: "purple" },
{ value: "New Arrival", color: "blue" },
{ value: "On Sale", color: "red" },
{ value: "Seasonal", color: "pink" },
{ value: "Bestseller", color: "yellow-subtle" },
{ value: "Eco-friendly", color: "green-subtle" },
{ value: "Limited Edition", color: "purple-subtle" },
{ value: "New Arrival", color: "blue-subtle" },
{ value: "On Sale", color: "red-subtle" },
{ value: "Seasonal", color: "pink-subtle" },
],
},
},
Expand All @@ -91,19 +91,19 @@ export const productProperties = [
groups: [
{
name: "Available",
color: "green",
color: "green-subtle",
options: ["In stock"],
icon: CheckCircle2,
},
{
name: "Warning",
color: "yellow",
color: "yellow-subtle",
options: ["Low stock"],
icon: AlertCircle,
},
{
name: "Unavailable",
color: "red",
color: "red-subtle",
options: ["Out of stock"],
icon: XCircle,
},
Expand Down
42 changes: 21 additions & 21 deletions apps/web/src/modules/dataview/product-table-properties.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ export const productTableProperties = [
config: {
showAs: {
type: "bar",
color: "red",
color: "red-subtle",
divideBy: 100,
},
},
Expand All @@ -47,7 +47,7 @@ export const productTableProperties = [
config: {
showAs: {
type: "ring",
color: "green",
color: "green-subtle",
divideBy: 100,
},
},
Expand All @@ -59,16 +59,16 @@ export const productTableProperties = [
type: "select",
config: {
options: [
{ value: "Accessories", color: "blue" },
{ value: "Bottoms", color: "purple" },
{ value: "Dresses", color: "pink" },
{ value: "Footwear", color: "yellow" },
{ value: "Garden", color: "green" },
{ value: "Home", color: "teal" },
{ value: "Jewelry", color: "gray" },
{ value: "Lingerie", color: "red" },
{ value: "Outerwear", color: "gray" },
{ value: "Tops", color: "blue" },
{ value: "Accessories", color: "blue-subtle" },
{ value: "Bottoms", color: "purple-subtle" },
{ value: "Dresses", color: "pink-subtle" },
{ value: "Footwear", color: "yellow-subtle" },
{ value: "Garden", color: "green-subtle" },
{ value: "Home", color: "teal-subtle" },
{ value: "Jewelry", color: "gray-subtle" },
{ value: "Lingerie", color: "red-subtle" },
{ value: "Outerwear", color: "gray-subtle" },
{ value: "Tops", color: "blue-subtle" },
],
},
size: 150,
Expand All @@ -79,12 +79,12 @@ export const productTableProperties = [
type: "multiSelect",
config: {
options: [
{ value: "Bestseller", color: "yellow" },
{ value: "Eco-friendly", color: "green" },
{ value: "Limited Edition", color: "purple" },
{ value: "New Arrival", color: "blue" },
{ value: "On Sale", color: "red" },
{ value: "Seasonal", color: "pink" },
{ value: "Bestseller", color: "yellow-subtle" },
{ value: "Eco-friendly", color: "green-subtle" },
{ value: "Limited Edition", color: "purple-subtle" },
{ value: "New Arrival", color: "blue-subtle" },
{ value: "On Sale", color: "red-subtle" },
{ value: "Seasonal", color: "pink-subtle" },
],
},
size: 150,
Expand All @@ -97,19 +97,19 @@ export const productTableProperties = [
groups: [
{
name: "Available",
color: "green",
color: "green-subtle",
options: ["In stock"],
icon: CheckCircle2,
},
{
name: "Warning",
color: "yellow",
color: "yellow-subtle",
options: ["Low stock"],
icon: AlertCircle,
},
{
name: "Unavailable",
color: "red",
color: "red-subtle",
options: ["Out of stock"],
icon: XCircle,
},
Expand Down
32 changes: 16 additions & 16 deletions bun.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 3 additions & 3 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"packages/*"
],
"catalog": {
"@base-ui/react": "1.1.0",
"@base-ui/react": "1.3.0",
"@dnd-kit/core": "6.3.1",
"@dnd-kit/sortable": "10.0.0",
"@dnd-kit/utilities": "3.2.2",
Expand Down Expand Up @@ -46,9 +46,9 @@
"hono": "4.11.3",
"input-otp": "1.4.2",
"lucide-react": "0.562.0",
"next": "16.1.1",
"next": "16.2.0",
"next-themes": "0.4.6",
"nuqs": "2.8.6",
"nuqs": "2.8.9",
"pg": "8.16.3",
"pino": "10.1.0",
"pino-pretty": "13.1.3",
Expand Down
Loading
Loading