@galaxy-io/dls 1.2.6 → 1.3.0

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 (297) 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 +216 -250
  8. package/dist/charts/ChartAxis.d.ts +47 -22
  9. package/dist/charts/ChartAxis.js +81 -60
  10. package/dist/charts/ChartEmptyState.d.ts +17 -0
  11. package/dist/charts/ChartEmptyState.js +29 -0
  12. package/dist/charts/ChartFrame.d.ts +82 -0
  13. package/dist/charts/ChartFrame.js +86 -0
  14. package/dist/charts/ChartLegend.d.ts +27 -4
  15. package/dist/charts/ChartLegend.js +46 -23
  16. package/dist/charts/ChartPrimitives.d.ts +195 -0
  17. package/dist/charts/ChartPrimitives.js +268 -0
  18. package/dist/charts/ChartTooltip.d.ts +27 -6
  19. package/dist/charts/ChartTooltip.js +56 -50
  20. package/dist/charts/LineChart.d.ts +42 -20
  21. package/dist/charts/LineChart.js +186 -237
  22. package/dist/charts/PieChart.d.ts +48 -32
  23. package/dist/charts/PieChart.js +159 -171
  24. package/dist/charts/barChartGeometry.d.ts +87 -0
  25. package/dist/charts/barChartGeometry.js +218 -0
  26. package/dist/charts/chartFormat.d.ts +19 -0
  27. package/dist/charts/chartFormat.js +59 -0
  28. package/dist/charts/chartScales.d.ts +84 -0
  29. package/dist/charts/chartScales.js +111 -0
  30. package/dist/charts/chartTheme.d.ts +18 -0
  31. package/dist/charts/chartTheme.js +26 -0
  32. package/dist/charts/constants.d.ts +225 -18
  33. package/dist/charts/constants.js +240 -32
  34. package/dist/charts/lineChartGeometry.d.ts +54 -0
  35. package/dist/charts/lineChartGeometry.js +143 -0
  36. package/dist/charts/pieChartGeometry.d.ts +48 -0
  37. package/dist/charts/pieChartGeometry.js +89 -0
  38. package/dist/charts/types.d.ts +522 -54
  39. package/dist/charts/types.js +136 -0
  40. package/dist/charts/useChartDimensions.d.ts +40 -0
  41. package/dist/charts/useChartDimensions.js +53 -0
  42. package/dist/charts/useChartFormatters.d.ts +19 -0
  43. package/dist/charts/useChartFormatters.js +20 -0
  44. package/dist/charts/useChartInteraction.d.ts +71 -0
  45. package/dist/charts/useChartInteraction.js +130 -0
  46. package/dist/charts/useChartTooltipPosition.d.ts +53 -0
  47. package/dist/charts/useChartTooltipPosition.js +39 -0
  48. package/dist/hooks/useElementClientSize.d.ts +20 -0
  49. package/dist/hooks/useElementClientSize.js +43 -0
  50. package/dist/inputs/CheckboxInput.d.ts +7 -2
  51. package/dist/inputs/CheckboxInput.js +30 -14
  52. package/dist/inputs/Input.d.ts +5 -2
  53. package/dist/inputs/Input.js +20 -17
  54. package/dist/inputs/MultiSelectInput.js +1 -1
  55. package/dist/inputs/RadioInput.js +7 -2
  56. package/dist/styles.css +68 -75
  57. package/dist/table/InfiniteSpreadsheet.d.ts +6 -0
  58. package/dist/table/InfiniteSpreadsheet.js +235 -0
  59. package/dist/table/InfiniteTable.d.ts +7 -88
  60. package/dist/table/InfiniteTable.js +366 -577
  61. package/dist/{spreadsheet → table}/SpreadsheetCell.d.ts +6 -4
  62. package/dist/table/SpreadsheetCell.js +71 -0
  63. package/dist/{spreadsheet → table}/SpreadsheetCellEditor.js +27 -21
  64. package/dist/table/SpreadsheetHeaderCell.d.ts +23 -0
  65. package/dist/table/SpreadsheetHeaderCell.js +91 -0
  66. package/dist/table/SpreadsheetMenuItem.d.ts +14 -0
  67. package/dist/table/SpreadsheetMenuItem.js +33 -0
  68. package/dist/table/SpreadsheetPrimitives.d.ts +172 -0
  69. package/dist/table/SpreadsheetPrimitives.js +105 -0
  70. package/dist/table/SpreadsheetRow.d.ts +33 -0
  71. package/dist/table/SpreadsheetRow.js +73 -0
  72. package/dist/{spreadsheet → table}/SpreadsheetRowActionCell.d.ts +5 -7
  73. package/dist/table/SpreadsheetRowActionCell.js +51 -0
  74. package/dist/table/TableExpandCell.d.ts +11 -0
  75. package/dist/table/TableExpandCell.js +24 -0
  76. package/dist/table/TableExpandedRow.d.ts +16 -0
  77. package/dist/table/TableExpandedRow.js +77 -0
  78. package/dist/table/TableHeaderCellContent.d.ts +30 -0
  79. package/dist/table/TableHeaderCellContent.js +48 -0
  80. package/dist/table/TablePrimitives.d.ts +307 -0
  81. package/dist/table/TablePrimitives.js +298 -0
  82. package/dist/table/TableSelectCell.d.ts +18 -0
  83. package/dist/table/TableSelectCell.js +26 -0
  84. package/dist/table/TableStatusRow.d.ts +18 -0
  85. package/dist/table/TableStatusRow.js +50 -0
  86. package/dist/table/VirtualizedInfiniteTable.d.ts +11 -27
  87. package/dist/table/VirtualizedInfiniteTable.js +182 -317
  88. package/dist/table/types.d.ts +249 -0
  89. package/dist/table/types.js +51 -0
  90. package/dist/table/useInfiniteScrollSentinel.d.ts +24 -0
  91. package/dist/table/useInfiniteScrollSentinel.js +53 -0
  92. package/dist/{spreadsheet/hooks → table}/useSpreadsheetEditing.d.ts +1 -1
  93. package/dist/{spreadsheet/hooks → table}/useSpreadsheetEditing.js +1 -1
  94. package/dist/table/useTableColumnLayout.d.ts +28 -0
  95. package/dist/table/useTableColumnLayout.js +63 -0
  96. package/dist/table/useTableColumnResize.d.ts +38 -0
  97. package/dist/table/useTableColumnResize.js +155 -0
  98. package/dist/table/useTableKeyboardNavigation.d.ts +25 -0
  99. package/dist/table/useTableKeyboardNavigation.js +83 -0
  100. package/dist/table/useTableRowExpansion.d.ts +24 -0
  101. package/dist/table/useTableRowExpansion.js +62 -0
  102. package/dist/table/useTableRowSelection.d.ts +27 -0
  103. package/dist/table/useTableRowSelection.js +94 -0
  104. package/dist/table/utils.d.ts +50 -0
  105. package/dist/table/utils.js +78 -0
  106. package/dist/text/MarkdownText.js +45 -27
  107. package/dist/theme/variants/dark.js +1 -1
  108. package/dist/widget/Widget.d.ts +2 -0
  109. package/dist/widget/Widget.js +14 -7
  110. package/package.json +1 -5
  111. package/dist/assets/components/enrichment/PerplexityIcon.d.ts +0 -3
  112. package/dist/assets/components/enrichment/PerplexityIcon.js +0 -35
  113. package/dist/assets/components/enrichment/TavilyIcon.d.ts +0 -3
  114. package/dist/assets/components/enrichment/TavilyIcon.js +0 -15
  115. package/dist/assets/components/onboarding/TenantSetupDark.d.ts +0 -3
  116. package/dist/assets/components/onboarding/TenantSetupDark.js +0 -498
  117. package/dist/assets/components/onboarding/TenantSetupLight.d.ts +0 -3
  118. package/dist/assets/components/onboarding/TenantSetupLight.js +0 -482
  119. package/dist/assets/components/onboarding/UserSetupDark.d.ts +0 -3
  120. package/dist/assets/components/onboarding/UserSetupDark.js +0 -1086
  121. package/dist/assets/components/onboarding/UserSetupLight.d.ts +0 -3
  122. package/dist/assets/components/onboarding/UserSetupLight.js +0 -1024
  123. package/dist/assets/components/onboarding/WorkspaceSetupBuildDark.d.ts +0 -3
  124. package/dist/assets/components/onboarding/WorkspaceSetupBuildDark.js +0 -466
  125. package/dist/assets/components/onboarding/WorkspaceSetupBuildLight.d.ts +0 -3
  126. package/dist/assets/components/onboarding/WorkspaceSetupBuildLight.js +0 -460
  127. package/dist/assets/components/onboarding/WorkspaceSetupConnectDark.d.ts +0 -3
  128. package/dist/assets/components/onboarding/WorkspaceSetupConnectDark.js +0 -336
  129. package/dist/assets/components/onboarding/WorkspaceSetupConnectLight.d.ts +0 -3
  130. package/dist/assets/components/onboarding/WorkspaceSetupConnectLight.js +0 -336
  131. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateDark.d.ts +0 -3
  132. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateDark.js +0 -153
  133. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateLight.d.ts +0 -3
  134. package/dist/assets/components/onboarding/WorkspaceSetupIntegrateLight.js +0 -153
  135. package/dist/assets/components/projects/MappingMethodAutoIntrospectDark.d.ts +0 -3
  136. package/dist/assets/components/projects/MappingMethodAutoIntrospectDark.js +0 -117
  137. package/dist/assets/components/projects/MappingMethodAutoIntrospectLight.d.ts +0 -3
  138. package/dist/assets/components/projects/MappingMethodAutoIntrospectLight.js +0 -117
  139. package/dist/assets/components/projects/MappingMethodBlankDark.d.ts +0 -3
  140. package/dist/assets/components/projects/MappingMethodBlankDark.js +0 -150
  141. package/dist/assets/components/projects/MappingMethodBlankDarkHovered.d.ts +0 -3
  142. package/dist/assets/components/projects/MappingMethodBlankDarkHovered.js +0 -150
  143. package/dist/assets/components/projects/MappingMethodBlankLight.d.ts +0 -3
  144. package/dist/assets/components/projects/MappingMethodBlankLight.js +0 -150
  145. package/dist/assets/components/projects/MappingMethodBlankLightHovered.d.ts +0 -3
  146. package/dist/assets/components/projects/MappingMethodBlankLightHovered.js +0 -150
  147. package/dist/assets/components/projects/MappingMethodJsonDark.d.ts +0 -3
  148. package/dist/assets/components/projects/MappingMethodJsonDark.js +0 -90
  149. package/dist/assets/components/projects/MappingMethodJsonDarkHovered.d.ts +0 -3
  150. package/dist/assets/components/projects/MappingMethodJsonDarkHovered.js +0 -90
  151. package/dist/assets/components/projects/MappingMethodJsonLight.d.ts +0 -3
  152. package/dist/assets/components/projects/MappingMethodJsonLight.js +0 -90
  153. package/dist/assets/components/projects/MappingMethodJsonLightHovered.d.ts +0 -3
  154. package/dist/assets/components/projects/MappingMethodJsonLightHovered.js +0 -90
  155. package/dist/assets/components/projects/ProjectsEmptyStateDark.d.ts +0 -3
  156. package/dist/assets/components/projects/ProjectsEmptyStateDark.js +0 -454
  157. package/dist/assets/components/projects/ProjectsEmptyStateLight.d.ts +0 -3
  158. package/dist/assets/components/projects/ProjectsEmptyStateLight.js +0 -456
  159. package/dist/assets/components/root/CreateProjectActionCardDark.d.ts +0 -3
  160. package/dist/assets/components/root/CreateProjectActionCardDark.js +0 -1796
  161. package/dist/assets/components/root/CreateProjectActionCardDarkHovered.d.ts +0 -3
  162. package/dist/assets/components/root/CreateProjectActionCardDarkHovered.js +0 -1796
  163. package/dist/assets/components/root/CreateProjectActionCardLight.d.ts +0 -3
  164. package/dist/assets/components/root/CreateProjectActionCardLight.js +0 -1786
  165. package/dist/assets/components/root/CreateProjectActionCardLightHovered.d.ts +0 -3
  166. package/dist/assets/components/root/CreateProjectActionCardLightHovered.js +0 -1786
  167. package/dist/assets/components/root/CreateSourceActionCardDark.d.ts +0 -3
  168. package/dist/assets/components/root/CreateSourceActionCardDark.js +0 -879
  169. package/dist/assets/components/root/CreateSourceActionCardDarkHovered.d.ts +0 -3
  170. package/dist/assets/components/root/CreateSourceActionCardDarkHovered.js +0 -879
  171. package/dist/assets/components/root/CreateSourceActionCardLight.d.ts +0 -3
  172. package/dist/assets/components/root/CreateSourceActionCardLight.js +0 -889
  173. package/dist/assets/components/root/CreateSourceActionCardLightHovered.d.ts +0 -3
  174. package/dist/assets/components/root/CreateSourceActionCardLightHovered.js +0 -889
  175. package/dist/assets/components/sources/AttioIcon.d.ts +0 -3
  176. package/dist/assets/components/sources/AttioIcon.js +0 -11
  177. package/dist/assets/components/sources/BigquerySourceIcon.d.ts +0 -3
  178. package/dist/assets/components/sources/BigquerySourceIcon.js +0 -39
  179. package/dist/assets/components/sources/BrowserbaseSourceIcon.d.ts +0 -3
  180. package/dist/assets/components/sources/BrowserbaseSourceIcon.js +0 -35
  181. package/dist/assets/components/sources/ClickhouseLogoSourceIconDark.d.ts +0 -3
  182. package/dist/assets/components/sources/ClickhouseLogoSourceIconDark.js +0 -13
  183. package/dist/assets/components/sources/ClickhouseLogoSourceIconLight.d.ts +0 -3
  184. package/dist/assets/components/sources/ClickhouseLogoSourceIconLight.js +0 -13
  185. package/dist/assets/components/sources/ConfluenceSourceIcon.d.ts +0 -3
  186. package/dist/assets/components/sources/ConfluenceSourceIcon.js +0 -30
  187. package/dist/assets/components/sources/GithubSourceIcon.d.ts +0 -3
  188. package/dist/assets/components/sources/GithubSourceIcon.js +0 -27
  189. package/dist/assets/components/sources/GoogleDriveIcon.d.ts +0 -3
  190. package/dist/assets/components/sources/GoogleDriveIcon.js +0 -45
  191. package/dist/assets/components/sources/HubspotSourceIcon.d.ts +0 -3
  192. package/dist/assets/components/sources/HubspotSourceIcon.js +0 -14
  193. package/dist/assets/components/sources/JiraSourceIcon.d.ts +0 -3
  194. package/dist/assets/components/sources/JiraSourceIcon.js +0 -54
  195. package/dist/assets/components/sources/LinearSourceIcon.d.ts +0 -3
  196. package/dist/assets/components/sources/LinearSourceIcon.js +0 -14
  197. package/dist/assets/components/sources/MysqlLogoSourceIconDark.d.ts +0 -3
  198. package/dist/assets/components/sources/MysqlLogoSourceIconDark.js +0 -17
  199. package/dist/assets/components/sources/NetsuiteSourceIcon.d.ts +0 -3
  200. package/dist/assets/components/sources/NetsuiteSourceIcon.js +0 -32
  201. package/dist/assets/components/sources/NotionIcon.d.ts +0 -3
  202. package/dist/assets/components/sources/NotionIcon.js +0 -20
  203. package/dist/assets/components/sources/PostgresqlIcon.d.ts +0 -3
  204. package/dist/assets/components/sources/PostgresqlIcon.js +0 -61
  205. package/dist/assets/components/sources/S3Icon.d.ts +0 -3
  206. package/dist/assets/components/sources/S3Icon.js +0 -76
  207. package/dist/assets/components/sources/SalesforceSourceIcon.d.ts +0 -3
  208. package/dist/assets/components/sources/SalesforceSourceIcon.js +0 -23
  209. package/dist/assets/components/sources/SlackIcon.d.ts +0 -3
  210. package/dist/assets/components/sources/SlackIcon.js +0 -32
  211. package/dist/assets/components/sources/SnowflakeLogoSourceIconDark.d.ts +0 -3
  212. package/dist/assets/components/sources/SnowflakeLogoSourceIconDark.js +0 -14
  213. package/dist/assets/components/sources/SnowflakeLogoSourceIconLight.d.ts +0 -3
  214. package/dist/assets/components/sources/SnowflakeLogoSourceIconLight.js +0 -14
  215. package/dist/assets/components/sources/WikipediaSourceIcon.d.ts +0 -3
  216. package/dist/assets/components/sources/WikipediaSourceIcon.js +0 -1490
  217. package/dist/avatar/AvatarEmpty.d.ts +0 -7
  218. package/dist/avatar/AvatarEmpty.js +0 -99
  219. package/dist/avatar/types.d.ts +0 -5
  220. package/dist/avatar/types.js +0 -9
  221. package/dist/charts/utils.d.ts +0 -29
  222. package/dist/charts/utils.js +0 -62
  223. package/dist/icons/BackIcon.d.ts +0 -3
  224. package/dist/icons/BackIcon.js +0 -13
  225. package/dist/icons/CloseIcon.d.ts +0 -3
  226. package/dist/icons/CloseIcon.js +0 -13
  227. package/dist/icons/CreateIcon.d.ts +0 -3
  228. package/dist/icons/CreateIcon.js +0 -13
  229. package/dist/icons/ForwardIcon.d.ts +0 -3
  230. package/dist/icons/ForwardIcon.js +0 -13
  231. package/dist/icons/HelpIcon.d.ts +0 -3
  232. package/dist/icons/HelpIcon.js +0 -14
  233. package/dist/icons/ProjectsIcon.d.ts +0 -3
  234. package/dist/icons/ProjectsIcon.js +0 -12
  235. package/dist/icons/SearchIcon.d.ts +0 -3
  236. package/dist/icons/SearchIcon.js +0 -12
  237. package/dist/icons/SourcesIcon.d.ts +0 -3
  238. package/dist/icons/SourcesIcon.js +0 -12
  239. package/dist/icons/TextIcon.d.ts +0 -4
  240. package/dist/icons/TextIcon.js +0 -22
  241. package/dist/icons/WebScrapeIcon.d.ts +0 -4
  242. package/dist/icons/WebScrapeIcon.js +0 -22
  243. package/dist/icons/WebhookIcon.d.ts +0 -4
  244. package/dist/icons/WebhookIcon.js +0 -22
  245. package/dist/icons/sources/AttioLogomark.d.ts +0 -4
  246. package/dist/icons/sources/AttioLogomark.js +0 -8
  247. package/dist/icons/sources/BrowserbaseLogomark.d.ts +0 -4
  248. package/dist/icons/sources/BrowserbaseLogomark.js +0 -8
  249. package/dist/icons/sources/ClickhouseLogomark.d.ts +0 -4
  250. package/dist/icons/sources/ClickhouseLogomark.js +0 -16
  251. package/dist/icons/sources/ConfluenceLogomark.d.ts +0 -4
  252. package/dist/icons/sources/ConfluenceLogomark.js +0 -8
  253. package/dist/icons/sources/GithubLogomark.d.ts +0 -4
  254. package/dist/icons/sources/GithubLogomark.js +0 -8
  255. package/dist/icons/sources/GoogleBigqueryLogomark.d.ts +0 -4
  256. package/dist/icons/sources/GoogleBigqueryLogomark.js +0 -8
  257. package/dist/icons/sources/GoogleDriveLogomark.d.ts +0 -4
  258. package/dist/icons/sources/GoogleDriveLogomark.js +0 -8
  259. package/dist/icons/sources/HubspotLogomark.d.ts +0 -4
  260. package/dist/icons/sources/HubspotLogomark.js +0 -8
  261. package/dist/icons/sources/JiraLogomark.d.ts +0 -4
  262. package/dist/icons/sources/JiraLogomark.js +0 -8
  263. package/dist/icons/sources/LinearLogomark.d.ts +0 -4
  264. package/dist/icons/sources/LinearLogomark.js +0 -8
  265. package/dist/icons/sources/MySQLLogomark.d.ts +0 -4
  266. package/dist/icons/sources/MySQLLogomark.js +0 -8
  267. package/dist/icons/sources/NetsuiteLogomark.d.ts +0 -4
  268. package/dist/icons/sources/NetsuiteLogomark.js +0 -8
  269. package/dist/icons/sources/NotionLogomark.d.ts +0 -4
  270. package/dist/icons/sources/NotionLogomark.js +0 -8
  271. package/dist/icons/sources/PostgresLogomark.d.ts +0 -4
  272. package/dist/icons/sources/PostgresLogomark.js +0 -8
  273. package/dist/icons/sources/S3Logomark.d.ts +0 -4
  274. package/dist/icons/sources/S3Logomark.js +0 -8
  275. package/dist/icons/sources/SalesforceLogomark.d.ts +0 -4
  276. package/dist/icons/sources/SalesforceLogomark.js +0 -8
  277. package/dist/icons/sources/SlackLogoIconmark.d.ts +0 -4
  278. package/dist/icons/sources/SlackLogoIconmark.js +0 -8
  279. package/dist/icons/sources/SnowflakeLogomark.d.ts +0 -4
  280. package/dist/icons/sources/SnowflakeLogomark.js +0 -16
  281. package/dist/icons/sources/WikipediaLogomark.d.ts +0 -4
  282. package/dist/icons/sources/WikipediaLogomark.js +0 -8
  283. package/dist/spreadsheet/InfiniteSpreadsheet.d.ts +0 -3
  284. package/dist/spreadsheet/InfiniteSpreadsheet.js +0 -265
  285. package/dist/spreadsheet/SpreadsheetAddColumnButton.d.ts +0 -6
  286. package/dist/spreadsheet/SpreadsheetAddColumnButton.js +0 -32
  287. package/dist/spreadsheet/SpreadsheetCell.js +0 -115
  288. package/dist/spreadsheet/SpreadsheetHeaderCell.d.ts +0 -18
  289. package/dist/spreadsheet/SpreadsheetHeaderCell.js +0 -141
  290. package/dist/spreadsheet/SpreadsheetRow.d.ts +0 -21
  291. package/dist/spreadsheet/SpreadsheetRow.js +0 -68
  292. package/dist/spreadsheet/SpreadsheetRowActionCell.js +0 -78
  293. package/dist/spreadsheet/hooks/useColumnResize.d.ts +0 -6
  294. package/dist/spreadsheet/hooks/useColumnResize.js +0 -46
  295. package/dist/spreadsheet/types.d.ts +0 -92
  296. package/dist/spreadsheet/types.js +0 -21
  297. /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;