@camunda/design-system 0.1.0 → 0.2.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 (250) hide show
  1. package/dist/.storybook/CamundaLogo.d.ts +13 -0
  2. package/dist/.storybook/CamundaLogo.d.ts.map +1 -0
  3. package/dist/.storybook/CamundaLogo.js +14 -0
  4. package/dist/.storybook/CamundaLogo.js.map +1 -0
  5. package/dist/carbon-compat/filterable-multi-select.d.ts +39 -0
  6. package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -0
  7. package/dist/carbon-compat/filterable-multi-select.js +54 -0
  8. package/dist/carbon-compat/filterable-multi-select.js.map +1 -0
  9. package/dist/carbon-compat/form.d.ts +5 -0
  10. package/dist/carbon-compat/form.d.ts.map +1 -0
  11. package/dist/carbon-compat/form.js +6 -0
  12. package/dist/carbon-compat/form.js.map +1 -0
  13. package/dist/carbon-compat/index.d.ts +2 -0
  14. package/dist/carbon-compat/index.d.ts.map +1 -1
  15. package/dist/carbon-compat/index.js +2 -0
  16. package/dist/carbon-compat/index.js.map +1 -1
  17. package/dist/carbon-compat/multi-select.d.ts +37 -2
  18. package/dist/carbon-compat/multi-select.d.ts.map +1 -1
  19. package/dist/carbon-compat/multi-select.js +52 -2
  20. package/dist/carbon-compat/multi-select.js.map +1 -1
  21. package/dist/carbon-compat/select.d.ts +3 -3
  22. package/dist/carbon-compat/select.d.ts.map +1 -1
  23. package/dist/carbon-compat/select.js +47 -9
  24. package/dist/carbon-compat/select.js.map +1 -1
  25. package/dist/src/components/ui/checkbox.d.ts.map +1 -1
  26. package/dist/src/components/ui/checkbox.js +1 -1
  27. package/dist/src/components/ui/checkbox.js.map +1 -1
  28. package/dist/src/components/ui/data-table.d.ts.map +1 -1
  29. package/dist/src/components/ui/data-table.js +1 -1
  30. package/dist/src/components/ui/data-table.js.map +1 -1
  31. package/dist/src/components/ui/file-uploader.d.ts +39 -0
  32. package/dist/src/components/ui/file-uploader.d.ts.map +1 -0
  33. package/dist/src/components/ui/file-uploader.js +198 -0
  34. package/dist/src/components/ui/file-uploader.js.map +1 -0
  35. package/dist/src/components/ui/multi-select.d.ts +34 -0
  36. package/dist/src/components/ui/multi-select.d.ts.map +1 -0
  37. package/dist/src/components/ui/multi-select.js +88 -0
  38. package/dist/src/components/ui/multi-select.js.map +1 -0
  39. package/dist/src/components/ui/table.d.ts +1 -1
  40. package/dist/src/components/ui/table.d.ts.map +1 -1
  41. package/dist/src/components/ui/table.js +3 -3
  42. package/dist/src/components/ui/table.js.map +1 -1
  43. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +2 -0
  44. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +1 -0
  45. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +18 -0
  46. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +1 -0
  47. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +2 -0
  48. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +1 -0
  49. package/dist/src/examples/cost-dashboard/CostDashboardPage.js +53 -0
  50. package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +1 -0
  51. package/dist/src/examples/cost-dashboard/TrendChart.d.ts +2 -0
  52. package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +1 -0
  53. package/dist/src/examples/cost-dashboard/TrendChart.js +21 -0
  54. package/dist/src/examples/cost-dashboard/TrendChart.js.map +1 -0
  55. package/dist/src/examples/cost-dashboard/mock-data.d.ts +34 -0
  56. package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +1 -0
  57. package/dist/src/examples/cost-dashboard/mock-data.js +120 -0
  58. package/dist/src/examples/cost-dashboard/mock-data.js.map +1 -0
  59. package/dist/src/examples/cost-dashboard/useChartColors.d.ts +10 -0
  60. package/dist/src/examples/cost-dashboard/useChartColors.d.ts.map +1 -0
  61. package/dist/src/examples/cost-dashboard/useChartColors.js +20 -0
  62. package/dist/src/examples/cost-dashboard/useChartColors.js.map +1 -0
  63. package/dist/src/examples/project-detail/ProjectDetailPage.d.ts +2 -0
  64. package/dist/src/examples/project-detail/ProjectDetailPage.d.ts.map +1 -0
  65. package/dist/src/examples/project-detail/ProjectDetailPage.js +68 -0
  66. package/dist/src/examples/project-detail/ProjectDetailPage.js.map +1 -0
  67. package/dist/src/examples/project-detail/mock-data.d.ts +38 -0
  68. package/dist/src/examples/project-detail/mock-data.d.ts.map +1 -0
  69. package/dist/src/examples/project-detail/mock-data.js +103 -0
  70. package/dist/src/examples/project-detail/mock-data.js.map +1 -0
  71. package/dist/src/examples/projects-list/ProjectsListPage.d.ts +4 -0
  72. package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +1 -0
  73. package/dist/src/examples/projects-list/ProjectsListPage.js +45 -0
  74. package/dist/src/examples/projects-list/ProjectsListPage.js.map +1 -0
  75. package/dist/src/examples/projects-list/mock-data.d.ts +10 -0
  76. package/dist/src/examples/projects-list/mock-data.d.ts.map +1 -0
  77. package/dist/src/examples/projects-list/mock-data.js +83 -0
  78. package/dist/src/examples/projects-list/mock-data.js.map +1 -0
  79. package/dist/src/examples/shared/AppShell.d.ts +13 -0
  80. package/dist/src/examples/shared/AppShell.d.ts.map +1 -0
  81. package/dist/src/examples/shared/AppShell.js +13 -0
  82. package/dist/src/examples/shared/AppShell.js.map +1 -0
  83. package/dist/src/examples/shared/console-nav.d.ts +5 -0
  84. package/dist/src/examples/shared/console-nav.d.ts.map +1 -0
  85. package/dist/src/examples/shared/console-nav.js +37 -0
  86. package/dist/src/examples/shared/console-nav.js.map +1 -0
  87. package/dist/src/examples/shared/cost-nav.d.ts +5 -0
  88. package/dist/src/examples/shared/cost-nav.d.ts.map +1 -0
  89. package/dist/src/examples/shared/cost-nav.js +47 -0
  90. package/dist/src/examples/shared/cost-nav.js.map +1 -0
  91. package/dist/src/index.d.ts +2 -0
  92. package/dist/src/index.d.ts.map +1 -1
  93. package/dist/src/index.js +2 -0
  94. package/dist/src/index.js.map +1 -1
  95. package/dist/src/specs/schema.d.ts +4 -0
  96. package/dist/src/specs/schema.d.ts.map +1 -1
  97. package/dist/styles.css +233 -0
  98. package/package.json +9 -1
  99. package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts +0 -10
  100. package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map +0 -1
  101. package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js +0 -17
  102. package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map +0 -1
  103. package/dist/carbon-compat/stories/breadcrumb.stories.d.ts +0 -6
  104. package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map +0 -1
  105. package/dist/carbon-compat/stories/breadcrumb.stories.js +0 -11
  106. package/dist/carbon-compat/stories/breadcrumb.stories.js.map +0 -1
  107. package/dist/carbon-compat/stories/button.stories.d.ts +0 -13
  108. package/dist/carbon-compat/stories/button.stories.d.ts.map +0 -1
  109. package/dist/carbon-compat/stories/button.stories.js +0 -45
  110. package/dist/carbon-compat/stories/button.stories.js.map +0 -1
  111. package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts +0 -11
  112. package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map +0 -1
  113. package/dist/carbon-compat/stories/c3-cluster-tag.stories.js +0 -12
  114. package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map +0 -1
  115. package/dist/carbon-compat/stories/c3-data-table.stories.d.ts +0 -32
  116. package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map +0 -1
  117. package/dist/carbon-compat/stories/c3-data-table.stories.js +0 -244
  118. package/dist/carbon-compat/stories/c3-data-table.stories.js.map +0 -1
  119. package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts +0 -9
  120. package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map +0 -1
  121. package/dist/carbon-compat/stories/c3-responsive-stack.stories.js +0 -28
  122. package/dist/carbon-compat/stories/c3-responsive-stack.stories.js.map +0 -1
  123. package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts +0 -8
  124. package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts.map +0 -1
  125. package/dist/carbon-compat/stories/checkbox-skeleton.stories.js +0 -13
  126. package/dist/carbon-compat/stories/checkbox-skeleton.stories.js.map +0 -1
  127. package/dist/carbon-compat/stories/checkbox.stories.d.ts +0 -10
  128. package/dist/carbon-compat/stories/checkbox.stories.d.ts.map +0 -1
  129. package/dist/carbon-compat/stories/checkbox.stories.js +0 -20
  130. package/dist/carbon-compat/stories/checkbox.stories.js.map +0 -1
  131. package/dist/carbon-compat/stories/code-snippet.stories.d.ts +0 -9
  132. package/dist/carbon-compat/stories/code-snippet.stories.d.ts.map +0 -1
  133. package/dist/carbon-compat/stories/code-snippet.stories.js +0 -30
  134. package/dist/carbon-compat/stories/code-snippet.stories.js.map +0 -1
  135. package/dist/carbon-compat/stories/combo-box.stories.d.ts +0 -8
  136. package/dist/carbon-compat/stories/combo-box.stories.d.ts.map +0 -1
  137. package/dist/carbon-compat/stories/combo-box.stories.js +0 -38
  138. package/dist/carbon-compat/stories/combo-box.stories.js.map +0 -1
  139. package/dist/carbon-compat/stories/content-switcher.stories.d.ts +0 -8
  140. package/dist/carbon-compat/stories/content-switcher.stories.d.ts.map +0 -1
  141. package/dist/carbon-compat/stories/content-switcher.stories.js +0 -15
  142. package/dist/carbon-compat/stories/content-switcher.stories.js.map +0 -1
  143. package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts +0 -11
  144. package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts.map +0 -1
  145. package/dist/carbon-compat/stories/data-table-skeleton.stories.js +0 -37
  146. package/dist/carbon-compat/stories/data-table-skeleton.stories.js.map +0 -1
  147. package/dist/carbon-compat/stories/data-table.stories.d.ts +0 -16
  148. package/dist/carbon-compat/stories/data-table.stories.d.ts.map +0 -1
  149. package/dist/carbon-compat/stories/data-table.stories.js +0 -103
  150. package/dist/carbon-compat/stories/data-table.stories.js.map +0 -1
  151. package/dist/carbon-compat/stories/dropdown.stories.d.ts +0 -7
  152. package/dist/carbon-compat/stories/dropdown.stories.d.ts.map +0 -1
  153. package/dist/carbon-compat/stories/dropdown.stories.js +0 -23
  154. package/dist/carbon-compat/stories/dropdown.stories.js.map +0 -1
  155. package/dist/carbon-compat/stories/icon-button.stories.d.ts +0 -9
  156. package/dist/carbon-compat/stories/icon-button.stories.d.ts.map +0 -1
  157. package/dist/carbon-compat/stories/icon-button.stories.js +0 -29
  158. package/dist/carbon-compat/stories/icon-button.stories.js.map +0 -1
  159. package/dist/carbon-compat/stories/link.stories.d.ts +0 -11
  160. package/dist/carbon-compat/stories/link.stories.d.ts.map +0 -1
  161. package/dist/carbon-compat/stories/link.stories.js +0 -24
  162. package/dist/carbon-compat/stories/link.stories.js.map +0 -1
  163. package/dist/carbon-compat/stories/loading.stories.d.ts +0 -9
  164. package/dist/carbon-compat/stories/loading.stories.d.ts.map +0 -1
  165. package/dist/carbon-compat/stories/loading.stories.js +0 -22
  166. package/dist/carbon-compat/stories/loading.stories.js.map +0 -1
  167. package/dist/carbon-compat/stories/menu-button.stories.d.ts +0 -8
  168. package/dist/carbon-compat/stories/menu-button.stories.d.ts.map +0 -1
  169. package/dist/carbon-compat/stories/menu-button.stories.js +0 -22
  170. package/dist/carbon-compat/stories/menu-button.stories.js.map +0 -1
  171. package/dist/carbon-compat/stories/modal.stories.d.ts +0 -8
  172. package/dist/carbon-compat/stories/modal.stories.d.ts.map +0 -1
  173. package/dist/carbon-compat/stories/modal.stories.js +0 -28
  174. package/dist/carbon-compat/stories/modal.stories.js.map +0 -1
  175. package/dist/carbon-compat/stories/overflow-menu.stories.d.ts +0 -6
  176. package/dist/carbon-compat/stories/overflow-menu.stories.d.ts.map +0 -1
  177. package/dist/carbon-compat/stories/overflow-menu.stories.js +0 -11
  178. package/dist/carbon-compat/stories/overflow-menu.stories.js.map +0 -1
  179. package/dist/carbon-compat/stories/popover.stories.d.ts +0 -6
  180. package/dist/carbon-compat/stories/popover.stories.d.ts.map +0 -1
  181. package/dist/carbon-compat/stories/popover.stories.js +0 -16
  182. package/dist/carbon-compat/stories/popover.stories.js.map +0 -1
  183. package/dist/carbon-compat/stories/progress-bar.stories.d.ts +0 -11
  184. package/dist/carbon-compat/stories/progress-bar.stories.d.ts.map +0 -1
  185. package/dist/carbon-compat/stories/progress-bar.stories.js +0 -23
  186. package/dist/carbon-compat/stories/progress-bar.stories.js.map +0 -1
  187. package/dist/carbon-compat/stories/radio-button.stories.d.ts +0 -11
  188. package/dist/carbon-compat/stories/radio-button.stories.d.ts.map +0 -1
  189. package/dist/carbon-compat/stories/radio-button.stories.js +0 -25
  190. package/dist/carbon-compat/stories/radio-button.stories.js.map +0 -1
  191. package/dist/carbon-compat/stories/search.stories.d.ts +0 -12
  192. package/dist/carbon-compat/stories/search.stories.d.ts.map +0 -1
  193. package/dist/carbon-compat/stories/search.stories.js +0 -31
  194. package/dist/carbon-compat/stories/search.stories.js.map +0 -1
  195. package/dist/carbon-compat/stories/select-skeleton.stories.d.ts +0 -8
  196. package/dist/carbon-compat/stories/select-skeleton.stories.d.ts.map +0 -1
  197. package/dist/carbon-compat/stories/select-skeleton.stories.js +0 -13
  198. package/dist/carbon-compat/stories/select-skeleton.stories.js.map +0 -1
  199. package/dist/carbon-compat/stories/select.stories.d.ts +0 -7
  200. package/dist/carbon-compat/stories/select.stories.d.ts.map +0 -1
  201. package/dist/carbon-compat/stories/select.stories.js +0 -18
  202. package/dist/carbon-compat/stories/select.stories.js.map +0 -1
  203. package/dist/carbon-compat/stories/skeleton-text.stories.d.ts +0 -10
  204. package/dist/carbon-compat/stories/skeleton-text.stories.d.ts.map +0 -1
  205. package/dist/carbon-compat/stories/skeleton-text.stories.js +0 -26
  206. package/dist/carbon-compat/stories/skeleton-text.stories.js.map +0 -1
  207. package/dist/carbon-compat/stories/stack.stories.d.ts +0 -17
  208. package/dist/carbon-compat/stories/stack.stories.d.ts.map +0 -1
  209. package/dist/carbon-compat/stories/stack.stories.js +0 -41
  210. package/dist/carbon-compat/stories/stack.stories.js.map +0 -1
  211. package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts +0 -9
  212. package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts.map +0 -1
  213. package/dist/carbon-compat/stories/structured-list-skeleton.stories.js +0 -14
  214. package/dist/carbon-compat/stories/structured-list-skeleton.stories.js.map +0 -1
  215. package/dist/carbon-compat/stories/table.stories.d.ts +0 -6
  216. package/dist/carbon-compat/stories/table.stories.d.ts.map +0 -1
  217. package/dist/carbon-compat/stories/table.stories.js +0 -16
  218. package/dist/carbon-compat/stories/table.stories.js.map +0 -1
  219. package/dist/carbon-compat/stories/tabs.stories.d.ts +0 -7
  220. package/dist/carbon-compat/stories/tabs.stories.d.ts.map +0 -1
  221. package/dist/carbon-compat/stories/tabs.stories.js +0 -14
  222. package/dist/carbon-compat/stories/tabs.stories.js.map +0 -1
  223. package/dist/carbon-compat/stories/tag.stories.d.ts +0 -11
  224. package/dist/carbon-compat/stories/tag.stories.d.ts.map +0 -1
  225. package/dist/carbon-compat/stories/tag.stories.js +0 -46
  226. package/dist/carbon-compat/stories/tag.stories.js.map +0 -1
  227. package/dist/carbon-compat/stories/text-area.stories.d.ts +0 -10
  228. package/dist/carbon-compat/stories/text-area.stories.d.ts.map +0 -1
  229. package/dist/carbon-compat/stories/text-area.stories.js +0 -27
  230. package/dist/carbon-compat/stories/text-area.stories.js.map +0 -1
  231. package/dist/carbon-compat/stories/text-input.stories.d.ts +0 -11
  232. package/dist/carbon-compat/stories/text-input.stories.d.ts.map +0 -1
  233. package/dist/carbon-compat/stories/text-input.stories.js +0 -30
  234. package/dist/carbon-compat/stories/text-input.stories.js.map +0 -1
  235. package/dist/carbon-compat/stories/tile.stories.d.ts +0 -11
  236. package/dist/carbon-compat/stories/tile.stories.d.ts.map +0 -1
  237. package/dist/carbon-compat/stories/tile.stories.js +0 -22
  238. package/dist/carbon-compat/stories/tile.stories.js.map +0 -1
  239. package/dist/carbon-compat/stories/toggle.stories.d.ts +0 -11
  240. package/dist/carbon-compat/stories/toggle.stories.d.ts.map +0 -1
  241. package/dist/carbon-compat/stories/toggle.stories.js +0 -23
  242. package/dist/carbon-compat/stories/toggle.stories.js.map +0 -1
  243. package/dist/carbon-compat/stories/tooltip.stories.d.ts +0 -7
  244. package/dist/carbon-compat/stories/tooltip.stories.d.ts.map +0 -1
  245. package/dist/carbon-compat/stories/tooltip.stories.js +0 -15
  246. package/dist/carbon-compat/stories/tooltip.stories.js.map +0 -1
  247. package/dist/carbon-compat/stories/unordered-list.stories.d.ts +0 -9
  248. package/dist/carbon-compat/stories/unordered-list.stories.d.ts.map +0 -1
  249. package/dist/carbon-compat/stories/unordered-list.stories.js +0 -22
  250. package/dist/carbon-compat/stories/unordered-list.stories.js.map +0 -1
@@ -1,32 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { C3DataTable, type RowBaseProps } from "../c3-data-table";
3
- interface OrgRow extends RowBaseProps {
4
- name: string;
5
- plan: "Free" | "Pro" | "Enterprise";
6
- members: number;
7
- created: string;
8
- status: "active" | "trialing" | "suspended";
9
- }
10
- declare const meta: Meta<typeof C3DataTable<OrgRow>>;
11
- export default meta;
12
- type Story = StoryObj<typeof C3DataTable<OrgRow>>;
13
- /** Minimal — headers + data only. */
14
- export declare const Default: Story;
15
- /** With actions menu + per-row visible filter + destructive kind. */
16
- export declare const WithActions: Story;
17
- /** Title + description + paginated. */
18
- export declare const TitledAndPaginated: Story;
19
- /** Header type variants: `link`, `link-button`, `code`. */
20
- export declare const HeaderTypes: Story;
21
- /** Row-level expansion + onClick. */
22
- export declare const ExpansionAndRowClick: Story;
23
- /** isLoading → skeleton rows. */
24
- export declare const Loading: Story;
25
- /**
26
- * Full toolbar — search + single-select filter + multi-select filter +
27
- * button + multiItemButton (enabled when ≥1 row selected) + menu button.
28
- * Demonstrates the c3 toolbar surface that maps to our adapter-internal
29
- * Toolbar built on DS primitives.
30
- */
31
- export declare const FullToolbar: Story;
32
- //# sourceMappingURL=c3-data-table.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"c3-data-table.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-data-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,WAAW,EAIX,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,MAAO,SAAQ,YAAY;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,YAAY,CAAC;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,QAAQ,GAAG,UAAU,GAAG,WAAW,CAAC;CAC7C;AA8GD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAG1C,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;AAElD,qCAAqC;AACrC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,WAAW,EAAE,KAEzB,CAAC;AAEF,uCAAuC;AACvC,eAAO,MAAM,kBAAkB,EAAE,KAUhC,CAAC;AAEF,2DAA2D;AAC3D,eAAO,MAAM,WAAW,EAAE,KAuCzB,CAAC;AAEF,qCAAqC;AACrC,eAAO,MAAM,oBAAoB,EAAE,KAgBlC,CAAC;AAEF,iCAAiC;AACjC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,KA4EzB,CAAC"}
@@ -1,244 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { C3DataTable, } from "../c3-data-table";
3
- const ORGS = [
4
- {
5
- id: "o1",
6
- originalIndex: 0,
7
- name: "Acme Co",
8
- plan: "Enterprise",
9
- members: 240,
10
- created: "2024-08-12",
11
- status: "active",
12
- },
13
- {
14
- id: "o2",
15
- originalIndex: 1,
16
- name: "Bluefin Robotics",
17
- plan: "Pro",
18
- members: 18,
19
- created: "2025-01-30",
20
- status: "active",
21
- },
22
- {
23
- id: "o3",
24
- originalIndex: 2,
25
- name: "Cardinal Coffee",
26
- plan: "Free",
27
- members: 4,
28
- created: "2025-04-02",
29
- status: "trialing",
30
- },
31
- {
32
- id: "o4",
33
- originalIndex: 3,
34
- name: "Delta Dynamics",
35
- plan: "Pro",
36
- members: 72,
37
- created: "2025-05-11",
38
- status: "active",
39
- },
40
- {
41
- id: "o5",
42
- originalIndex: 4,
43
- name: "Echo Labs",
44
- plan: "Enterprise",
45
- members: 412,
46
- created: "2023-11-04",
47
- status: "active",
48
- },
49
- {
50
- id: "o6",
51
- originalIndex: 5,
52
- name: "Foxglove Studio",
53
- plan: "Free",
54
- members: 2,
55
- created: "2025-06-01",
56
- status: "trialing",
57
- },
58
- {
59
- id: "o7",
60
- originalIndex: 6,
61
- name: "Gravity Systems",
62
- plan: "Pro",
63
- members: 33,
64
- created: "2024-12-18",
65
- status: "suspended",
66
- },
67
- {
68
- id: "o8",
69
- originalIndex: 7,
70
- name: "Halcyon Health",
71
- plan: "Enterprise",
72
- members: 1108,
73
- created: "2022-06-21",
74
- status: "active",
75
- },
76
- ];
77
- const headers = [
78
- {
79
- label: "Name",
80
- key: "name",
81
- sorting: (a, b) => a.name.localeCompare(b.name),
82
- },
83
- { label: "Plan", key: "plan" },
84
- {
85
- label: "Members",
86
- key: "members",
87
- sorting: (a, b) => a.members - b.members,
88
- },
89
- { label: "Created", key: "created" },
90
- { label: "Status", key: "status" },
91
- ];
92
- const actions = [
93
- { id: "edit", label: "Edit", onClick: (row) => alert(`Edit ${row.name}`) },
94
- {
95
- id: "suspend",
96
- label: (row) => (row.status === "suspended" ? "Reactivate" : "Suspend"),
97
- onClick: (row) => alert(`Toggle ${row.name}`),
98
- },
99
- {
100
- id: "delete",
101
- kind: "danger",
102
- label: "Delete",
103
- visible: (row) => row.plan === "Free",
104
- onClick: (row) => alert(`Delete ${row.name}`),
105
- hasDivider: true,
106
- },
107
- ];
108
- const meta = {
109
- title: "Carbon Compat/C3DataTable",
110
- component: C3DataTable,
111
- };
112
- export default meta;
113
- /** Minimal — headers + data only. */
114
- export const Default = {
115
- render: () => _jsx(C3DataTable, { headers: headers, data: ORGS }),
116
- };
117
- /** With actions menu + per-row visible filter + destructive kind. */
118
- export const WithActions = {
119
- render: () => _jsx(C3DataTable, { headers: headers, data: ORGS, actions: actions }),
120
- };
121
- /** Title + description + paginated. */
122
- export const TitledAndPaginated = {
123
- render: () => (_jsx(C3DataTable, { title: "Organisations", description: "All registered organisations.", headers: headers, data: ORGS, options: { pageSizes: [3, 5, 10] } })),
124
- };
125
- /** Header type variants: `link`, `link-button`, `code`. */
126
- export const HeaderTypes = {
127
- render: () => (_jsx(C3DataTable, { headers: [
128
- {
129
- label: "Name (link)",
130
- key: "name",
131
- type: {
132
- type: "link",
133
- options: {
134
- linkOptions: {
135
- href: (row) => `/orgs/${row.id}`,
136
- target: "_blank",
137
- },
138
- },
139
- },
140
- },
141
- {
142
- label: "ID (code)",
143
- key: "id",
144
- type: { type: "code", options: { codeOptions: { type: "inline" } } },
145
- },
146
- {
147
- label: "Members (link-button)",
148
- key: "members",
149
- type: {
150
- type: "link-button",
151
- options: {
152
- linkButtonOptions: {
153
- onClick: (row) => alert(`Show members for ${row.name}`),
154
- },
155
- },
156
- },
157
- },
158
- { label: "Plan", key: "plan" },
159
- ], data: ORGS })),
160
- };
161
- /** Row-level expansion + onClick. */
162
- export const ExpansionAndRowClick = {
163
- render: () => (_jsx(C3DataTable, { headers: headers, data: ORGS.map((o) => ({
164
- ...o,
165
- onClick: () => console.log(`Row clicked: ${o.name}`),
166
- expansion: (_jsxs("div", { className: "p-2 text-sm", children: [_jsx("strong", { children: o.name }), " \u2014 ", o.members, " members on the ", o.plan, " ", "plan."] })),
167
- })) })),
168
- };
169
- /** isLoading → skeleton rows. */
170
- export const Loading = {
171
- render: () => (_jsx(C3DataTable, { headers: headers, data: [], isLoading: true, options: { pageSizes: [5, 10] } })),
172
- };
173
- /**
174
- * Full toolbar — search + single-select filter + multi-select filter +
175
- * button + multiItemButton (enabled when ≥1 row selected) + menu button.
176
- * Demonstrates the c3 toolbar surface that maps to our adapter-internal
177
- * Toolbar built on DS primitives.
178
- */
179
- export const FullToolbar = {
180
- render: () => {
181
- const toolbar = [
182
- {
183
- id: "search",
184
- type: "search",
185
- label: "Search",
186
- filter: ({ row, searchTerm }) => !searchTerm ||
187
- row.name.toLowerCase().includes(searchTerm.toLowerCase()),
188
- },
189
- {
190
- id: "plan-filter",
191
- type: "singleSelect",
192
- label: "Plan",
193
- // Radix Select rejects an empty-string value, so we omit an
194
- // explicit "All plans" sentinel and rely on the adapter's
195
- // filter-skip-when-empty behaviour: with no selection, the
196
- // filter callback is not called and all rows pass.
197
- items: [
198
- { id: "Free", label: "Free" },
199
- { id: "Pro", label: "Pro" },
200
- { id: "Enterprise", label: "Enterprise" },
201
- ],
202
- filter: ({ row, selectedItem }) => row.plan === selectedItem,
203
- },
204
- {
205
- id: "status-filter",
206
- type: "multiSelect",
207
- label: "Status",
208
- items: [
209
- { id: "active", label: "Active" },
210
- { id: "trialing", label: "Trialing" },
211
- { id: "suspended", label: "Suspended" },
212
- ],
213
- filter: ({ row, selectedItems }) => !selectedItems ||
214
- selectedItems.length === 0 ||
215
- selectedItems.includes(row.status),
216
- },
217
- {
218
- id: "export",
219
- type: "button",
220
- label: "Export",
221
- kind: "tertiary",
222
- onClick: () => alert("Export clicked"),
223
- },
224
- {
225
- id: "bulk-delete",
226
- type: "multiItemButton",
227
- label: "Delete selected",
228
- kind: "danger",
229
- multiOnClick: (rows) => alert(`Delete ${rows.length} rows`),
230
- },
231
- {
232
- id: "more",
233
- type: "menuButton",
234
- label: "More actions",
235
- items: [
236
- { label: "Archive all", onClick: () => alert("Archive") },
237
- { label: "Export CSV", onClick: () => alert("Export CSV") },
238
- ],
239
- },
240
- ];
241
- return (_jsx(C3DataTable, { title: "Organisations", description: "Filter by plan + status; bulk delete acts on selected rows.", headers: headers, data: ORGS, actions: actions, toolbar: toolbar, options: { pageSizes: [5, 10, 25], useZebraStyles: true } }));
242
- },
243
- };
244
- //# sourceMappingURL=c3-data-table.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"c3-data-table.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-data-table.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { C3ResponsiveStack } from "../c3-responsive-stack";
3
- declare const meta: Meta<typeof C3ResponsiveStack>;
4
- export default meta;
5
- type Story = StoryObj<typeof C3ResponsiveStack>;
6
- export declare const Horizontal: Story;
7
- export declare const Vertical: Story;
8
- export declare const TightGap: Story;
9
- //# sourceMappingURL=c3-responsive-stack.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"c3-responsive-stack.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-responsive-stack.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAWxC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAIhD,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}
@@ -1,28 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { C3ResponsiveStack } from "../c3-responsive-stack";
3
- const meta = {
4
- title: "Carbon Compat/C3ResponsiveStack",
5
- component: C3ResponsiveStack,
6
- argTypes: {
7
- orientation: {
8
- control: "inline-radio",
9
- options: ["horizontal", "vertical"],
10
- },
11
- gap: { control: "number" },
12
- },
13
- args: { orientation: "horizontal", gap: 1 },
14
- };
15
- export default meta;
16
- const cell = "flex-1 rounded bg-muted p-2 text-center text-sm";
17
- export const Horizontal = {
18
- render: (args) => (_jsxs(C3ResponsiveStack, { ...args, children: [_jsx("div", { className: cell, children: "A" }), _jsx("div", { className: cell, children: "B" }), _jsx("div", { className: cell, children: "C" })] })),
19
- };
20
- export const Vertical = {
21
- args: { orientation: "vertical" },
22
- render: Horizontal.render,
23
- };
24
- export const TightGap = {
25
- args: { gap: 0.25 },
26
- render: Horizontal.render,
27
- };
28
- //# sourceMappingURL=c3-responsive-stack.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"c3-responsive-stack.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/c3-responsive-stack.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;SACpC;QACD,GAAG,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;KAC3B;IACD,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE;CAC5C,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,IAAI,GAAG,iDAAiD,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,iBAAiB,OAAK,IAAI,aACzB,cAAK,SAAS,EAAE,IAAI,kBAAS,EAC7B,cAAK,SAAS,EAAE,IAAI,kBAAS,EAC7B,cAAK,SAAS,EAAE,IAAI,kBAAS,IACX,CACrB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE;IACjC,MAAM,EAAE,UAAU,CAAC,MAAM;CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE;IACnB,MAAM,EAAE,UAAU,CAAC,MAAM;CAC1B,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { CheckboxSkeleton } from "../checkbox-skeleton";
3
- declare const meta: Meta<typeof CheckboxSkeleton>;
4
- export default meta;
5
- type Story = StoryObj<typeof CheckboxSkeleton>;
6
- export declare const Default: Story;
7
- export declare const Stacked: Story;
8
- //# sourceMappingURL=checkbox-skeleton.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/checkbox-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAIvC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
@@ -1,13 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { CheckboxSkeleton } from "../checkbox-skeleton";
3
- const meta = {
4
- title: "Carbon Compat/CheckboxSkeleton",
5
- component: CheckboxSkeleton,
6
- decorators: [(Story) => _jsx("div", { className: "w-64", children: Story() })],
7
- };
8
- export default meta;
9
- export const Default = {};
10
- export const Stacked = {
11
- render: () => (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx(CheckboxSkeleton, {}), _jsx(CheckboxSkeleton, {}), _jsx(CheckboxSkeleton, {})] })),
12
- };
13
- //# sourceMappingURL=checkbox-skeleton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/checkbox-skeleton.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,cAAK,SAAS,EAAC,MAAM,YAAE,KAAK,EAAE,GAAO,CAAC;CAC/D,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,gBAAgB,KAAG,EACpB,KAAC,gBAAgB,KAAG,EACpB,KAAC,gBAAgB,KAAG,IAChB,CACP;CACF,CAAC"}
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { Checkbox } from "../checkbox";
3
- declare const meta: Meta<typeof Checkbox>;
4
- export default meta;
5
- type Story = StoryObj<typeof Checkbox>;
6
- export declare const Default: Story;
7
- export declare const Checked: Story;
8
- export declare const Indeterminate: Story;
9
- export declare const Disabled: Story;
10
- //# sourceMappingURL=checkbox.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAY/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,OAAO,EAAE,KAAmC,CAAC;AAC1D,eAAO,MAAM,aAAa,EAAE,KAAyC,CAAC;AACtE,eAAO,MAAM,QAAQ,EAAE,KAAmD,CAAC"}
@@ -1,20 +0,0 @@
1
- import { Checkbox } from "../checkbox";
2
- const meta = {
3
- title: "Carbon Compat/Checkbox",
4
- component: Checkbox,
5
- argTypes: {
6
- checked: { control: "boolean" },
7
- disabled: { control: "boolean" },
8
- indeterminate: { control: "boolean" },
9
- },
10
- args: {
11
- id: "checkbox-demo",
12
- labelText: "Enable feature",
13
- },
14
- };
15
- export default meta;
16
- export const Default = {};
17
- export const Checked = { args: { checked: true } };
18
- export const Indeterminate = { args: { indeterminate: true } };
19
- export const Disabled = { args: { disabled: true, checked: true } };
20
- //# sourceMappingURL=checkbox.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/checkbox.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACtC;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,eAAe;QACnB,SAAS,EAAE,gBAAgB;KAC5B;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC;AAC1D,MAAM,CAAC,MAAM,aAAa,GAAU,EAAE,IAAI,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,CAAC;AACtE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,CAAC"}
@@ -1,9 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { CodeSnippet } from "../code-snippet";
3
- declare const meta: Meta<typeof CodeSnippet>;
4
- export default meta;
5
- type Story = StoryObj<typeof CodeSnippet>;
6
- export declare const Inline: Story;
7
- export declare const Single: Story;
8
- export declare const Multi: Story;
9
- //# sourceMappingURL=code-snippet.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"code-snippet.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/code-snippet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAOlC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}
@@ -1,30 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { CodeSnippet } from "../code-snippet";
3
- const meta = {
4
- title: "Carbon Compat/CodeSnippet",
5
- component: CodeSnippet,
6
- argTypes: {
7
- type: { control: "inline-radio", options: ["inline", "single", "multi"] },
8
- disabled: { control: "boolean" },
9
- },
10
- };
11
- export default meta;
12
- export const Inline = {
13
- args: { type: "inline" },
14
- render: (args) => (_jsxs("p", { className: "text-sm", children: ["Run the migration with", " ", _jsx(CodeSnippet, { ...args, children: "npm run migrate" }), " to swap imports."] })),
15
- };
16
- export const Single = {
17
- args: {
18
- type: "single",
19
- children: "pnpm install --filter @camunda-cloud/accounts-frontend",
20
- },
21
- };
22
- export const Multi = {
23
- args: {
24
- type: "multi",
25
- children: `npm install
26
- npm run build
27
- npm run typecheck`,
28
- },
29
- };
30
- //# sourceMappingURL=code-snippet.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"code-snippet.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/code-snippet.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,IAAI,GAA6B;IACrC,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,EAAE;QACzE,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;IACxB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,aAAG,SAAS,EAAC,SAAS,uCACG,GAAG,EAC1B,KAAC,WAAW,OAAK,IAAI,gCAA+B,yBAClD,CACL;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,wDAAwD;KACnE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE;;kBAEI;KACf;CACF,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- declare const meta: Meta;
3
- export default meta;
4
- type Story = StoryObj;
5
- export declare const Default: Story;
6
- export declare const WithInitialItem: Story;
7
- export declare const LargeDataset: Story;
8
- //# sourceMappingURL=combo-box.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combo-box.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/combo-box.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC;AAOF,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC"}
@@ -1,38 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import * as React from "react";
3
- import { ComboBox } from "../combo-box";
4
- const ITEMS = [
5
- { id: "bpmn", label: "BPMN process" },
6
- { id: "dmn", label: "DMN decision" },
7
- { id: "form", label: "Form" },
8
- { id: "connector", label: "Connector template" },
9
- ];
10
- const meta = {
11
- title: "Carbon Compat/ComboBox",
12
- component: ComboBox,
13
- };
14
- export default meta;
15
- export const Default = {
16
- render: () => {
17
- const [selected, setSelected] = React.useState(null);
18
- return (_jsx(ComboBox, { id: "combo-demo", titleText: "Resource type", placeholder: "Select or type\u2026", items: ITEMS, selectedItem: selected, itemToString: (item) => item?.label ?? "", onChange: ({ selectedItem }) => setSelected(selectedItem ?? null) }));
19
- },
20
- };
21
- export const WithInitialItem = {
22
- render: () => (_jsx(ComboBox, { id: "combo-initial", titleText: "Resource type", items: ITEMS, initialSelectedItem: ITEMS[1], itemToString: (item) => item?.label ?? "", onChange: () => undefined })),
23
- };
24
- const LARGE_ITEMS = Array.from({ length: 10_000 }, (_, i) => ({
25
- id: `item-${i}`,
26
- label: `Process definition ${i + 1}`,
27
- }));
28
- export const LargeDataset = {
29
- name: "Large dataset (10k items)",
30
- // Excluded from autodocs: Storybook serialises story source for the Docs page
31
- // and JSON-stringifying 10k objects causes an OOM crash in the browser.
32
- tags: ["!autodocs"],
33
- render: () => {
34
- const [selected, setSelected] = React.useState(null);
35
- return (_jsx(ComboBox, { id: "combo-large", titleText: "Process definition", placeholder: "Search 10 000 items\u2026", items: LARGE_ITEMS, selectedItem: selected, itemToString: (item) => item?.label ?? "", onChange: ({ selectedItem }) => setSelected(selectedItem ?? null) }));
36
- },
37
- };
38
- //# sourceMappingURL=combo-box.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combo-box.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/combo-box.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE;IACrC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE;IACpC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;IAC7B,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,oBAAoB,EAAE;CACjD,CAAC;AAEF,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,QAAQ;CACpB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5C,IAAI,CAAC,CAAC;QACR,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,YAAY,EACf,SAAS,EAAC,eAAe,EACzB,WAAW,EAAC,sBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,IAAI,IAAI,CAAC,GACjE,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,QAAQ,IACP,EAAE,EAAC,eAAe,EAClB,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,KAAK,EACZ,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,EAC7B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,GACzB,CACH;CACF,CAAC;AAEF,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5D,EAAE,EAAE,QAAQ,CAAC,EAAE;IACf,KAAK,EAAE,sBAAsB,CAAC,GAAG,CAAC,EAAE;CACrC,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,2BAA2B;IACjC,8EAA8E;IAC9E,wEAAwE;IACxE,IAAI,EAAE,CAAC,WAAW,CAAC;IACnB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAE5C,IAAI,CAAC,CAAC;QACR,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,SAAS,EAAC,oBAAoB,EAC9B,WAAW,EAAC,2BAAsB,EAClC,KAAK,EAAE,WAAW,EAClB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EACzC,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,IAAI,IAAI,CAAC,GACjE,CACH,CAAC;IACJ,CAAC;CACF,CAAC"}
@@ -1,8 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { ContentSwitcher } from "../content-switcher";
3
- declare const meta: Meta<typeof ContentSwitcher>;
4
- export default meta;
5
- type Story = StoryObj<typeof ContentSwitcher>;
6
- export declare const Default: Story;
7
- export declare const SecondSelected: Story;
8
- //# sourceMappingURL=content-switcher.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"content-switcher.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/content-switcher.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAGtC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAE9C,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC"}
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { ContentSwitcher } from "../content-switcher";
3
- import { Switch } from "../switch";
4
- const meta = {
5
- title: "Carbon Compat/ContentSwitcher",
6
- component: ContentSwitcher,
7
- };
8
- export default meta;
9
- export const Default = {
10
- render: () => (_jsxs(ContentSwitcher, { selectedIndex: 0, onChange: ({ name }) => console.log("Selected", name), children: [_jsx(Switch, { name: "bar", text: "Bar" }), _jsx(Switch, { name: "donut", text: "Donut" }), _jsx(Switch, { name: "line", text: "Line" })] })),
11
- };
12
- export const SecondSelected = {
13
- render: () => (_jsxs(ContentSwitcher, { selectedIndex: 1, onChange: ({ name }) => console.log("Selected", name), children: [_jsx(Switch, { name: "annotated", text: "Annotated" }), _jsx(Switch, { name: "sources", text: "Sources" }), _jsx(Switch, { name: "raw", text: "Raw" })] })),
14
- };
15
- //# sourceMappingURL=content-switcher.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"content-switcher.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/content-switcher.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;CAC3B,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,eAAe,IACd,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,aAErD,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,GAAG,EAChC,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAG,EACpC,KAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAG,IAClB,CACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,eAAe,IACd,aAAa,EAAE,CAAC,EAChB,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,aAErD,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,WAAW,GAAG,EAC5C,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,EACxC,KAAC,MAAM,IAAC,IAAI,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,GAAG,IAChB,CACnB;CACF,CAAC"}
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react-vite";
2
- import { DataTableSkeleton } from "../data-table-skeleton";
3
- declare const meta: Meta<typeof DataTableSkeleton>;
4
- export default meta;
5
- type Story = StoryObj<typeof DataTableSkeleton>;
6
- export declare const Default: Story;
7
- export declare const WithToolbar: Story;
8
- export declare const Compact: Story;
9
- export declare const Zebra: Story;
10
- export declare const NamedHeaders: Story;
11
- //# sourceMappingURL=data-table-skeleton.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table-skeleton.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table-skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,iBAAiB,CAmBxC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAEhD,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,WAAW,EAAE,KAAuC,CAAC;AAClE,eAAO,MAAM,OAAO,EAAE,KAA6C,CAAC;AACpE,eAAO,MAAM,KAAK,EAAE,KAA8C,CAAC;AACnE,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC"}
@@ -1,37 +0,0 @@
1
- import { DataTableSkeleton } from "../data-table-skeleton";
2
- const meta = {
3
- title: "Carbon Compat/DataTableSkeleton",
4
- component: DataTableSkeleton,
5
- argTypes: {
6
- rowCount: { control: { type: "number", min: 1, max: 20 } },
7
- columnCount: { control: { type: "number", min: 1, max: 10 } },
8
- showHeader: { control: "boolean" },
9
- showToolbar: { control: "boolean" },
10
- size: { control: "inline-radio", options: ["xs", "sm", "md", "lg", "xl"] },
11
- zebra: { control: "boolean" },
12
- },
13
- args: {
14
- rowCount: 5,
15
- columnCount: 4,
16
- showHeader: true,
17
- showToolbar: false,
18
- size: "md",
19
- zebra: false,
20
- },
21
- };
22
- export default meta;
23
- export const Default = {};
24
- export const WithToolbar = { args: { showToolbar: true } };
25
- export const Compact = { args: { size: "sm", rowCount: 8 } };
26
- export const Zebra = { args: { zebra: true, rowCount: 6 } };
27
- export const NamedHeaders = {
28
- args: {
29
- headers: [
30
- { header: "Name" },
31
- { header: "Plan" },
32
- { header: "Members" },
33
- { header: "Status" },
34
- ],
35
- },
36
- };
37
- //# sourceMappingURL=data-table-skeleton.stories.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"data-table-skeleton.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table-skeleton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,MAAM,IAAI,GAAmC;IAC3C,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QAC1D,WAAW,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QAC7D,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAClC,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAC1E,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC9B;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC;QACX,WAAW,EAAE,CAAC;QACd,UAAU,EAAE,IAAI;QAChB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,WAAW,GAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;AAClE,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AACpE,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC;AACnE,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO,EAAE;YACP,EAAE,MAAM,EAAE,MAAM,EAAE;YAClB,EAAE,MAAM,EAAE,MAAM,EAAE;YAClB,EAAE,MAAM,EAAE,SAAS,EAAE;YACrB,EAAE,MAAM,EAAE,QAAQ,EAAE;SACrB;KACF;CACF,CAAC"}