Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
63 changes: 52 additions & 11 deletions .storybook/public/sample-data.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,18 +5,59 @@
{ "field": "email", "type": "string" },
{ "field": "department", "type": "string" },
{ "field": "status", "type": "string" },
{ "field": "start_date", "type": "string" }
{ "field": "start_date", "type": "string" },
{ "field": "manager", "type": "string" }
],
"data": [
{ "id": 1, "name": "Alice Johnson", "email": "alice@example.com", "department": "Engineering", "status": "Active", "start_date": "2023-01-15" },
{ "id": 2, "name": "Bob Smith", "email": "bob@example.com", "department": "Marketing", "status": "Active", "start_date": "2022-06-01" },
{ "id": 3, "name": "Carol Williams", "email": "carol@example.com", "department": "Engineering", "status": "On Leave", "start_date": "2021-03-20" },
{ "id": 4, "name": "David Brown", "email": "david@example.com", "department": "Sales", "status": "Active", "start_date": "2023-08-10" },
{ "id": 5, "name": "Eva Martinez", "email": "eva@example.com", "department": "Engineering", "status": "Active", "start_date": "2020-11-05" },
{ "id": 6, "name": "Frank Lee", "email": "frank@example.com", "department": "Marketing", "status": "Inactive", "start_date": "2019-04-22" },
{ "id": 7, "name": "Grace Kim", "email": "grace@example.com", "department": "Sales", "status": "Active", "start_date": "2024-01-08" },
{ "id": 8, "name": "Henry Chen", "email": "henry@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-09-14" },
{ "id": 9, "name": "Ivy Patel", "email": "ivy@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-05-30" },
{ "id": 10, "name": "Jack Wilson", "email": "jack@example.com", "department": "Sales", "status": "On Leave", "start_date": "2021-07-19" }
{ "id": 1, "name": "Alice Johnson", "email": "alice@example.com", "department": "Engineering", "status": "Active", "start_date": "2023-01-15", "manager": "Eva Martinez" },
{ "id": 2, "name": "Bob Smith", "email": "bob@example.com", "department": "Marketing", "status": "Active", "start_date": "2022-06-01", "manager": "Frank Lee" },
{ "id": 3, "name": "Carol Williams", "email": "carol@example.com", "department": "Engineering", "status": "On Leave", "start_date": "2021-03-20", "manager": "Alice Johnson" },
{ "id": 4, "name": "David Brown", "email": "david@example.com", "department": "Sales", "status": "Active", "start_date": "2023-08-10", "manager": "Grace Kim" },
{ "id": 5, "name": "Eva Martinez", "email": "eva@example.com", "department": "Engineering", "status": "Active", "start_date": "2020-11-05", "manager": "Alice Johnson" },
{ "id": 6, "name": "Frank Lee", "email": "frank@example.com", "department": "Marketing", "status": "Inactive", "start_date": "2019-04-22", "manager": "Bob Smith" },
{ "id": 7, "name": "Grace Kim", "email": "grace@example.com", "department": "Sales", "status": "Active", "start_date": "2024-01-08", "manager": "David Brown" },
{ "id": 8, "name": "Henry Chen", "email": "henry@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-09-14", "manager": "Eva Martinez" },
{ "id": 9, "name": "Ivy Patel", "email": "ivy@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-05-30", "manager": "Frank Lee" },
{ "id": 10, "name": "Jack Wilson", "email": "jack@example.com", "department": "Sales", "status": "On Leave", "start_date": "2021-07-19", "manager": "Grace Kim" },
{ "id": 11, "name": "Karen Davis", "email": "karen@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-02-14", "manager": "Alice Johnson" },
{ "id": 12, "name": "Liam O'Brien", "email": "liam@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-03-22", "manager": "Bob Smith" },
{ "id": 13, "name": "Mia Thompson", "email": "mia@example.com", "department": "Sales", "status": "Active", "start_date": "2021-11-30", "manager": "David Brown" },
{ "id": 14, "name": "Noah Garcia", "email": "noah@example.com", "department": "Engineering", "status": "On Leave", "start_date": "2020-07-18", "manager": "Eva Martinez" },
{ "id": 15, "name": "Olivia Robinson", "email": "olivia@example.com", "department": "Marketing", "status": "Active", "start_date": "2024-02-01", "manager": "Frank Lee" },
{ "id": 16, "name": "Paul Walker", "email": "paul@example.com", "department": "Sales", "status": "Active", "start_date": "2022-10-05", "manager": "Grace Kim" },
{ "id": 17, "name": "Quinn Foster", "email": "quinn@example.com", "department": "Engineering", "status": "Active", "start_date": "2023-06-12", "manager": "Alice Johnson" },
{ "id": 18, "name": "Rachel Adams", "email": "rachel@example.com", "department": "Marketing", "status": "Inactive", "start_date": "2019-09-25", "manager": "Bob Smith" },
{ "id": 19, "name": "Sam Turner", "email": "sam@example.com", "department": "Sales", "status": "Active", "start_date": "2024-04-15", "manager": "David Brown" },
{ "id": 20, "name": "Tina Nguyen", "email": "tina@example.com", "department": "Engineering", "status": "Active", "start_date": "2021-01-10", "manager": "Eva Martinez" },
{ "id": 21, "name": "Ulrich Weber", "email": "ulrich@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-05-20", "manager": "Alice Johnson" },
{ "id": 22, "name": "Vanessa Cruz", "email": "vanessa@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-08-03", "manager": "Frank Lee" },
{ "id": 23, "name": "William Hayes", "email": "william@example.com", "department": "Sales", "status": "On Leave", "start_date": "2020-12-19", "manager": "Grace Kim" },
{ "id": 24, "name": "Xena Rossi", "email": "xena@example.com", "department": "Engineering", "status": "Active", "start_date": "2024-01-22", "manager": "Eva Martinez" },
{ "id": 25, "name": "Yusuf Ali", "email": "yusuf@example.com", "department": "Marketing", "status": "Active", "start_date": "2022-11-08", "manager": "Bob Smith" },
{ "id": 26, "name": "Zoe Campbell", "email": "zoe@example.com", "department": "Sales", "status": "Active", "start_date": "2023-04-17", "manager": "David Brown" },
{ "id": 27, "name": "Aaron Mitchell", "email": "aaron@example.com", "department": "Engineering", "status": "Active", "start_date": "2021-06-25", "manager": "Alice Johnson" },
{ "id": 28, "name": "Bella Rivera", "email": "bella@example.com", "department": "Marketing", "status": "Inactive", "start_date": "2019-11-02", "manager": "Frank Lee" },
{ "id": 29, "name": "Carlos Diaz", "email": "carlos@example.com", "department": "Sales", "status": "Active", "start_date": "2024-03-10", "manager": "Grace Kim" },
{ "id": 30, "name": "Diana Scott", "email": "diana@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-07-14", "manager": "Eva Martinez" },
{ "id": 31, "name": "Ethan Brooks", "email": "ethan@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-09-28", "manager": "Bob Smith" },
{ "id": 32, "name": "Fiona Kelly", "email": "fiona@example.com", "department": "Sales", "status": "Active", "start_date": "2021-04-06", "manager": "David Brown" },
{ "id": 33, "name": "George Pham", "email": "george@example.com", "department": "Engineering", "status": "On Leave", "start_date": "2020-08-30", "manager": "Alice Johnson" },
{ "id": 34, "name": "Hannah Morgan", "email": "hannah@example.com", "department": "Marketing", "status": "Active", "start_date": "2024-05-12", "manager": "Frank Lee" },
{ "id": 35, "name": "Isaac Vargas", "email": "isaac@example.com", "department": "Sales", "status": "Active", "start_date": "2022-01-19", "manager": "Grace Kim" },
{ "id": 36, "name": "Julia Sanders", "email": "julia@example.com", "department": "Engineering", "status": "Active", "start_date": "2023-11-07", "manager": "Eva Martinez" },
{ "id": 37, "name": "Kevin Murphy", "email": "kevin@example.com", "department": "Marketing", "status": "Active", "start_date": "2021-09-15", "manager": "Bob Smith" },
{ "id": 38, "name": "Luna Ortiz", "email": "luna@example.com", "department": "Sales", "status": "Inactive", "start_date": "2019-06-28", "manager": "David Brown" },
{ "id": 39, "name": "Marcus Young", "email": "marcus@example.com", "department": "Engineering", "status": "Active", "start_date": "2024-02-20", "manager": "Alice Johnson" },
{ "id": 40, "name": "Nora Sullivan", "email": "nora@example.com", "department": "Marketing", "status": "Active", "start_date": "2022-04-11", "manager": "Frank Lee" },
{ "id": 41, "name": "Oscar Reyes", "email": "oscar@example.com", "department": "Sales", "status": "Active", "start_date": "2023-07-23", "manager": "Grace Kim" },
{ "id": 42, "name": "Priya Sharma", "email": "priya@example.com", "department": "Engineering", "status": "Active", "start_date": "2020-10-16", "manager": "Eva Martinez" },
{ "id": 43, "name": "Reed Cooper", "email": "reed@example.com", "department": "Marketing", "status": "On Leave", "start_date": "2021-12-04", "manager": "Bob Smith" },
{ "id": 44, "name": "Sasha Bell", "email": "sasha@example.com", "department": "Sales", "status": "Active", "start_date": "2024-06-01", "manager": "David Brown" },
{ "id": 45, "name": "Trevor Hughes", "email": "trevor@example.com", "department": "Engineering", "status": "Active", "start_date": "2022-08-27", "manager": "Alice Johnson" },
{ "id": 46, "name": "Uma Krishnan", "email": "uma@example.com", "department": "Marketing", "status": "Active", "start_date": "2023-02-18", "manager": "Frank Lee" },
{ "id": 47, "name": "Victor Stone", "email": "victor@example.com", "department": "Sales", "status": "Active", "start_date": "2021-05-09", "manager": "Grace Kim" },
{ "id": 48, "name": "Wendy Park", "email": "wendy@example.com", "department": "Engineering", "status": "Inactive", "start_date": "2019-03-14", "manager": "Eva Martinez" },
{ "id": 49, "name": "Xavier Long", "email": "xavier@example.com", "department": "Marketing", "status": "Active", "start_date": "2024-04-30", "manager": "Bob Smith" },
{ "id": 50, "name": "Yara Hoffman", "email": "yara@example.com", "department": "Sales", "status": "Active", "start_date": "2022-12-22", "manager": "David Brown" }
]
}
20 changes: 18 additions & 2 deletions src/components/DataVisNITRO/DataVisNITRO.stories.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,15 @@ export const Default: Story = {
<DataVisNitroSource type="http" url="/sample-data.json">
<DataVisNitroGrid
title="Employees"
columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
columns={[
'id',
'name',
'email',
'department',
'status',
'start_date',
'manager',
]}
height="420px"
/>
</DataVisNitroSource>
Expand All @@ -44,7 +52,15 @@ export const WithControls: Story = {
<DataVisNitroSource type="http" url="/sample-data.json">
<DataVisNitroGrid
title="Employee Management"
columns={['id', 'name', 'email', 'department', 'status', 'start_date']}
columns={[
'id',
'name',
'email',
'department',
'status',
'start_date',
'manager',
]}
showControls
height="480px"
/>
Expand Down
Loading