@astryxdesign/cli 0.4.7-canary.2eb194f → 0.4.7-canary.32d41f6

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.
Files changed (2) hide show
  1. package/assets/templates/pages/table-grouped/page.tsx +144 -151
  2. package/package.json +9 -9
package/assets/templates/pages/table-grouped/page.tsx CHANGED
@@ -37,7 +37,6 @@ import {Divider} from '@astryxdesign/core/Divider';
37
37
  import {MetadataList, MetadataListItem} from '@astryxdesign/core/MetadataList';
38
38
  import {
39
39
  Table,
40
- TableBody,
41
40
  TableRow,
42
41
  TableCell,
43
42
  proportional,
@@ -964,167 +963,161 @@ export default function DataTableTemplate() {
964
963
  />
965
964
  ))}
966
965
  </colgroup>
967
- <TableBody>
968
- {groupKeys.map(key => {
969
- const tasks = grouped.get(key);
970
- if (!tasks || tasks.length === 0) {
971
- return null;
972
- }
973
- const isExpanded = expandedGroups.has(key);
966
+ {groupKeys.map(key => {
967
+ const tasks = grouped.get(key);
968
+ if (!tasks || tasks.length === 0) {
969
+ return null;
970
+ }
971
+ const isExpanded = expandedGroups.has(key);
974
972
 
975
- return (
976
- <React.Fragment key={key}>
977
- {groupBy !== 'none' && (
973
+ return (
974
+ <React.Fragment key={key}>
975
+ {groupBy !== 'none' && (
976
+ <TableRow
977
+ role="button"
978
+ tabIndex={0}
979
+ onClick={() => toggleGroup(key)}
980
+ onKeyDown={e => {
981
+ if (e.key === 'Enter' || e.key === ' ') {
982
+ e.preventDefault();
983
+ toggleGroup(key);
984
+ }
985
+ }}>
986
+ <TableCell colSpan={COL_COUNT} style={groupHeaderCell}>
987
+ <HStack gap={2} vAlign="center">
988
+ <Icon
989
+ icon={
990
+ isExpanded ? ChevronDownIcon : ChevronRightIcon
991
+ }
992
+ size="sm"
993
+ color="secondary"
994
+ />
995
+ <Text type="body" weight="bold">
996
+ {getGroupLabel(groupBy, key)}
997
+ </Text>
998
+ <Badge
999
+ variant="neutral"
1000
+ label={String(tasks.length)}
1001
+ />
1002
+ </HStack>
1003
+ </TableCell>
1004
+ </TableRow>
1005
+ )}
1006
+ {(groupBy === 'none' || isExpanded) &&
1007
+ tasks.map(task => (
978
1008
  <TableRow
979
- role="button"
980
- tabIndex={0}
981
- onClick={() => toggleGroup(key)}
982
- onKeyDown={e => {
983
- if (e.key === 'Enter' || e.key === ' ') {
984
- e.preventDefault();
985
- toggleGroup(key);
986
- }
987
- }}>
988
- <TableCell
989
- colSpan={COL_COUNT}
990
- style={groupHeaderCell}>
991
- <HStack gap={2} vAlign="center">
1009
+ key={task.id}
1010
+ onClick={() => setSelectedTask(task)}>
1011
+ <TableCell>
1012
+ <Center axis="horizontal">
1013
+ <StatusDot
1014
+ variant={STATUS_DOT_VARIANT[task.status]}
1015
+ label={STATUS_LABEL[task.status]}
1016
+ />
1017
+ </Center>
1018
+ </TableCell>
1019
+ <TableCell>
1020
+ <HStack gap={3} vAlign="center">
992
1021
  <Icon
993
- icon={
994
- isExpanded
995
- ? ChevronDownIcon
996
- : ChevronRightIcon
997
- }
1022
+ icon={ChartBarIcon}
998
1023
  size="sm"
999
- color="secondary"
1024
+ color={PRIORITY_COLOR[task.priority]}
1000
1025
  />
1001
- <Text type="body" weight="bold">
1002
- {getGroupLabel(groupBy, key)}
1026
+ <Text type="supporting" color="secondary">
1027
+ {task.taskId}
1003
1028
  </Text>
1004
- <Badge
1005
- variant="neutral"
1006
- label={String(tasks.length)}
1007
- />
1008
- </HStack>
1009
- </TableCell>
1010
- </TableRow>
1011
- )}
1012
- {(groupBy === 'none' || isExpanded) &&
1013
- tasks.map(task => (
1014
- <TableRow
1015
- key={task.id}
1016
- onClick={() => setSelectedTask(task)}>
1017
- <TableCell>
1018
- <Center axis="horizontal">
1019
- <StatusDot
1020
- variant={STATUS_DOT_VARIANT[task.status]}
1021
- label={STATUS_LABEL[task.status]}
1022
- />
1023
- </Center>
1024
- </TableCell>
1025
- <TableCell>
1026
- <HStack gap={3} vAlign="center">
1027
- <Icon
1028
- icon={ChartBarIcon}
1029
- size="sm"
1030
- color={PRIORITY_COLOR[task.priority]}
1031
- />
1032
- <Text type="supporting" color="secondary">
1033
- {task.taskId}
1034
- </Text>
1035
- <Text type="body" maxLines={1}>
1036
- {task.title}
1037
- </Text>
1038
- {task.subtitle && (
1039
- <Text
1040
- type="body"
1041
- color="secondary"
1042
- maxLines={1}>
1043
- › {task.subtitle}
1044
- </Text>
1045
- )}
1046
- </HStack>
1047
- </TableCell>
1048
- <TableCell>
1049
- {task.project ? (
1050
- <Text type="body" maxLines={1}>
1051
- {task.project}
1052
- </Text>
1053
- ) : (
1054
- <Text type="supporting" color="secondary">
1055
- —
1029
+ <Text type="body" maxLines={1}>
1030
+ {task.title}
1031
+ </Text>
1032
+ {task.subtitle && (
1033
+ <Text
1034
+ type="body"
1035
+ color="secondary"
1036
+ maxLines={1}>
1037
+ › {task.subtitle}
1056
1038
  </Text>
1057
1039
  )}
1058
- </TableCell>
1059
- <TableCell>
1060
- <Text type="supporting" color="secondary">
1061
- {task.created}
1040
+ </HStack>
1041
+ </TableCell>
1042
+ <TableCell>
1043
+ {task.project ? (
1044
+ <Text type="body" maxLines={1}>
1045
+ {task.project}
1062
1046
  </Text>
1063
- </TableCell>
1064
- <TableCell>
1047
+ ) : (
1065
1048
  <Text type="supporting" color="secondary">
1066
- {task.updated}
1049
+ —
1067
1050
  </Text>
1068
- </TableCell>
1069
- <TableCell>
1070
- <Avatar name={task.assignee} size="sm" />
1071
- </TableCell>
1072
- <TableCell>
1073
- <DropdownMenu
1074
- button={{
1075
- label: 'Actions',
1076
- variant: 'ghost',
1077
- size: 'sm',
1078
- icon: (
1079
- <Icon
1080
- icon={EllipsisHorizontalIcon}
1081
- size="sm"
1082
- />
1083
- ),
1084
- isIconOnly: true,
1085
- }}
1086
- hasChevron={false}
1087
- items={[
1088
- {
1089
- label: 'Edit issue',
1090
- icon: PencilIcon,
1091
- onClick: () => {},
1092
- },
1093
- {
1094
- label: 'Assign to...',
1095
- icon: UserIcon,
1096
- onClick: () => {},
1097
- },
1098
- {
1099
- label: 'Add label',
1100
- icon: TagIcon,
1101
- onClick: () => {},
1102
- },
1103
- {
1104
- label: 'Duplicate',
1105
- icon: DocumentDuplicateIcon,
1106
- onClick: () => {},
1107
- },
1108
- {
1109
- label: 'Move to project',
1110
- icon: ArrowRightIcon,
1111
- onClick: () => {},
1112
- },
1113
- {type: 'divider' as const},
1114
- {
1115
- label: 'Delete issue',
1116
- icon: TrashIcon,
1117
- onClick: () => {},
1118
- },
1119
- ]}
1120
- />
1121
- </TableCell>
1122
- </TableRow>
1123
- ))}
1124
- </React.Fragment>
1125
- );
1126
- })}
1127
- </TableBody>
1051
+ )}
1052
+ </TableCell>
1053
+ <TableCell>
1054
+ <Text type="supporting" color="secondary">
1055
+ {task.created}
1056
+ </Text>
1057
+ </TableCell>
1058
+ <TableCell>
1059
+ <Text type="supporting" color="secondary">
1060
+ {task.updated}
1061
+ </Text>
1062
+ </TableCell>
1063
+ <TableCell>
1064
+ <Avatar name={task.assignee} size="sm" />
1065
+ </TableCell>
1066
+ <TableCell>
1067
+ <DropdownMenu
1068
+ button={{
1069
+ label: 'Actions',
1070
+ variant: 'ghost',
1071
+ size: 'sm',
1072
+ icon: (
1073
+ <Icon
1074
+ icon={EllipsisHorizontalIcon}
1075
+ size="sm"
1076
+ />
1077
+ ),
1078
+ isIconOnly: true,
1079
+ }}
1080
+ hasChevron={false}
1081
+ items={[
1082
+ {
1083
+ label: 'Edit issue',
1084
+ icon: PencilIcon,
1085
+ onClick: () => {},
1086
+ },
1087
+ {
1088
+ label: 'Assign to...',
1089
+ icon: UserIcon,
1090
+ onClick: () => {},
1091
+ },
1092
+ {
1093
+ label: 'Add label',
1094
+ icon: TagIcon,
1095
+ onClick: () => {},
1096
+ },
1097
+ {
1098
+ label: 'Duplicate',
1099
+ icon: DocumentDuplicateIcon,
1100
+ onClick: () => {},
1101
+ },
1102
+ {
1103
+ label: 'Move to project',
1104
+ icon: ArrowRightIcon,
1105
+ onClick: () => {},
1106
+ },
1107
+ {type: 'divider' as const},
1108
+ {
1109
+ label: 'Delete issue',
1110
+ icon: TrashIcon,
1111
+ onClick: () => {},
1112
+ },
1113
+ ]}
1114
+ />
1115
+ </TableCell>
1116
+ </TableRow>
1117
+ ))}
1118
+ </React.Fragment>
1119
+ );
1120
+ })}
1128
1121
  </Table>
1129
1122
  </LayoutContent>
1130
1123
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/cli",
3
- "version": "0.4.7-canary.2eb194f",
3
+ "version": "0.4.7-canary.32d41f6",
4
4
  "displayName": "CLI",
5
5
  "description": "Scaffold projects, browse templates, generate themes, and get agent-ready docs from the command line.",
6
6
  "author": "Meta Open Source",
@@ -87,10 +87,10 @@
87
87
  "zod": "^4.4.3"
88
88
  },
89
89
  "peerDependencies": {
90
- "@astryxdesign/charts": "0.4.7-canary.2eb194f",
91
- "@astryxdesign/core": "0.4.7-canary.2eb194f",
92
- "@astryxdesign/lab": "0.4.7-canary.2eb194f",
93
- "@astryxdesign/theme-neutral": "0.4.7-canary.2eb194f",
90
+ "@astryxdesign/charts": "0.4.7-canary.32d41f6",
91
+ "@astryxdesign/core": "0.4.7-canary.32d41f6",
92
+ "@astryxdesign/lab": "0.4.7-canary.32d41f6",
93
+ "@astryxdesign/theme-neutral": "0.4.7-canary.32d41f6",
94
94
  "gpt-tokenizer": "^3.4.0"
95
95
  },
96
96
  "peerDependenciesMeta": {
@@ -108,10 +108,10 @@
108
108
  }
109
109
  },
110
110
  "devDependencies": {
111
- "@astryxdesign/charts": "0.4.7-canary.2eb194f",
112
- "@astryxdesign/core": "0.4.7-canary.2eb194f",
113
- "@astryxdesign/lab": "0.4.7-canary.2eb194f",
114
- "@astryxdesign/theme-neutral": "0.4.7-canary.2eb194f",
111
+ "@astryxdesign/charts": "0.4.7-canary.32d41f6",
112
+ "@astryxdesign/core": "0.4.7-canary.32d41f6",
113
+ "@astryxdesign/lab": "0.4.7-canary.32d41f6",
114
+ "@astryxdesign/theme-neutral": "0.4.7-canary.32d41f6",
115
115
  "gpt-tokenizer": "^3.4.0"
116
116
  },
117
117
  "scripts": {