@galaxy-io/dls 1.2.7 → 1.3.1

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 (305) hide show
  1. package/README.md +2 -0
  2. package/dist/avatar/Avatar.d.ts +2 -1
  3. package/dist/avatar/Avatar.js +103 -14
  4. package/dist/buttons/Button.d.ts +6 -1
  5. package/dist/buttons/Button.js +8 -4
  6. package/dist/charts/BarChart.d.ts +30 -20
  7. package/dist/charts/BarChart.js +183 -253
  8. package/dist/charts/ChartAxis.d.ts +47 -22
  9. package/dist/charts/ChartAxis.js +81 -60
  10. package/dist/charts/ChartCategoryTargets.d.ts +27 -0
  11. package/dist/charts/ChartCategoryTargets.js +75 -0
  12. package/dist/charts/ChartEmptyState.d.ts +17 -0
  13. package/dist/charts/ChartEmptyState.js +29 -0
  14. package/dist/charts/ChartFrame.d.ts +110 -0
  15. package/dist/charts/ChartFrame.js +143 -0
  16. package/dist/charts/ChartLegend.d.ts +27 -4
  17. package/dist/charts/ChartLegend.js +46 -23
  18. package/dist/charts/ChartPrimitives.d.ts +230 -0
  19. package/dist/charts/ChartPrimitives.js +305 -0
  20. package/dist/charts/ChartTooltip.d.ts +25 -4
  21. package/dist/charts/ChartTooltip.js +55 -49
  22. package/dist/charts/LineChart.d.ts +42 -20
  23. package/dist/charts/LineChart.js +175 -241
  24. package/dist/charts/PieChart.d.ts +48 -32
  25. package/dist/charts/PieChart.js +180 -170
  26. package/dist/charts/barChartGeometry.d.ts +120 -0
  27. package/dist/charts/barChartGeometry.js +210 -0
  28. package/dist/charts/barChartLegend.d.ts +25 -0
  29. package/dist/charts/barChartLegend.js +23 -0
  30. package/dist/charts/chartFormat.d.ts +27 -0
  31. package/dist/charts/chartFormat.js +71 -0
  32. package/dist/charts/chartScales.d.ts +120 -0
  33. package/dist/charts/chartScales.js +165 -0
  34. package/dist/charts/chartTheme.d.ts +18 -0
  35. package/dist/charts/chartTheme.js +26 -0
  36. package/dist/charts/constants.d.ts +241 -18
  37. package/dist/charts/constants.js +261 -32
  38. package/dist/charts/lineChartGeometry.d.ts +92 -0
  39. package/dist/charts/lineChartGeometry.js +134 -0
  40. package/dist/charts/pieChartGeometry.d.ts +60 -0
  41. package/dist/charts/pieChartGeometry.js +79 -0
  42. package/dist/charts/types.d.ts +428 -54
  43. package/dist/charts/types.js +155 -0
  44. package/dist/charts/useCartesianChartLayout.d.ts +70 -0
  45. package/dist/charts/useCartesianChartLayout.js +56 -0
  46. package/dist/charts/useChartDimensions.d.ts +47 -0
  47. package/dist/charts/useChartDimensions.js +63 -0
  48. package/dist/charts/useChartFormatters.d.ts +19 -0
  49. package/dist/charts/useChartFormatters.js +20 -0
  50. package/dist/charts/useChartInteraction.d.ts +76 -0
  51. package/dist/charts/useChartInteraction.js +126 -0
  52. package/dist/charts/useChartTooltipPosition.d.ts +53 -0
  53. package/dist/charts/useChartTooltipPosition.js +39 -0
  54. package/dist/charts/useSeriesColorResolver.d.ts +37 -0
  55. package/dist/charts/useSeriesColorResolver.js +27 -0
  56. package/dist/hooks/useElementClientSize.d.ts +20 -0
  57. package/dist/hooks/useElementClientSize.js +43 -0
  58. package/dist/inputs/CheckboxInput.d.ts +7 -2
  59. package/dist/inputs/CheckboxInput.js +30 -14
  60. package/dist/inputs/Input.d.ts +1 -1
  61. package/dist/inputs/Input.js +6 -2
  62. package/dist/inputs/MultiSelectInput.js +1 -1
  63. package/dist/inputs/RadioInput.js +7 -2
  64. package/dist/styles.css +69 -74
  65. package/dist/table/InfiniteSpreadsheet.d.ts +6 -0
  66. package/dist/table/InfiniteSpreadsheet.js +235 -0
  67. package/dist/table/InfiniteTable.d.ts +7 -88
  68. package/dist/table/InfiniteTable.js +366 -577
  69. package/dist/{spreadsheet → table}/SpreadsheetCell.d.ts +6 -4
  70. package/dist/table/SpreadsheetCell.js +71 -0
  71. package/dist/{spreadsheet → table}/SpreadsheetCellEditor.js +27 -21
  72. package/dist/table/SpreadsheetHeaderCell.d.ts +23 -0
  73. package/dist/table/SpreadsheetHeaderCell.js +91 -0
  74. package/dist/table/SpreadsheetMenuItem.d.ts +14 -0
  75. package/dist/table/SpreadsheetMenuItem.js +33 -0
  76. package/dist/table/SpreadsheetPrimitives.d.ts +172 -0
  77. package/dist/table/SpreadsheetPrimitives.js +105 -0
  78. package/dist/table/SpreadsheetRow.d.ts +33 -0
  79. package/dist/table/SpreadsheetRow.js +73 -0
  80. package/dist/{spreadsheet → table}/SpreadsheetRowActionCell.d.ts +5 -7
  81. package/dist/table/SpreadsheetRowActionCell.js +51 -0
  82. package/dist/table/TableExpandCell.d.ts +11 -0
  83. package/dist/table/TableExpandCell.js +24 -0
  84. package/dist/table/TableExpandedRow.d.ts +16 -0
  85. package/dist/table/TableExpandedRow.js +77 -0
  86. package/dist/table/TableHeaderCellContent.d.ts +30 -0
  87. package/dist/table/TableHeaderCellContent.js +48 -0
  88. package/dist/table/TablePrimitives.d.ts +307 -0
  89. package/dist/table/TablePrimitives.js +298 -0
  90. package/dist/table/TableSelectCell.d.ts +18 -0
  91. package/dist/table/TableSelectCell.js +26 -0
  92. package/dist/table/TableStatusRow.d.ts +18 -0
  93. package/dist/table/TableStatusRow.js +50 -0
  94. package/dist/table/VirtualizedInfiniteTable.d.ts +11 -27
  95. package/dist/table/VirtualizedInfiniteTable.js +182 -317
  96. package/dist/table/types.d.ts +249 -0
  97. package/dist/table/types.js +51 -0
  98. package/dist/table/useInfiniteScrollSentinel.d.ts +24 -0
  99. package/dist/table/useInfiniteScrollSentinel.js +53 -0
  100. package/dist/{spreadsheet/hooks → table}/useSpreadsheetEditing.d.ts +1 -1
  101. package/dist/{spreadsheet/hooks → table}/useSpreadsheetEditing.js +1 -1
  102. package/dist/table/useTableColumnLayout.d.ts +28 -0
  103. package/dist/table/useTableColumnLayout.js +63 -0
  104. package/dist/table/useTableColumnResize.d.ts +38 -0
  105. package/dist/table/useTableColumnResize.js +155 -0
  106. package/dist/table/useTableKeyboardNavigation.d.ts +25 -0
  107. package/dist/table/useTableKeyboardNavigation.js +83 -0
  108. package/dist/table/useTableRowExpansion.d.ts +24 -0
  109. package/dist/table/useTableRowExpansion.js +62 -0
  110. package/dist/table/useTableRowSelection.d.ts +27 -0
  111. package/dist/table/useTableRowSelection.js +94 -0
  112. package/dist/table/utils.d.ts +50 -0
  113. package/dist/table/utils.js +78 -0
  114. package/dist/text/MarkdownText.js +45 -27
  115. package/dist/theme/variants/dark.js +1 -1
  116. package/dist/widget/Widget.d.ts +2 -0
  117. package/dist/widget/Widget.js +14 -7
  118. package/package.json +1 -5
  119. package/dist/assets/components/enrichment/PerplexityIcon.d.ts +0 -3
  120. package/dist/assets/components/enrichment/PerplexityIcon.js +0 -35
  121. package/dist/assets/components/enrichment/TavilyIcon.d.ts +0 -3
  122. package/dist/assets/components/enrichment/TavilyIcon.js +0 -15
  123. package/dist/assets/components/onboarding/TenantSetupDark.d.ts +0 -3
  124. package/dist/assets/components/onboarding/TenantSetupDark.js +0 -498
  125. package/dist/assets/components/onboarding/TenantSetupLight.d.ts +0 -3
  126. package/dist/assets/components/onboarding/TenantSetupLight.js +0 -482
  127. package/dist/assets/components/onboarding/UserSetupDark.d.ts +0 -3
  128. package/dist/assets/components/onboarding/UserSetupDark.js +0 -1086
  129. package/dist/assets/components/onboarding/UserSetupLight.d.ts +0 -3
  130. package/dist/assets/components/onboarding/UserSetupLight.js +0 -1024
  131. package/dist/assets/components/onboarding/WorkspaceSetupBuildDark.d.ts +0 -3
  132. package/dist/assets/components/onboarding/WorkspaceSetupBuildDark.js +0 -466
  133. package/dist/assets/components/onboarding/WorkspaceSetupBuildLight.d.ts +0 -3
  134. package/dist/assets/components/onboarding/WorkspaceSetupBuildLight.js +0 -460
  135. package/dist/assets/components/onboarding/WorkspaceSetupConnectDark.d.ts +0 -3
  136. package/dist/assets/components/onboarding/WorkspaceSetupConnectDark.js +0 -336
  137. package/dist/assets/components/onboarding/WorkspaceSetupConnectLight.d.ts +0 -3
  138. package/dist/assets/components/onboarding/WorkspaceSetupConnectLight.js +0 -336
  139. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateDark.d.ts +0 -3
  140. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateDark.js +0 -153
  141. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateLight.d.ts +0 -3
  142. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateLight.js +0 -153
  143. package/dist/assets/components/projects/MappingMethodAutoIntrospectDark.d.ts +0 -3
  144. package/dist/assets/components/projects/MappingMethodAutoIntrospectDark.js +0 -117
  145. package/dist/assets/components/projects/MappingMethodAutoIntrospectLight.d.ts +0 -3
  146. package/dist/assets/components/projects/MappingMethodAutoIntrospectLight.js +0 -117
  147. package/dist/assets/components/projects/MappingMethodBlankDark.d.ts +0 -3
  148. package/dist/assets/components/projects/MappingMethodBlankDark.js +0 -150
  149. package/dist/assets/components/projects/MappingMethodBlankDarkHovered.d.ts +0 -3
  150. package/dist/assets/components/projects/MappingMethodBlankDarkHovered.js +0 -150
  151. package/dist/assets/components/projects/MappingMethodBlankLight.d.ts +0 -3
  152. package/dist/assets/components/projects/MappingMethodBlankLight.js +0 -150
  153. package/dist/assets/components/projects/MappingMethodBlankLightHovered.d.ts +0 -3
  154. package/dist/assets/components/projects/MappingMethodBlankLightHovered.js +0 -150
  155. package/dist/assets/components/projects/MappingMethodJsonDark.d.ts +0 -3
  156. package/dist/assets/components/projects/MappingMethodJsonDark.js +0 -90
  157. package/dist/assets/components/projects/MappingMethodJsonDarkHovered.d.ts +0 -3
  158. package/dist/assets/components/projects/MappingMethodJsonDarkHovered.js +0 -90
  159. package/dist/assets/components/projects/MappingMethodJsonLight.d.ts +0 -3
  160. package/dist/assets/components/projects/MappingMethodJsonLight.js +0 -90
  161. package/dist/assets/components/projects/MappingMethodJsonLightHovered.d.ts +0 -3
  162. package/dist/assets/components/projects/MappingMethodJsonLightHovered.js +0 -90
  163. package/dist/assets/components/projects/ProjectsEmptyStateDark.d.ts +0 -3
  164. package/dist/assets/components/projects/ProjectsEmptyStateDark.js +0 -454
  165. package/dist/assets/components/projects/ProjectsEmptyStateLight.d.ts +0 -3
  166. package/dist/assets/components/projects/ProjectsEmptyStateLight.js +0 -456
  167. package/dist/assets/components/root/CreateProjectActionCardDark.d.ts +0 -3
  168. package/dist/assets/components/root/CreateProjectActionCardDark.js +0 -1796
  169. package/dist/assets/components/root/CreateProjectActionCardDarkHovered.d.ts +0 -3
  170. package/dist/assets/components/root/CreateProjectActionCardDarkHovered.js +0 -1796
  171. package/dist/assets/components/root/CreateProjectActionCardLight.d.ts +0 -3
  172. package/dist/assets/components/root/CreateProjectActionCardLight.js +0 -1786
  173. package/dist/assets/components/root/CreateProjectActionCardLightHovered.d.ts +0 -3
  174. package/dist/assets/components/root/CreateProjectActionCardLightHovered.js +0 -1786
  175. package/dist/assets/components/root/CreateSourceActionCardDark.d.ts +0 -3
  176. package/dist/assets/components/root/CreateSourceActionCardDark.js +0 -879
  177. package/dist/assets/components/root/CreateSourceActionCardDarkHovered.d.ts +0 -3
  178. package/dist/assets/components/root/CreateSourceActionCardDarkHovered.js +0 -879
  179. package/dist/assets/components/root/CreateSourceActionCardLight.d.ts +0 -3
  180. package/dist/assets/components/root/CreateSourceActionCardLight.js +0 -889
  181. package/dist/assets/components/root/CreateSourceActionCardLightHovered.d.ts +0 -3
  182. package/dist/assets/components/root/CreateSourceActionCardLightHovered.js +0 -889
  183. package/dist/assets/components/sources/AttioIcon.d.ts +0 -3
  184. package/dist/assets/components/sources/AttioIcon.js +0 -11
  185. package/dist/assets/components/sources/BigquerySourceIcon.d.ts +0 -3
  186. package/dist/assets/components/sources/BigquerySourceIcon.js +0 -39
  187. package/dist/assets/components/sources/BrowserbaseSourceIcon.d.ts +0 -3
  188. package/dist/assets/components/sources/BrowserbaseSourceIcon.js +0 -35
  189. package/dist/assets/components/sources/ClickhouseLogoSourceIconDark.d.ts +0 -3
  190. package/dist/assets/components/sources/ClickhouseLogoSourceIconDark.js +0 -13
  191. package/dist/assets/components/sources/ClickhouseLogoSourceIconLight.d.ts +0 -3
  192. package/dist/assets/components/sources/ClickhouseLogoSourceIconLight.js +0 -13
  193. package/dist/assets/components/sources/ConfluenceSourceIcon.d.ts +0 -3
  194. package/dist/assets/components/sources/ConfluenceSourceIcon.js +0 -30
  195. package/dist/assets/components/sources/GithubSourceIcon.d.ts +0 -3
  196. package/dist/assets/components/sources/GithubSourceIcon.js +0 -27
  197. package/dist/assets/components/sources/GoogleDriveIcon.d.ts +0 -3
  198. package/dist/assets/components/sources/GoogleDriveIcon.js +0 -45
  199. package/dist/assets/components/sources/HubspotSourceIcon.d.ts +0 -3
  200. package/dist/assets/components/sources/HubspotSourceIcon.js +0 -14
  201. package/dist/assets/components/sources/JiraSourceIcon.d.ts +0 -3
  202. package/dist/assets/components/sources/JiraSourceIcon.js +0 -54
  203. package/dist/assets/components/sources/LinearSourceIcon.d.ts +0 -3
  204. package/dist/assets/components/sources/LinearSourceIcon.js +0 -14
  205. package/dist/assets/components/sources/MysqlLogoSourceIconDark.d.ts +0 -3
  206. package/dist/assets/components/sources/MysqlLogoSourceIconDark.js +0 -17
  207. package/dist/assets/components/sources/NetsuiteSourceIcon.d.ts +0 -3
  208. package/dist/assets/components/sources/NetsuiteSourceIcon.js +0 -32
  209. package/dist/assets/components/sources/NotionIcon.d.ts +0 -3
  210. package/dist/assets/components/sources/NotionIcon.js +0 -20
  211. package/dist/assets/components/sources/PostgresqlIcon.d.ts +0 -3
  212. package/dist/assets/components/sources/PostgresqlIcon.js +0 -61
  213. package/dist/assets/components/sources/S3Icon.d.ts +0 -3
  214. package/dist/assets/components/sources/S3Icon.js +0 -76
  215. package/dist/assets/components/sources/SalesforceSourceIcon.d.ts +0 -3
  216. package/dist/assets/components/sources/SalesforceSourceIcon.js +0 -23
  217. package/dist/assets/components/sources/SlackIcon.d.ts +0 -3
  218. package/dist/assets/components/sources/SlackIcon.js +0 -32
  219. package/dist/assets/components/sources/SnowflakeLogoSourceIconDark.d.ts +0 -3
  220. package/dist/assets/components/sources/SnowflakeLogoSourceIconDark.js +0 -14
  221. package/dist/assets/components/sources/SnowflakeLogoSourceIconLight.d.ts +0 -3
  222. package/dist/assets/components/sources/SnowflakeLogoSourceIconLight.js +0 -14
  223. package/dist/assets/components/sources/WikipediaSourceIcon.d.ts +0 -3
  224. package/dist/assets/components/sources/WikipediaSourceIcon.js +0 -1490
  225. package/dist/avatar/AvatarEmpty.d.ts +0 -7
  226. package/dist/avatar/AvatarEmpty.js +0 -99
  227. package/dist/avatar/types.d.ts +0 -5
  228. package/dist/avatar/types.js +0 -9
  229. package/dist/charts/utils.d.ts +0 -29
  230. package/dist/charts/utils.js +0 -62
  231. package/dist/icons/BackIcon.d.ts +0 -3
  232. package/dist/icons/BackIcon.js +0 -13
  233. package/dist/icons/CloseIcon.d.ts +0 -3
  234. package/dist/icons/CloseIcon.js +0 -13
  235. package/dist/icons/CreateIcon.d.ts +0 -3
  236. package/dist/icons/CreateIcon.js +0 -13
  237. package/dist/icons/ForwardIcon.d.ts +0 -3
  238. package/dist/icons/ForwardIcon.js +0 -13
  239. package/dist/icons/HelpIcon.d.ts +0 -3
  240. package/dist/icons/HelpIcon.js +0 -14
  241. package/dist/icons/ProjectsIcon.d.ts +0 -3
  242. package/dist/icons/ProjectsIcon.js +0 -12
  243. package/dist/icons/SearchIcon.d.ts +0 -3
  244. package/dist/icons/SearchIcon.js +0 -12
  245. package/dist/icons/SourcesIcon.d.ts +0 -3
  246. package/dist/icons/SourcesIcon.js +0 -12
  247. package/dist/icons/TextIcon.d.ts +0 -4
  248. package/dist/icons/TextIcon.js +0 -22
  249. package/dist/icons/WebScrapeIcon.d.ts +0 -4
  250. package/dist/icons/WebScrapeIcon.js +0 -22
  251. package/dist/icons/WebhookIcon.d.ts +0 -4
  252. package/dist/icons/WebhookIcon.js +0 -22
  253. package/dist/icons/sources/AttioLogomark.d.ts +0 -4
  254. package/dist/icons/sources/AttioLogomark.js +0 -8
  255. package/dist/icons/sources/BrowserbaseLogomark.d.ts +0 -4
  256. package/dist/icons/sources/BrowserbaseLogomark.js +0 -8
  257. package/dist/icons/sources/ClickhouseLogomark.d.ts +0 -4
  258. package/dist/icons/sources/ClickhouseLogomark.js +0 -16
  259. package/dist/icons/sources/ConfluenceLogomark.d.ts +0 -4
  260. package/dist/icons/sources/ConfluenceLogomark.js +0 -8
  261. package/dist/icons/sources/GithubLogomark.d.ts +0 -4
  262. package/dist/icons/sources/GithubLogomark.js +0 -8
  263. package/dist/icons/sources/GoogleBigqueryLogomark.d.ts +0 -4
  264. package/dist/icons/sources/GoogleBigqueryLogomark.js +0 -8
  265. package/dist/icons/sources/GoogleDriveLogomark.d.ts +0 -4
  266. package/dist/icons/sources/GoogleDriveLogomark.js +0 -8
  267. package/dist/icons/sources/HubspotLogomark.d.ts +0 -4
  268. package/dist/icons/sources/HubspotLogomark.js +0 -8
  269. package/dist/icons/sources/JiraLogomark.d.ts +0 -4
  270. package/dist/icons/sources/JiraLogomark.js +0 -8
  271. package/dist/icons/sources/LinearLogomark.d.ts +0 -4
  272. package/dist/icons/sources/LinearLogomark.js +0 -8
  273. package/dist/icons/sources/MySQLLogomark.d.ts +0 -4
  274. package/dist/icons/sources/MySQLLogomark.js +0 -8
  275. package/dist/icons/sources/NetsuiteLogomark.d.ts +0 -4
  276. package/dist/icons/sources/NetsuiteLogomark.js +0 -8
  277. package/dist/icons/sources/NotionLogomark.d.ts +0 -4
  278. package/dist/icons/sources/NotionLogomark.js +0 -8
  279. package/dist/icons/sources/PostgresLogomark.d.ts +0 -4
  280. package/dist/icons/sources/PostgresLogomark.js +0 -8
  281. package/dist/icons/sources/S3Logomark.d.ts +0 -4
  282. package/dist/icons/sources/S3Logomark.js +0 -8
  283. package/dist/icons/sources/SalesforceLogomark.d.ts +0 -4
  284. package/dist/icons/sources/SalesforceLogomark.js +0 -8
  285. package/dist/icons/sources/SlackLogoIconmark.d.ts +0 -4
  286. package/dist/icons/sources/SlackLogoIconmark.js +0 -8
  287. package/dist/icons/sources/SnowflakeLogomark.d.ts +0 -4
  288. package/dist/icons/sources/SnowflakeLogomark.js +0 -16
  289. package/dist/icons/sources/WikipediaLogomark.d.ts +0 -4
  290. package/dist/icons/sources/WikipediaLogomark.js +0 -8
  291. package/dist/spreadsheet/InfiniteSpreadsheet.d.ts +0 -3
  292. package/dist/spreadsheet/InfiniteSpreadsheet.js +0 -265
  293. package/dist/spreadsheet/SpreadsheetAddColumnButton.d.ts +0 -6
  294. package/dist/spreadsheet/SpreadsheetAddColumnButton.js +0 -32
  295. package/dist/spreadsheet/SpreadsheetCell.js +0 -115
  296. package/dist/spreadsheet/SpreadsheetHeaderCell.d.ts +0 -18
  297. package/dist/spreadsheet/SpreadsheetHeaderCell.js +0 -141
  298. package/dist/spreadsheet/SpreadsheetRow.d.ts +0 -21
  299. package/dist/spreadsheet/SpreadsheetRow.js +0 -68
  300. package/dist/spreadsheet/SpreadsheetRowActionCell.js +0 -78
  301. package/dist/spreadsheet/hooks/useColumnResize.d.ts +0 -6
  302. package/dist/spreadsheet/hooks/useColumnResize.js +0 -46
  303. package/dist/spreadsheet/types.d.ts +0 -92
  304. package/dist/spreadsheet/types.js +0 -21
  305. /package/dist/{spreadsheet → table}/SpreadsheetCellEditor.d.ts +0 -0
@@ -1,8 +0,0 @@
1
- import SvgMysqlLogoSourceIconDark from "../../assets/components/sources/MysqlLogoSourceIconDark.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/MySQLLogomark.tsx
4
- var MySQLLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgMysqlLogoSourceIconDark, { height });
6
- };
7
- //#endregion
8
- export { MySQLLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const NetsuiteLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default NetsuiteLogomark;
@@ -1,8 +0,0 @@
1
- import SvgNetsuiteSourceIcon from "../../assets/components/sources/NetsuiteSourceIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/NetsuiteLogomark.tsx
4
- var NetsuiteLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgNetsuiteSourceIcon, { height });
6
- };
7
- //#endregion
8
- export { NetsuiteLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const NotionLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default NotionLogomark;
@@ -1,8 +0,0 @@
1
- import SvgNotionIcon from "../../assets/components/sources/NotionIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/NotionLogomark.tsx
4
- var NotionLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgNotionIcon, { height });
6
- };
7
- //#endregion
8
- export { NotionLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const PostgresLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default PostgresLogomark;
@@ -1,8 +0,0 @@
1
- import SvgPostgresqlIcon from "../../assets/components/sources/PostgresqlIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/PostgresLogomark.tsx
4
- var PostgresLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgPostgresqlIcon, { height });
6
- };
7
- //#endregion
8
- export { PostgresLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const S3Logomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default S3Logomark;
@@ -1,8 +0,0 @@
1
- import SvgS3Icon from "../../assets/components/sources/S3Icon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/S3Logomark.tsx
4
- var S3Logomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgS3Icon, { height });
6
- };
7
- //#endregion
8
- export { S3Logomark as default };
@@ -1,4 +0,0 @@
1
- declare const SalesforceLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default SalesforceLogomark;
@@ -1,8 +0,0 @@
1
- import SvgSalesforceSourceIcon from "../../assets/components/sources/SalesforceSourceIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/SalesforceLogomark.tsx
4
- var SalesforceLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgSalesforceSourceIcon, { height });
6
- };
7
- //#endregion
8
- export { SalesforceLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const SlackLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default SlackLogomark;
@@ -1,8 +0,0 @@
1
- import SvgSlackIcon from "../../assets/components/sources/SlackIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/SlackLogoIconmark.tsx
4
- var SlackLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgSlackIcon, { height });
6
- };
7
- //#endregion
8
- export { SlackLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const SnowflakeLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default SnowflakeLogomark;
@@ -1,16 +0,0 @@
1
- import { GalaxyTheme } from "../../theme/constants.js";
2
- import { useGalaxyTheme } from "../../theme/GalaxyTheme.js";
3
- import SvgSnowflakeLogoSourceIconDark from "../../assets/components/sources/SnowflakeLogoSourceIconDark.js";
4
- import SvgSnowflakeLogoSourceIconLight from "../../assets/components/sources/SnowflakeLogoSourceIconLight.js";
5
- import { match } from "ts-pattern";
6
- import { useMemo } from "react";
7
- import { jsx } from "react/jsx-runtime";
8
- //#region src/icons/sources/SnowflakeLogomark.tsx
9
- var SnowflakeLogomark = ({ height }) => {
10
- const { activeTheme } = useGalaxyTheme();
11
- return useMemo(() => {
12
- return match(activeTheme).with(GalaxyTheme.DARK, () => /* @__PURE__ */ jsx(SvgSnowflakeLogoSourceIconLight, { height })).with(GalaxyTheme.LIGHT, () => /* @__PURE__ */ jsx(SvgSnowflakeLogoSourceIconDark, { height })).exhaustive();
13
- }, [activeTheme, height]);
14
- };
15
- //#endregion
16
- export { SnowflakeLogomark as default };
@@ -1,4 +0,0 @@
1
- declare const WikipediaLogomark: ({ height }: {
2
- height: number;
3
- }) => import("react").JSX.Element;
4
- export default WikipediaLogomark;
@@ -1,8 +0,0 @@
1
- import SvgWikipediaSourceIcon from "../../assets/components/sources/WikipediaSourceIcon.js";
2
- import { jsx } from "react/jsx-runtime";
3
- //#region src/icons/sources/WikipediaLogomark.tsx
4
- var WikipediaLogomark = ({ height }) => {
5
- return /* @__PURE__ */ jsx(SvgWikipediaSourceIcon, { height });
6
- };
7
- //#endregion
8
- export { WikipediaLogomark as default };
@@ -1,3 +0,0 @@
1
- import { type InfiniteSpreadsheetProps } from "./types";
2
- declare function InfiniteSpreadsheet<TData>(props: InfiniteSpreadsheetProps<TData>): import("react").JSX.Element;
3
- export default InfiniteSpreadsheet;
@@ -1,265 +0,0 @@
1
- import { withTheme } from "../theme/GalaxyTheme.js";
2
- import { getCssSizeValue } from "../utils/linaria.js";
3
- import Text, { TextVariant } from "../text/Text.js";
4
- import Button, { ButtonSize, ButtonVariant } from "../buttons/Button.js";
5
- import { ColumnPin, TableDensity } from "../table/InfiniteTable.js";
6
- import SpreadsheetRow from "./SpreadsheetRow.js";
7
- import SpreadsheetHeaderCell from "./SpreadsheetHeaderCell.js";
8
- import { useColumnResize } from "./hooks/useColumnResize.js";
9
- import { useSpreadsheetEditing } from "./hooks/useSpreadsheetEditing.js";
10
- /* empty css */
11
- import { styled } from "@linaria/react";
12
- import { match } from "ts-pattern";
13
- import { useCallback, useEffect, useMemo, useRef } from "react";
14
- import { jsx, jsxs } from "react/jsx-runtime";
15
- import { PlusIcon } from "@phosphor-icons/react";
16
- import { useVirtualizer } from "@tanstack/react-virtual";
17
- //#region src/spreadsheet/InfiniteSpreadsheet.tsx
18
- var _exp = () => ({ $width, $fillWidth }) => {
19
- if ($fillWidth) return "100%";
20
- if ($width) return getCssSizeValue($width);
21
- return "auto";
22
- };
23
- var _exp2 = () => ({ $height, $fillHeight }) => {
24
- if ($fillHeight) return "100%";
25
- if ($height) return getCssSizeValue($height);
26
- return "auto";
27
- };
28
- var _exp3 = () => ({ theme }) => theme.color.border.primary;
29
- var OuterContainer = withTheme(/*#__PURE__*/ styled("div")({
30
- name: "OuterContainer",
31
- class: "oi86aya",
32
- propsAsIs: false,
33
- vars: {
34
- "oi86aya-0": [_exp()],
35
- "oi86aya-1": [_exp2()],
36
- "oi86aya-2": [_exp3()]
37
- }
38
- }));
39
- var ScrollContainer = /*#__PURE__*/ styled("div")({
40
- name: "ScrollContainer",
41
- class: "s1i7g9s5",
42
- propsAsIs: false
43
- });
44
- var StyledTable = /*#__PURE__*/ styled("table")({
45
- name: "StyledTable",
46
- class: "s1feknc2",
47
- propsAsIs: false
48
- });
49
- var TableHead = /*#__PURE__*/ styled("thead")({
50
- name: "TableHead",
51
- class: "t17z2o5s",
52
- propsAsIs: false
53
- });
54
- var TableHeaderRow = /*#__PURE__*/ styled("tr")({
55
- name: "TableHeaderRow",
56
- class: "t1icxkvp",
57
- propsAsIs: false
58
- });
59
- var _exp4 = () => ({ $virtualHeight }) => `${$virtualHeight}px`;
60
- var TableBody = /*#__PURE__*/ styled("tbody")({
61
- name: "TableBody",
62
- class: "tkfeb1b",
63
- propsAsIs: false,
64
- vars: { "tkfeb1b-0": [_exp4()] }
65
- });
66
- var EmptyContentWrapper = /*#__PURE__*/ styled("div")({
67
- name: "EmptyContentWrapper",
68
- class: "e9o89y4",
69
- propsAsIs: false
70
- });
71
- var _exp5 = () => ({ $rowHeight }) => `${$rowHeight}px`;
72
- var _exp6 = () => ({ theme }) => theme.color.border.primary;
73
- var _exp7 = () => ({ theme }) => theme.color.background.primary;
74
- var LoadingRow = withTheme(/*#__PURE__*/ styled("tr")({
75
- name: "LoadingRow",
76
- class: "lsppbp5",
77
- propsAsIs: false,
78
- vars: {
79
- "lsppbp5-0": [_exp5()],
80
- "lsppbp5-1": [_exp6()],
81
- "lsppbp5-2": [_exp7()]
82
- }
83
- }));
84
- var _exp8 = () => ({ $width }) => `0 0 ${$width}px`;
85
- var _exp9 = () => ({ $pin }) => $pin ? "sticky" : "static";
86
- var _exp0 = () => ({ $pin }) => $pin ? 5 : 0;
87
- var _exp1 = () => ({ $pin, $pinnedOffset }) => $pin === ColumnPin.LEFT && $pinnedOffset !== void 0 ? `${$pinnedOffset}px` : "auto";
88
- var _exp10 = () => ({ $pin, $pinnedOffset }) => $pin === ColumnPin.RIGHT && $pinnedOffset !== void 0 ? `${$pinnedOffset}px` : "auto";
89
- var _exp11 = () => ({ $pin, theme }) => $pin ? theme.color.background.primary : "transparent";
90
- var _exp12 = () => ({ $pin, theme }) => $pin === ColumnPin.LEFT ? `0.5px solid ${theme.color.border.primary}` : "none";
91
- var _exp13 = () => ({ $pin, theme }) => $pin === ColumnPin.RIGHT ? `0.5px solid ${theme.color.border.primary}` : "none";
92
- var LoadingCell = withTheme(/*#__PURE__*/ styled("td")({
93
- name: "LoadingCell",
94
- class: "lq0gium",
95
- propsAsIs: false,
96
- vars: {
97
- "lq0gium-0": [_exp8()],
98
- "lq0gium-1": [_exp9()],
99
- "lq0gium-2": [_exp0()],
100
- "lq0gium-3": [_exp1()],
101
- "lq0gium-4": [_exp10()],
102
- "lq0gium-5": [_exp11()],
103
- "lq0gium-6": [_exp12()],
104
- "lq0gium-7": [_exp13()]
105
- }
106
- }));
107
- var _exp14 = () => ({ theme }) => theme.color.background.tertiary;
108
- var LoadingSkeleton = withTheme(/*#__PURE__*/ styled("div")({
109
- name: "LoadingSkeleton",
110
- class: "lmht3eu",
111
- propsAsIs: false,
112
- vars: { "lmht3eu-0": [_exp14()] }
113
- }));
114
- var _exp15 = () => ({ theme }) => theme.color.background.tertiary;
115
- var _exp17 = () => ({ theme }) => theme.color.border.primary;
116
- var RowActionHeaderCell = withTheme(/*#__PURE__*/ styled("th")({
117
- name: "RowActionHeaderCell",
118
- class: "r1ebnv8i",
119
- propsAsIs: false,
120
- vars: {
121
- "r1ebnv8i-0": [_exp15()],
122
- "r1ebnv8i-1": [_exp17()]
123
- }
124
- }));
125
- function InfiniteSpreadsheet(props) {
126
- const { columns, totalRowCount, getRowData, getRowId, height, width, fillWidth, fillHeight, density = TableDensity.MEDIUM, estimateRowHeight, overscan = 25, hasNextPage, isFetchingNextPage, fetchNextPage, isLoading = false, isError = false, loadingRowCount = 5, contentWhenEmpty, contentWhenError, onAddColumn, rowActions, editingCell: controlledEditingCell, onEditingCellChange } = props;
127
- const scrollContainerRef = useRef(null);
128
- const { getColumnWidth, onResizeStart } = useColumnResize(columns);
129
- const { editingCell, startEditing, commitEditing, cancelEditing } = useSpreadsheetEditing({
130
- editingCell: controlledEditingCell,
131
- onEditingCellChange
132
- });
133
- const pinnedOffsets = useMemo(() => {
134
- const offsets = /* @__PURE__ */ new Map();
135
- let leftOffset = 0;
136
- columns.forEach((col) => {
137
- if (col.pin === ColumnPin.LEFT) {
138
- offsets.set(col.id, leftOffset);
139
- leftOffset += getColumnWidth(col);
140
- }
141
- });
142
- let rightOffset = rowActions && rowActions.length > 0 || onAddColumn ? 48 : 0;
143
- [...columns].reverse().forEach((col) => {
144
- if (col.pin === ColumnPin.RIGHT) {
145
- offsets.set(col.id, rightOffset);
146
- rightOffset += getColumnWidth(col);
147
- }
148
- });
149
- return offsets;
150
- }, [
151
- columns,
152
- getColumnWidth,
153
- rowActions,
154
- onAddColumn
155
- ]);
156
- const rowHeight = estimateRowHeight ?? match(density).with(TableDensity.SMALL, () => 36).with(TableDensity.MEDIUM, () => 44).with(TableDensity.LARGE, () => 56).exhaustive();
157
- const virtualizer = useVirtualizer({
158
- count: totalRowCount,
159
- getScrollElement: () => scrollContainerRef.current,
160
- estimateSize: () => rowHeight,
161
- overscan
162
- });
163
- const virtualRows = virtualizer.getVirtualItems();
164
- useEffect(() => {
165
- const container = scrollContainerRef.current;
166
- if (!container || !fetchNextPage) return;
167
- const onScroll = () => {
168
- const { scrollHeight, scrollTop, clientHeight } = container;
169
- if (scrollHeight - scrollTop - clientHeight < 500 && hasNextPage && !isFetchingNextPage) fetchNextPage();
170
- };
171
- container.addEventListener("scroll", onScroll, { passive: true });
172
- return () => container.removeEventListener("scroll", onScroll);
173
- }, [
174
- hasNextPage,
175
- isFetchingNextPage,
176
- fetchNextPage
177
- ]);
178
- useEffect(() => {
179
- const container = scrollContainerRef.current;
180
- if (!container) return;
181
- const onWheel = (e) => {
182
- container.scrollTop += e.deltaY;
183
- container.scrollLeft += e.deltaX;
184
- };
185
- container.addEventListener("wheel", onWheel, { passive: true });
186
- return () => container.removeEventListener("wheel", onWheel);
187
- }, []);
188
- const isEmpty = totalRowCount === 0 && !isLoading;
189
- const showLoading = isLoading && totalRowCount === 0;
190
- const showError = isError && totalRowCount === 0;
191
- const showActionColumn = rowActions && rowActions.length > 0 || onAddColumn;
192
- const getAllRows = useCallback(() => {
193
- const rows = [];
194
- for (let i = 0; i < totalRowCount; i++) {
195
- const row = getRowData(i);
196
- if (row) rows.push(row);
197
- }
198
- return rows;
199
- }, [totalRowCount, getRowData]);
200
- const renderLoadingRows = () => Array.from({ length: loadingRowCount }).map((_, i) => /* @__PURE__ */ jsxs(LoadingRow, {
201
- $rowHeight: rowHeight,
202
- children: [columns.map((col) => /* @__PURE__ */ jsx(LoadingCell, {
203
- $width: getColumnWidth(col),
204
- $pin: col.pin,
205
- $pinnedOffset: pinnedOffsets.get(col.id),
206
- children: col.cellLoading ? col.cellLoading() : /* @__PURE__ */ jsx(LoadingSkeleton, {})
207
- }, col.id)), showActionColumn && /* @__PURE__ */ jsx(LoadingCell, {
208
- $width: 48,
209
- $pin: ColumnPin.RIGHT,
210
- $pinnedOffset: 0
211
- })]
212
- }, `loading-${i}`));
213
- return /* @__PURE__ */ jsxs(OuterContainer, {
214
- $width: width,
215
- $height: height,
216
- $fillWidth: fillWidth,
217
- $fillHeight: fillHeight,
218
- children: [/* @__PURE__ */ jsx(ScrollContainer, {
219
- ref: scrollContainerRef,
220
- children: /* @__PURE__ */ jsxs(StyledTable, { children: [/* @__PURE__ */ jsx(TableHead, { children: /* @__PURE__ */ jsxs(TableHeaderRow, { children: [columns.map((col) => /* @__PURE__ */ jsx(SpreadsheetHeaderCell, {
221
- column: col,
222
- width: getColumnWidth(col),
223
- pin: col.pin,
224
- pinnedOffset: pinnedOffsets.get(col.id),
225
- onResizeStart,
226
- getAllRows
227
- }, col.id)), showActionColumn && /* @__PURE__ */ jsx(RowActionHeaderCell, { children: onAddColumn && /* @__PURE__ */ jsx(Button, {
228
- icon: PlusIcon,
229
- variant: ButtonVariant.TERTIARY,
230
- size: ButtonSize.SMALL,
231
- onClick: onAddColumn
232
- }) })] }) }), /* @__PURE__ */ jsxs(TableBody, {
233
- $virtualHeight: virtualizer.getTotalSize(),
234
- children: [showLoading ? renderLoadingRows() : showError ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", {
235
- colSpan: columns.length,
236
- children: typeof contentWhenError === "function" ? contentWhenError() : contentWhenError ?? /* @__PURE__ */ jsx(Text, {
237
- variant: TextVariant.ERROR,
238
- children: "Error loading data"
239
- })
240
- }) }) : virtualRows.map((virtualRow) => {
241
- const rowData = getRowData(virtualRow.index);
242
- const rowId = rowData && getRowId ? getRowId(rowData, virtualRow.index) : String(virtualRow.index);
243
- return /* @__PURE__ */ jsx(SpreadsheetRow, {
244
- rowData,
245
- rowIndex: virtualRow.index,
246
- translateY: virtualRow.start,
247
- rowHeight,
248
- isLastRow: virtualRow.index === totalRowCount - 1,
249
- columns,
250
- pinnedOffsets,
251
- getColumnWidth,
252
- editingCell,
253
- onStartEditing: startEditing,
254
- onCommitEditing: commitEditing,
255
- onCancelEditing: cancelEditing,
256
- rowActions,
257
- showActionColumn: !!showActionColumn
258
- }, rowId);
259
- }), isFetchingNextPage && renderLoadingRows()]
260
- })] })
261
- }), isEmpty && contentWhenEmpty && /* @__PURE__ */ jsx(EmptyContentWrapper, { children: contentWhenEmpty })]
262
- });
263
- }
264
- //#endregion
265
- export { InfiniteSpreadsheet as default };
@@ -1,6 +0,0 @@
1
- export interface SpreadsheetAddColumnButtonProps {
2
- onClick: () => void;
3
- label?: string;
4
- }
5
- declare function SpreadsheetAddColumnButton({ onClick, label, }: SpreadsheetAddColumnButtonProps): import("react").JSX.Element;
6
- export default SpreadsheetAddColumnButton;
@@ -1,32 +0,0 @@
1
- import { withTheme } from "../theme/GalaxyTheme.js";
2
- import Text, { TextSize, TextVariant } from "../text/Text.js";
3
- /* empty css */
4
- import { styled } from "@linaria/react";
5
- import { jsx, jsxs } from "react/jsx-runtime";
6
- import { PlusIcon } from "@phosphor-icons/react";
7
- //#region src/spreadsheet/SpreadsheetAddColumnButton.tsx
8
- var _exp = () => ({ theme }) => theme.color.background.secondary;
9
- var _exp2 = () => ({ theme }) => theme.color.border.primary;
10
- var _exp3 = () => ({ theme }) => theme.color.background.tertiary;
11
- var AddColumnCell = withTheme(/*#__PURE__*/ styled("th")({
12
- name: "AddColumnCell",
13
- class: "a1tvwf2d",
14
- propsAsIs: false,
15
- vars: {
16
- "a1tvwf2d-0": [_exp()],
17
- "a1tvwf2d-1": [_exp2()],
18
- "a1tvwf2d-2": [_exp3()]
19
- }
20
- }));
21
- function SpreadsheetAddColumnButton({ onClick, label = "Add column" }) {
22
- return /* @__PURE__ */ jsxs(AddColumnCell, {
23
- onClick,
24
- children: [/* @__PURE__ */ jsx(PlusIcon, { size: 14 }), /* @__PURE__ */ jsx(Text, {
25
- variant: TextVariant.TERTIARY,
26
- size: TextSize.BODY_SM,
27
- children: label
28
- })]
29
- });
30
- }
31
- //#endregion
32
- export { SpreadsheetAddColumnButton as default };
@@ -1,115 +0,0 @@
1
- import { withTheme } from "../theme/GalaxyTheme.js";
2
- import Text, { TextSize, TextVariant } from "../text/Text.js";
3
- import { ColumnAlign, ColumnPin } from "../table/InfiniteTable.js";
4
- import { CellEnrichmentStatus, SpreadsheetCellType } from "./types.js";
5
- import SpreadsheetCellEditor from "./SpreadsheetCellEditor.js";
6
- /* empty css */
7
- import { styled } from "@linaria/react";
8
- import { match } from "ts-pattern";
9
- import React, { useCallback } from "react";
10
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
11
- //#region src/spreadsheet/SpreadsheetCell.tsx
12
- var _exp = () => ({ $pin }) => $pin ? "sticky" : "relative";
13
- var _exp2 = () => ({ $pin }) => $pin ? 5 : 0;
14
- var _exp3 = () => ({ $pin, $pinnedOffset }) => $pin === ColumnPin.LEFT && $pinnedOffset !== void 0 ? `${$pinnedOffset}px` : "auto";
15
- var _exp4 = () => ({ $pin, $pinnedOffset }) => $pin === ColumnPin.RIGHT && $pinnedOffset !== void 0 ? `${$pinnedOffset}px` : "auto";
16
- var _exp5 = () => ({ $width }) => `0 0 ${$width}px`;
17
- var _exp6 = () => ({ $align }) => match($align).with(ColumnAlign.CENTER, () => "center").with(ColumnAlign.RIGHT, () => "flex-end").otherwise(() => "flex-start");
18
- var _exp7 = () => ({ $isEditable }) => $isEditable ? "text" : "default";
19
- var _exp8 = () => ({ $pin, theme }) => $pin ? theme.color.background.primary : "transparent";
20
- var _exp9 = () => ({ $pin, theme }) => $pin === ColumnPin.LEFT ? `0.5px solid ${theme.color.border.primary}` : "none";
21
- var _exp0 = () => ({ $pin, theme }) => $pin === ColumnPin.RIGHT ? `0.5px solid ${theme.color.border.primary}` : "none";
22
- var _exp1 = () => ({ $isEditable, theme }) => $isEditable ? theme.color.background.tertiary : "transparent";
23
- var CellContainer = withTheme(/*#__PURE__*/ styled("td")({
24
- name: "CellContainer",
25
- class: "c1bx58xl",
26
- propsAsIs: false,
27
- vars: {
28
- "c1bx58xl-0": [_exp()],
29
- "c1bx58xl-1": [_exp2()],
30
- "c1bx58xl-2": [_exp3()],
31
- "c1bx58xl-3": [_exp4()],
32
- "c1bx58xl-4": [_exp5()],
33
- "c1bx58xl-5": [_exp6()],
34
- "c1bx58xl-6": [_exp7()],
35
- "c1bx58xl-7": [_exp8()],
36
- "c1bx58xl-8": [_exp9()],
37
- "c1bx58xl-9": [_exp0()],
38
- "c1bx58xl-10": [_exp1()]
39
- }
40
- }));
41
- var _exp10 = () => ({ $status, theme }) => match($status).with(CellEnrichmentStatus.PENDING, () => theme.color.text.tertiary).with(CellEnrichmentStatus.RUNNING, () => theme.color.background.galaxy).with(CellEnrichmentStatus.COMPLETE, () => theme.color.icon.success).with(CellEnrichmentStatus.ERROR, () => theme.color.text.error).otherwise(() => "transparent");
42
- var _exp11 = () => ({ $status }) => $status === CellEnrichmentStatus.RUNNING ? `animation: enrichPulse 1.2s ease-in-out infinite;
43
- @keyframes enrichPulse {
44
- 0%, 100% { opacity: 1; }
45
- 50% { opacity: 0.3; }
46
- }` : "";
47
- var StatusDot = withTheme(/*#__PURE__*/ styled("div")({
48
- name: "StatusDot",
49
- class: "sgqglvy",
50
- propsAsIs: false,
51
- vars: {
52
- "sgqglvy-0": [_exp10()],
53
- "sgqglvy-1": [_exp11()]
54
- }
55
- }));
56
- function formatDisplayValue(value, cellType) {
57
- if (value === null || value === void 0 || value === "") return "—";
58
- return match(cellType).with(SpreadsheetCellType.BOOLEAN, () => value ? "Yes" : "No").with(SpreadsheetCellType.DATE, () => {
59
- if (value instanceof Date) return value.toLocaleDateString();
60
- return String(value);
61
- }).otherwise(() => String(value));
62
- }
63
- function SpreadsheetCellInner({ column, row, rowIndex, isEditing, onStartEditing, onCommit, onCancel, width, pin, pinnedOffset, align }) {
64
- const value = column.accessorFn ? column.accessorFn(row) : void 0;
65
- const isEditable = column.editable !== false && column.cellType !== SpreadsheetCellType.READONLY;
66
- const enrichmentStatus = column.getCellEnrichmentStatus?.(row, rowIndex) ?? CellEnrichmentStatus.IDLE;
67
- const showStatusDot = enrichmentStatus !== CellEnrichmentStatus.IDLE;
68
- const handleClick = useCallback(() => {
69
- if (isEditable && !isEditing) onStartEditing();
70
- }, [
71
- isEditable,
72
- isEditing,
73
- onStartEditing
74
- ]);
75
- if (column.cellRenderer) return /* @__PURE__ */ jsx(CellContainer, {
76
- $width: width,
77
- $pin: pin,
78
- $pinnedOffset: pinnedOffset,
79
- $align: align,
80
- $isEditable: isEditable,
81
- onClick: handleClick,
82
- children: column.cellRenderer({
83
- value,
84
- row,
85
- rowIndex,
86
- isEditing
87
- })
88
- });
89
- return /* @__PURE__ */ jsx(CellContainer, {
90
- $width: width,
91
- $pin: pin,
92
- $pinnedOffset: pinnedOffset,
93
- $align: align,
94
- $isEditable: isEditable,
95
- onClick: handleClick,
96
- children: isEditing ? /* @__PURE__ */ jsx(SpreadsheetCellEditor, {
97
- cellType: column.cellType,
98
- value,
99
- enumOptions: column.enumOptions,
100
- onCommit: (newValue) => {
101
- onCommit(newValue);
102
- column.onCellChange?.(rowIndex, row, newValue);
103
- },
104
- onCancel
105
- }) : /* @__PURE__ */ jsxs(Fragment, { children: [showStatusDot && /* @__PURE__ */ jsx(StatusDot, { $status: enrichmentStatus }), /* @__PURE__ */ jsx(Text, {
106
- variant: TextVariant.PRIMARY,
107
- size: TextSize.BODY_SM,
108
- isEllipsis: true,
109
- children: formatDisplayValue(value, column.cellType)
110
- })] })
111
- });
112
- }
113
- var SpreadsheetCell = React.memo(SpreadsheetCellInner);
114
- //#endregion
115
- export { SpreadsheetCell as default };
@@ -1,18 +0,0 @@
1
- import React from "react";
2
- import { ColumnPin, type SpreadsheetColumnDef } from "./types";
3
- export interface SpreadsheetHeaderCellProps<TData> {
4
- column: SpreadsheetColumnDef<TData, unknown>;
5
- width: number;
6
- pin?: ColumnPin;
7
- pinnedOffset?: number;
8
- onResizeStart: (columnId: string, clientX: number) => void;
9
- getAllRows?: () => TData[];
10
- }
11
- export interface HeaderCellDropdownItemProps {
12
- icon?: React.ReactNode;
13
- label: string;
14
- onClick: () => void;
15
- }
16
- declare function SpreadsheetHeaderCellInner<TData>({ column, width, pin, pinnedOffset, onResizeStart, getAllRows, }: SpreadsheetHeaderCellProps<TData>): React.JSX.Element;
17
- declare const SpreadsheetHeaderCell: typeof SpreadsheetHeaderCellInner;
18
- export default SpreadsheetHeaderCell;