@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.
- package/dist/.storybook/CamundaLogo.d.ts +13 -0
- package/dist/.storybook/CamundaLogo.d.ts.map +1 -0
- package/dist/.storybook/CamundaLogo.js +14 -0
- package/dist/.storybook/CamundaLogo.js.map +1 -0
- package/dist/carbon-compat/filterable-multi-select.d.ts +39 -0
- package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -0
- package/dist/carbon-compat/filterable-multi-select.js +54 -0
- package/dist/carbon-compat/filterable-multi-select.js.map +1 -0
- package/dist/carbon-compat/form.d.ts +5 -0
- package/dist/carbon-compat/form.d.ts.map +1 -0
- package/dist/carbon-compat/form.js +6 -0
- package/dist/carbon-compat/form.js.map +1 -0
- package/dist/carbon-compat/index.d.ts +2 -0
- package/dist/carbon-compat/index.d.ts.map +1 -1
- package/dist/carbon-compat/index.js +2 -0
- package/dist/carbon-compat/index.js.map +1 -1
- package/dist/carbon-compat/multi-select.d.ts +37 -2
- package/dist/carbon-compat/multi-select.d.ts.map +1 -1
- package/dist/carbon-compat/multi-select.js +52 -2
- package/dist/carbon-compat/multi-select.js.map +1 -1
- package/dist/carbon-compat/select.d.ts +3 -3
- package/dist/carbon-compat/select.d.ts.map +1 -1
- package/dist/carbon-compat/select.js +47 -9
- package/dist/carbon-compat/select.js.map +1 -1
- package/dist/src/components/ui/checkbox.d.ts.map +1 -1
- package/dist/src/components/ui/checkbox.js +1 -1
- package/dist/src/components/ui/checkbox.js.map +1 -1
- package/dist/src/components/ui/data-table.d.ts.map +1 -1
- package/dist/src/components/ui/data-table.js +1 -1
- package/dist/src/components/ui/data-table.js.map +1 -1
- package/dist/src/components/ui/file-uploader.d.ts +39 -0
- package/dist/src/components/ui/file-uploader.d.ts.map +1 -0
- package/dist/src/components/ui/file-uploader.js +198 -0
- package/dist/src/components/ui/file-uploader.js.map +1 -0
- package/dist/src/components/ui/multi-select.d.ts +34 -0
- package/dist/src/components/ui/multi-select.d.ts.map +1 -0
- package/dist/src/components/ui/multi-select.js +88 -0
- package/dist/src/components/ui/multi-select.js.map +1 -0
- package/dist/src/components/ui/table.d.ts +1 -1
- package/dist/src/components/ui/table.d.ts.map +1 -1
- package/dist/src/components/ui/table.js +3 -3
- package/dist/src/components/ui/table.js.map +1 -1
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +18 -0
- package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +1 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js +53 -0
- package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +1 -0
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts +2 -0
- package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/TrendChart.js +21 -0
- package/dist/src/examples/cost-dashboard/TrendChart.js.map +1 -0
- package/dist/src/examples/cost-dashboard/mock-data.d.ts +34 -0
- package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/mock-data.js +120 -0
- package/dist/src/examples/cost-dashboard/mock-data.js.map +1 -0
- package/dist/src/examples/cost-dashboard/useChartColors.d.ts +10 -0
- package/dist/src/examples/cost-dashboard/useChartColors.d.ts.map +1 -0
- package/dist/src/examples/cost-dashboard/useChartColors.js +20 -0
- package/dist/src/examples/cost-dashboard/useChartColors.js.map +1 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.d.ts +2 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.d.ts.map +1 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.js +68 -0
- package/dist/src/examples/project-detail/ProjectDetailPage.js.map +1 -0
- package/dist/src/examples/project-detail/mock-data.d.ts +38 -0
- package/dist/src/examples/project-detail/mock-data.d.ts.map +1 -0
- package/dist/src/examples/project-detail/mock-data.js +103 -0
- package/dist/src/examples/project-detail/mock-data.js.map +1 -0
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts +4 -0
- package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +1 -0
- package/dist/src/examples/projects-list/ProjectsListPage.js +45 -0
- package/dist/src/examples/projects-list/ProjectsListPage.js.map +1 -0
- package/dist/src/examples/projects-list/mock-data.d.ts +10 -0
- package/dist/src/examples/projects-list/mock-data.d.ts.map +1 -0
- package/dist/src/examples/projects-list/mock-data.js +83 -0
- package/dist/src/examples/projects-list/mock-data.js.map +1 -0
- package/dist/src/examples/shared/AppShell.d.ts +13 -0
- package/dist/src/examples/shared/AppShell.d.ts.map +1 -0
- package/dist/src/examples/shared/AppShell.js +13 -0
- package/dist/src/examples/shared/AppShell.js.map +1 -0
- package/dist/src/examples/shared/console-nav.d.ts +5 -0
- package/dist/src/examples/shared/console-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/console-nav.js +37 -0
- package/dist/src/examples/shared/console-nav.js.map +1 -0
- package/dist/src/examples/shared/cost-nav.d.ts +5 -0
- package/dist/src/examples/shared/cost-nav.d.ts.map +1 -0
- package/dist/src/examples/shared/cost-nav.js +47 -0
- package/dist/src/examples/shared/cost-nav.js.map +1 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +2 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/specs/schema.d.ts +4 -0
- package/dist/src/specs/schema.d.ts.map +1 -1
- package/dist/styles.css +233 -0
- package/package.json +9 -1
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js +0 -17
- package/dist/carbon-compat/stories/breadcrumb-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/breadcrumb.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/breadcrumb.stories.js +0 -11
- package/dist/carbon-compat/stories/breadcrumb.stories.js.map +0 -1
- package/dist/carbon-compat/stories/button.stories.d.ts +0 -13
- package/dist/carbon-compat/stories/button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/button.stories.js +0 -45
- package/dist/carbon-compat/stories/button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js +0 -12
- package/dist/carbon-compat/stories/c3-cluster-tag.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts +0 -32
- package/dist/carbon-compat/stories/c3-data-table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-data-table.stories.js +0 -244
- package/dist/carbon-compat/stories/c3-data-table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js +0 -28
- package/dist/carbon-compat/stories/c3-responsive-stack.stories.js.map +0 -1
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js +0 -13
- package/dist/carbon-compat/stories/checkbox-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/checkbox.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/checkbox.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/checkbox.stories.js +0 -20
- package/dist/carbon-compat/stories/checkbox.stories.js.map +0 -1
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/code-snippet.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/code-snippet.stories.js +0 -30
- package/dist/carbon-compat/stories/code-snippet.stories.js.map +0 -1
- package/dist/carbon-compat/stories/combo-box.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/combo-box.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/combo-box.stories.js +0 -38
- package/dist/carbon-compat/stories/combo-box.stories.js.map +0 -1
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/content-switcher.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/content-switcher.stories.js +0 -15
- package/dist/carbon-compat/stories/content-switcher.stories.js.map +0 -1
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/data-table-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js +0 -37
- package/dist/carbon-compat/stories/data-table-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/data-table.stories.d.ts +0 -16
- package/dist/carbon-compat/stories/data-table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/data-table.stories.js +0 -103
- package/dist/carbon-compat/stories/data-table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/dropdown.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/dropdown.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/dropdown.stories.js +0 -23
- package/dist/carbon-compat/stories/dropdown.stories.js.map +0 -1
- package/dist/carbon-compat/stories/icon-button.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/icon-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/icon-button.stories.js +0 -29
- package/dist/carbon-compat/stories/icon-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/link.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/link.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/link.stories.js +0 -24
- package/dist/carbon-compat/stories/link.stories.js.map +0 -1
- package/dist/carbon-compat/stories/loading.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/loading.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/loading.stories.js +0 -22
- package/dist/carbon-compat/stories/loading.stories.js.map +0 -1
- package/dist/carbon-compat/stories/menu-button.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/menu-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/menu-button.stories.js +0 -22
- package/dist/carbon-compat/stories/menu-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/modal.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/modal.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/modal.stories.js +0 -28
- package/dist/carbon-compat/stories/modal.stories.js.map +0 -1
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/overflow-menu.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/overflow-menu.stories.js +0 -11
- package/dist/carbon-compat/stories/overflow-menu.stories.js.map +0 -1
- package/dist/carbon-compat/stories/popover.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/popover.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/popover.stories.js +0 -16
- package/dist/carbon-compat/stories/popover.stories.js.map +0 -1
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/progress-bar.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/progress-bar.stories.js +0 -23
- package/dist/carbon-compat/stories/progress-bar.stories.js.map +0 -1
- package/dist/carbon-compat/stories/radio-button.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/radio-button.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/radio-button.stories.js +0 -25
- package/dist/carbon-compat/stories/radio-button.stories.js.map +0 -1
- package/dist/carbon-compat/stories/search.stories.d.ts +0 -12
- package/dist/carbon-compat/stories/search.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/search.stories.js +0 -31
- package/dist/carbon-compat/stories/search.stories.js.map +0 -1
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts +0 -8
- package/dist/carbon-compat/stories/select-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/select-skeleton.stories.js +0 -13
- package/dist/carbon-compat/stories/select-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/select.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/select.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/select.stories.js +0 -18
- package/dist/carbon-compat/stories/select.stories.js.map +0 -1
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/skeleton-text.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/skeleton-text.stories.js +0 -26
- package/dist/carbon-compat/stories/skeleton-text.stories.js.map +0 -1
- package/dist/carbon-compat/stories/stack.stories.d.ts +0 -17
- package/dist/carbon-compat/stories/stack.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/stack.stories.js +0 -41
- package/dist/carbon-compat/stories/stack.stories.js.map +0 -1
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js +0 -14
- package/dist/carbon-compat/stories/structured-list-skeleton.stories.js.map +0 -1
- package/dist/carbon-compat/stories/table.stories.d.ts +0 -6
- package/dist/carbon-compat/stories/table.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/table.stories.js +0 -16
- package/dist/carbon-compat/stories/table.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tabs.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/tabs.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tabs.stories.js +0 -14
- package/dist/carbon-compat/stories/tabs.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tag.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/tag.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tag.stories.js +0 -46
- package/dist/carbon-compat/stories/tag.stories.js.map +0 -1
- package/dist/carbon-compat/stories/text-area.stories.d.ts +0 -10
- package/dist/carbon-compat/stories/text-area.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/text-area.stories.js +0 -27
- package/dist/carbon-compat/stories/text-area.stories.js.map +0 -1
- package/dist/carbon-compat/stories/text-input.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/text-input.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/text-input.stories.js +0 -30
- package/dist/carbon-compat/stories/text-input.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tile.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/tile.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tile.stories.js +0 -22
- package/dist/carbon-compat/stories/tile.stories.js.map +0 -1
- package/dist/carbon-compat/stories/toggle.stories.d.ts +0 -11
- package/dist/carbon-compat/stories/toggle.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/toggle.stories.js +0 -23
- package/dist/carbon-compat/stories/toggle.stories.js.map +0 -1
- package/dist/carbon-compat/stories/tooltip.stories.d.ts +0 -7
- package/dist/carbon-compat/stories/tooltip.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/tooltip.stories.js +0 -15
- package/dist/carbon-compat/stories/tooltip.stories.js.map +0 -1
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts +0 -9
- package/dist/carbon-compat/stories/unordered-list.stories.d.ts.map +0 -1
- package/dist/carbon-compat/stories/unordered-list.stories.js +0 -22
- 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"}
|