@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,16 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { DataTable } from "../data-table";
|
|
3
|
-
declare const meta: Meta<typeof DataTable>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DataTable>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Sortable: Story;
|
|
8
|
-
export declare const WithTitle: Story;
|
|
9
|
-
export declare const WithRowSelection: Story;
|
|
10
|
-
export declare const WithExpansion: Story;
|
|
11
|
-
export declare const WithRowActions: Story;
|
|
12
|
-
export declare const Loading: Story;
|
|
13
|
-
export declare const Empty: Story;
|
|
14
|
-
export declare const Zebra: Story;
|
|
15
|
-
export declare const SmallSize: Story;
|
|
16
|
-
//# sourceMappingURL=data-table.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,SAAS,EAAqB,MAAM,eAAe,CAAC;AAqE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAI9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}
|
|
@@ -1,103 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DataTable } from "../data-table";
|
|
3
|
-
const ROWS = [
|
|
4
|
-
{
|
|
5
|
-
id: "p1",
|
|
6
|
-
name: "Order fulfilment",
|
|
7
|
-
type: "BPMN",
|
|
8
|
-
version: "v3.2",
|
|
9
|
-
status: "active",
|
|
10
|
-
instances: 142,
|
|
11
|
-
},
|
|
12
|
-
{
|
|
13
|
-
id: "p2",
|
|
14
|
-
name: "Invoice approval",
|
|
15
|
-
type: "BPMN",
|
|
16
|
-
version: "v1.0",
|
|
17
|
-
status: "active",
|
|
18
|
-
instances: 38,
|
|
19
|
-
},
|
|
20
|
-
{
|
|
21
|
-
id: "p3",
|
|
22
|
-
name: "Credit scoring",
|
|
23
|
-
type: "DMN",
|
|
24
|
-
version: "v2.1",
|
|
25
|
-
status: "draft",
|
|
26
|
-
instances: 0,
|
|
27
|
-
},
|
|
28
|
-
{
|
|
29
|
-
id: "p4",
|
|
30
|
-
name: "Employee onboarding",
|
|
31
|
-
type: "BPMN",
|
|
32
|
-
version: "v4.0",
|
|
33
|
-
status: "active",
|
|
34
|
-
instances: 9,
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
id: "p5",
|
|
38
|
-
name: "Leave request",
|
|
39
|
-
type: "BPMN",
|
|
40
|
-
version: "v1.3",
|
|
41
|
-
status: "archived",
|
|
42
|
-
instances: 0,
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
id: "p6",
|
|
46
|
-
name: "Discount policy",
|
|
47
|
-
type: "DMN",
|
|
48
|
-
version: "v2.0",
|
|
49
|
-
status: "active",
|
|
50
|
-
instances: 220,
|
|
51
|
-
},
|
|
52
|
-
];
|
|
53
|
-
const HEADERS = [
|
|
54
|
-
{ key: "name", header: "Process name" },
|
|
55
|
-
{ key: "type", header: "Type" },
|
|
56
|
-
{ key: "version", header: "Version" },
|
|
57
|
-
{ key: "status", header: "Status" },
|
|
58
|
-
{ key: "instances", header: "Instances" },
|
|
59
|
-
];
|
|
60
|
-
const meta = {
|
|
61
|
-
title: "Carbon Compat/DataTable",
|
|
62
|
-
component: DataTable,
|
|
63
|
-
parameters: { layout: "padded" },
|
|
64
|
-
};
|
|
65
|
-
export default meta;
|
|
66
|
-
export const Default = {
|
|
67
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS }),
|
|
68
|
-
};
|
|
69
|
-
export const Sortable = {
|
|
70
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, isSortable: true }),
|
|
71
|
-
};
|
|
72
|
-
export const WithTitle = {
|
|
73
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, title: "Process definitions", description: "All deployed processes in this cluster.", isSortable: true, pagination: true })),
|
|
74
|
-
};
|
|
75
|
-
export const WithRowSelection = {
|
|
76
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, rowSelection: true, isSortable: true })),
|
|
77
|
-
};
|
|
78
|
-
export const WithExpansion = {
|
|
79
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, expansion: (row) => (_jsxs("div", { className: "text-muted-foreground px-4 text-sm", children: ["Process ID: ", _jsx("strong", { children: row.id }), " \u2014 ", row.instances, " running instances"] })) })),
|
|
80
|
-
};
|
|
81
|
-
export const WithRowActions = {
|
|
82
|
-
render: () => (_jsx(DataTable, { rows: ROWS, headers: HEADERS, rowActions: [
|
|
83
|
-
{ label: "Deploy", onClick: (r) => alert(`Deploy ${r.name}`) },
|
|
84
|
-
{
|
|
85
|
-
label: "Delete",
|
|
86
|
-
variant: "destructive",
|
|
87
|
-
onClick: (r) => alert(`Delete ${r.name}`),
|
|
88
|
-
},
|
|
89
|
-
] })),
|
|
90
|
-
};
|
|
91
|
-
export const Loading = {
|
|
92
|
-
render: () => _jsx(DataTable, { rows: [], headers: HEADERS, loading: true }),
|
|
93
|
-
};
|
|
94
|
-
export const Empty = {
|
|
95
|
-
render: () => (_jsx(DataTable, { rows: [], headers: HEADERS, emptyState: _jsxs("span", { children: ["No processes found.", " ", _jsx("a", { href: "#", className: "underline", children: "Deploy one" }), "."] }) })),
|
|
96
|
-
};
|
|
97
|
-
export const Zebra = {
|
|
98
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, zebra: true, isSortable: true }),
|
|
99
|
-
};
|
|
100
|
-
export const SmallSize = {
|
|
101
|
-
render: () => _jsx(DataTable, { rows: ROWS, headers: HEADERS, size: "sm" }),
|
|
102
|
-
};
|
|
103
|
-
//# sourceMappingURL=data-table.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"data-table.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/data-table.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/dropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAS5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Dropdown } from "../dropdown";
|
|
4
|
-
const ITEMS = [
|
|
5
|
-
{ id: "draft", label: "Draft" },
|
|
6
|
-
{ id: "active", label: "Active" },
|
|
7
|
-
{ id: "inactive", label: "Inactive" },
|
|
8
|
-
];
|
|
9
|
-
const meta = {
|
|
10
|
-
title: "Carbon Compat/Dropdown",
|
|
11
|
-
component: Dropdown,
|
|
12
|
-
};
|
|
13
|
-
export default meta;
|
|
14
|
-
export const Default = {
|
|
15
|
-
render: () => {
|
|
16
|
-
const [selected, setSelected] = React.useState(null);
|
|
17
|
-
return (_jsx(Dropdown, { id: "dropdown-demo", titleText: "Status", label: "Select status\u2026", items: ITEMS, selectedItem: selected, onChange: ({ selectedItem }) => setSelected(selectedItem) }));
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export const Disabled = {
|
|
21
|
-
render: () => (_jsx(Dropdown, { id: "dropdown-disabled", titleText: "Status", label: "Select status\u2026", items: ITEMS, disabled: true, onChange: () => undefined })),
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=dropdown.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/dropdown.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,KAAK,GAAG;IACZ,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;IAC/B,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACjC,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;CACtC,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,eAAe,EAClB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,qBAAgB,EACtB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,QAAQ,EACtB,QAAQ,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,GACzD,CACH,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,QAAQ,IACP,EAAE,EAAC,mBAAmB,EACtB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,qBAAgB,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,QACR,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,GACzB,CACH;CACF,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { IconButton } from "../icon-button";
|
|
3
|
-
declare const meta: Meta<typeof IconButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof IconButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Kinds: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
//# sourceMappingURL=icon-button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/icon-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAcjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAiBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Trash2, Plus, Settings } from "lucide-react";
|
|
3
|
-
import { IconButton } from "../icon-button";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Carbon Compat/IconButton",
|
|
6
|
-
component: IconButton,
|
|
7
|
-
argTypes: {
|
|
8
|
-
kind: {
|
|
9
|
-
control: "inline-radio",
|
|
10
|
-
options: ["primary", "secondary", "tertiary", "ghost"],
|
|
11
|
-
},
|
|
12
|
-
disabled: { control: "boolean" },
|
|
13
|
-
},
|
|
14
|
-
args: {
|
|
15
|
-
label: "Delete",
|
|
16
|
-
kind: "ghost",
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export default meta;
|
|
20
|
-
export const Default = {
|
|
21
|
-
args: { children: _jsx(Trash2, {}) },
|
|
22
|
-
};
|
|
23
|
-
export const Kinds = {
|
|
24
|
-
render: () => (_jsxs("div", { className: "flex gap-2", children: [_jsx(IconButton, { kind: "primary", label: "Add", children: _jsx(Plus, {}) }), _jsx(IconButton, { kind: "secondary", label: "Settings", children: _jsx(Settings, {}) }), _jsx(IconButton, { kind: "tertiary", label: "Delete", children: _jsx(Trash2, {}) }), _jsx(IconButton, { kind: "ghost", label: "Delete", children: _jsx(Trash2, {}) })] })),
|
|
25
|
-
};
|
|
26
|
-
export const Disabled = {
|
|
27
|
-
args: { disabled: true, children: _jsx(Trash2, {}) },
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=icon-button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/icon-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,CAAC;SACvD;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAC,MAAM,KAAG,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,UAAU,IAAC,IAAI,EAAC,SAAS,EAAC,KAAK,EAAC,KAAK,YACpC,KAAC,IAAI,KAAG,GACG,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAC,UAAU,YAC3C,KAAC,QAAQ,KAAG,GACD,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,QAAQ,YACxC,KAAC,MAAM,KAAG,GACC,EACb,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,QAAQ,YACrC,KAAC,MAAM,KAAG,GACC,IACT,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAC,MAAM,KAAG,EAAE;CAC/C,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Link } from "../link";
|
|
3
|
-
declare const meta: Meta<typeof Link>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Link>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Small: Story;
|
|
8
|
-
export declare const Large: Story;
|
|
9
|
-
export declare const Disabled: Story;
|
|
10
|
-
export declare const WithIcon: Story;
|
|
11
|
-
//# sourceMappingURL=link.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/link.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAY3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAC5D,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ExternalLink } from "lucide-react";
|
|
2
|
-
import { Link } from "../link";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/Link",
|
|
5
|
-
component: Link,
|
|
6
|
-
argTypes: {
|
|
7
|
-
size: { control: "inline-radio", options: ["sm", "md", "lg"] },
|
|
8
|
-
disabled: { control: "boolean" },
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
href: "#",
|
|
12
|
-
children: "View documentation",
|
|
13
|
-
size: "md",
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {};
|
|
18
|
-
export const Small = { args: { size: "sm" } };
|
|
19
|
-
export const Large = { args: { size: "lg" } };
|
|
20
|
-
export const Disabled = { args: { disabled: true } };
|
|
21
|
-
export const WithIcon = {
|
|
22
|
-
args: { renderIcon: ExternalLink, children: "Open Camunda docs" },
|
|
23
|
-
};
|
|
24
|
-
//# sourceMappingURL=link.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"link.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/link.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE;QAC9D,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,GAAG;QACT,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC;AAC5D,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,mBAAmB,EAAE;CAClE,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Loading } from "../loading";
|
|
3
|
-
declare const meta: Meta<typeof Loading>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Loading>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Small: Story;
|
|
8
|
-
export declare const Inactive: Story;
|
|
9
|
-
//# sourceMappingURL=loading.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loading.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/loading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAe9B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAiC,CAAC;AACtD,eAAO,MAAM,QAAQ,EAAE,KAAmC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Loading } from "../loading";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/Loading",
|
|
4
|
-
component: Loading,
|
|
5
|
-
argTypes: {
|
|
6
|
-
active: { control: "boolean" },
|
|
7
|
-
small: { control: "boolean" },
|
|
8
|
-
withOverlay: { control: "boolean" },
|
|
9
|
-
description: { control: "text" },
|
|
10
|
-
},
|
|
11
|
-
args: {
|
|
12
|
-
active: true,
|
|
13
|
-
small: false,
|
|
14
|
-
withOverlay: false,
|
|
15
|
-
description: "Loading",
|
|
16
|
-
},
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Default = {};
|
|
20
|
-
export const Small = { args: { small: true } };
|
|
21
|
-
export const Inactive = { args: { active: false } };
|
|
22
|
-
//# sourceMappingURL=loading.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loading.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/loading.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC9B,KAAK,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC7B,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KACjC;IACD,IAAI,EAAE;QACJ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,KAAK;QAClB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;AACtD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { MenuButton } from "../menu-button";
|
|
3
|
-
declare const meta: Meta<typeof MenuButton>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MenuButton>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Ghost: Story;
|
|
8
|
-
//# sourceMappingURL=menu-button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/menu-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAY,MAAM,gBAAgB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAWjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { MenuButton, MenuItem } from "../menu-button";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/MenuButton",
|
|
5
|
-
component: MenuButton,
|
|
6
|
-
argTypes: {
|
|
7
|
-
kind: {
|
|
8
|
-
control: "inline-radio",
|
|
9
|
-
options: ["primary", "tertiary", "ghost"],
|
|
10
|
-
},
|
|
11
|
-
disabled: { control: "boolean" },
|
|
12
|
-
},
|
|
13
|
-
args: { label: "Actions", kind: "primary" },
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {
|
|
17
|
-
render: (args) => (_jsxs(MenuButton, { ...args, children: [_jsx(MenuItem, { label: "Edit" }), _jsx(MenuItem, { label: "Duplicate" }), _jsx(MenuItem, { label: "Delete", kind: "danger" })] })),
|
|
18
|
-
};
|
|
19
|
-
export const Ghost = {
|
|
20
|
-
render: () => (_jsxs(MenuButton, { kind: "ghost", label: "More actions", children: [_jsx(MenuItem, { label: "Export" }), _jsx(MenuItem, { label: "Archive" })] })),
|
|
21
|
-
};
|
|
22
|
-
//# sourceMappingURL=menu-button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/menu-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAEtD,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;SAC1C;QACD,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACjC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE;CAC5C,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,UAAU,OAAK,IAAI,aAClB,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,GAAG,EACzB,KAAC,QAAQ,IAAC,KAAK,EAAC,WAAW,GAAG,EAC9B,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,GAAG,IAC9B,CACd;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,cAAc,aAC3C,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC3B,KAAC,QAAQ,IAAC,KAAK,EAAC,SAAS,GAAG,IACjB,CACd;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 Danger: Story;
|
|
7
|
-
export declare const Passive: Story;
|
|
8
|
-
//# sourceMappingURL=modal.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Modal } from "../modal";
|
|
4
|
-
import { Button } from "../button";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Carbon Compat/Modal",
|
|
7
|
-
component: Modal,
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
export const Default = {
|
|
11
|
-
render: () => {
|
|
12
|
-
const [open, setOpen] = React.useState(false);
|
|
13
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "primary", onClick: () => setOpen(true), children: "Open modal" }), _jsx(Modal, { open: open, modalHeading: "Delete process", modalLabel: "Confirmation", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), onSecondarySubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export const Danger = {
|
|
17
|
-
render: () => {
|
|
18
|
-
const [open, setOpen] = React.useState(false);
|
|
19
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "danger", onClick: () => setOpen(true), children: "Delete process" }), _jsx(Modal, { open: open, danger: true, modalHeading: "Delete process", primaryButtonText: "Delete", secondaryButtonText: "Cancel", onRequestClose: () => setOpen(false), onRequestSubmit: () => setOpen(false), children: "This process will be permanently deleted. This action cannot be undone." })] }));
|
|
20
|
-
},
|
|
21
|
-
};
|
|
22
|
-
export const Passive = {
|
|
23
|
-
render: () => {
|
|
24
|
-
const [open, setOpen] = React.useState(false);
|
|
25
|
-
return (_jsxs(_Fragment, { children: [_jsx(Button, { kind: "secondary", onClick: () => setOpen(true), children: "Open info modal" }), _jsx(Modal, { open: open, passiveModal: true, modalHeading: "About this feature", onRequestClose: () => setOpen(false), children: "This feature lets you model BPMN processes visually and deploy them directly to Zeebe." })] }));
|
|
26
|
-
},
|
|
27
|
-
};
|
|
28
|
-
//# sourceMappingURL=modal.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modal.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/modal.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;CACjB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,SAAS,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,2BAE1C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,gBAAgB,EAC7B,UAAU,EAAC,cAAc,EACzB,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACrC,iBAAiB,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAIjC,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,+BAEzC,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,MAAM,QACN,YAAY,EAAC,gBAAgB,EAC7B,iBAAiB,EAAC,QAAQ,EAC1B,mBAAmB,EAAC,QAAQ,EAC5B,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,eAAe,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,wFAI/B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gCAE5C,EACT,KAAC,KAAK,IACJ,IAAI,EAAE,IAAI,EACV,YAAY,QACZ,YAAY,EAAC,oBAAoB,EACjC,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,uGAI9B,IACP,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/overflow-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { OverflowMenu, OverflowMenuItem } from "../overflow-menu";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/OverflowMenu",
|
|
5
|
-
component: OverflowMenu,
|
|
6
|
-
};
|
|
7
|
-
export default meta;
|
|
8
|
-
export const Default = {
|
|
9
|
-
render: () => (_jsxs(OverflowMenu, { "aria-label": "Row actions", children: [_jsx(OverflowMenuItem, { itemText: "Edit" }), _jsx(OverflowMenuItem, { itemText: "Duplicate" }), _jsx(OverflowMenuItem, { itemText: "Delete", isDelete: true, hasDivider: true })] })),
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=overflow-menu.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/overflow-menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,YAAY;CACxB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,YAAY,kBAAY,aAAa,aACpC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,MAAM,GAAG,EACpC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,WAAW,GAAG,EACzC,KAAC,gBAAgB,IAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,QAAC,UAAU,SAAG,IAC7C,CAChB;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/popover.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAsBrB,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Popover, PopoverContent } from "../popover";
|
|
4
|
-
import { Button } from "../button";
|
|
5
|
-
const meta = {
|
|
6
|
-
title: "Carbon Compat/Popover",
|
|
7
|
-
component: Popover,
|
|
8
|
-
};
|
|
9
|
-
export default meta;
|
|
10
|
-
export const Default = {
|
|
11
|
-
render: () => {
|
|
12
|
-
const [open, setOpen] = React.useState(false);
|
|
13
|
-
return (_jsxs("div", { className: "relative inline-flex", children: [_jsx(Button, { kind: "secondary", onClick: () => setOpen((v) => !v), children: "Toggle popover" }), _jsx(Popover, { open: open, onRequestClose: () => setOpen(false), align: "bottom", children: _jsx(PopoverContent, { children: _jsx("p", { className: "text-sm", children: "Popover content rendered via Carbon Popover adapter." }) }) })] }));
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
//# sourceMappingURL=popover.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"popover.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/popover.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,OAAO;CACnB,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,+BAEjD,EACT,KAAC,OAAO,IACN,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EACpC,KAAK,EAAC,QAAQ,YAEd,KAAC,cAAc,cACb,YAAG,SAAS,EAAC,SAAS,qEAElB,GACW,GACT,IACN,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { ProgressBar } from "../progress-bar";
|
|
3
|
-
declare const meta: Meta<typeof ProgressBar>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof ProgressBar>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithHelper: Story;
|
|
8
|
-
export declare const Small: Story;
|
|
9
|
-
export declare const Finished: Story;
|
|
10
|
-
export declare const Error: Story;
|
|
11
|
-
//# sourceMappingURL=progress-bar.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/progress-bar.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,CAYlC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,WAAW,CAAC,CAAC;AAE1C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,UAAU,EAAE,KAAiD,CAAC;AAC3E,eAAO,MAAM,KAAK,EAAE,KAAmC,CAAC;AACxD,eAAO,MAAM,QAAQ,EAAE,KAAoD,CAAC;AAC5E,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { ProgressBar } from "../progress-bar";
|
|
2
|
-
const meta = {
|
|
3
|
-
title: "Carbon Compat/ProgressBar",
|
|
4
|
-
component: ProgressBar,
|
|
5
|
-
argTypes: {
|
|
6
|
-
size: { control: "inline-radio", options: ["small", "big"] },
|
|
7
|
-
status: {
|
|
8
|
-
control: "inline-radio",
|
|
9
|
-
options: ["active", "finished", "error"],
|
|
10
|
-
},
|
|
11
|
-
hideLabel: { control: "boolean" },
|
|
12
|
-
},
|
|
13
|
-
args: { label: "Uploading…", value: 60, max: 100 },
|
|
14
|
-
};
|
|
15
|
-
export default meta;
|
|
16
|
-
export const Default = {};
|
|
17
|
-
export const WithHelper = { args: { helperText: "12 MB / 20 MB" } };
|
|
18
|
-
export const Small = { args: { size: "small" } };
|
|
19
|
-
export const Finished = { args: { status: "finished", value: 100 } };
|
|
20
|
-
export const Error = {
|
|
21
|
-
args: { status: "error", value: 40, helperText: "Upload failed" },
|
|
22
|
-
};
|
|
23
|
-
//# sourceMappingURL=progress-bar.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"progress-bar.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/progress-bar.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,OAAO,EAAE,KAAK,CAAC,EAAE;QAC5D,MAAM,EAAE;YACN,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,EAAE,OAAO,CAAC;SACzC;QACD,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAClC;IACD,IAAI,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE;CACnD,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC;AAC3E,MAAM,CAAC,MAAM,KAAK,GAAU,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,CAAC;AACxD,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC;AAC5E,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,UAAU,EAAE,eAAe,EAAE;CAClE,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { RadioButtonGroup } from "../radio-button";
|
|
3
|
-
declare const meta: Meta<typeof RadioButtonGroup>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof RadioButtonGroup>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Horizontal: Story;
|
|
8
|
-
export declare const Disabled: Story;
|
|
9
|
-
export declare const NoLegend: Story;
|
|
10
|
-
export declare const DisabledItem: Story;
|
|
11
|
-
//# sourceMappingURL=radio-button.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/radio-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAe,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAmBvC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,UAAU,EAAE,KAA+C,CAAC;AACzE,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAC5D,eAAO,MAAM,QAAQ,EAAE,KAA2C,CAAC;AACnE,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { RadioButton, RadioButtonGroup } from "../radio-button";
|
|
3
|
-
const meta = {
|
|
4
|
-
title: "Carbon Compat/RadioButton",
|
|
5
|
-
component: RadioButtonGroup,
|
|
6
|
-
argTypes: {
|
|
7
|
-
disabled: { control: "boolean" },
|
|
8
|
-
orientation: { control: "radio", options: ["vertical", "horizontal"] },
|
|
9
|
-
},
|
|
10
|
-
args: {
|
|
11
|
-
name: "demo-group",
|
|
12
|
-
legendText: "Select an option",
|
|
13
|
-
defaultSelected: "option-a",
|
|
14
|
-
},
|
|
15
|
-
render: (args) => (_jsxs(RadioButtonGroup, { ...args, children: [_jsx(RadioButton, { value: "option-a", labelText: "Option A", id: "option-a" }), _jsx(RadioButton, { value: "option-b", labelText: "Option B", id: "option-b" }), _jsx(RadioButton, { value: "option-c", labelText: "Option C", id: "option-c" })] })),
|
|
16
|
-
};
|
|
17
|
-
export default meta;
|
|
18
|
-
export const Default = {};
|
|
19
|
-
export const Horizontal = { args: { orientation: "horizontal" } };
|
|
20
|
-
export const Disabled = { args: { disabled: true } };
|
|
21
|
-
export const NoLegend = { args: { legendText: undefined } };
|
|
22
|
-
export const DisabledItem = {
|
|
23
|
-
render: (args) => (_jsxs(RadioButtonGroup, { ...args, children: [_jsx(RadioButton, { value: "option-a", labelText: "Option A", id: "option-a" }), _jsx(RadioButton, { value: "option-b", labelText: "Option B (disabled)", id: "option-b", disabled: true }), _jsx(RadioButton, { value: "option-c", labelText: "Option C", id: "option-c" })] })),
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=radio-button.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.stories.js","sourceRoot":"","sources":["../../../carbon-compat/stories/radio-button.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,IAAI,GAAkC;IAC1C,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,gBAAgB;IAC3B,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,WAAW,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EAAE;KACvE;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,YAAY;QAClB,UAAU,EAAE,kBAAkB;QAC9B,eAAe,EAAE,UAAU;KAC5B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,gBAAgB,OAAK,IAAI,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,IAClD,CACpB;CACF,CAAC;AACF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,CAAC;AACjC,MAAM,CAAC,MAAM,UAAU,GAAU,EAAE,IAAI,EAAE,EAAE,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC;AACzE,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,CAAC;AAC5D,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,CAAC;AACnE,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,gBAAgB,OAAK,IAAI,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,EACnE,KAAC,WAAW,IACV,KAAK,EAAC,UAAU,EAChB,SAAS,EAAC,qBAAqB,EAC/B,EAAE,EAAC,UAAU,EACb,QAAQ,SACR,EACF,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,GAAG,IAClD,CACpB;CACF,CAAC"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from "@storybook/react-vite";
|
|
2
|
-
import { Search } from "../search";
|
|
3
|
-
declare const meta: Meta<typeof Search>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof Search>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Small: Story;
|
|
8
|
-
export declare const Large: Story;
|
|
9
|
-
export declare const Disabled: Story;
|
|
10
|
-
export declare const WithDefaultValue: Story;
|
|
11
|
-
export declare const Controlled: Story;
|
|
12
|
-
//# sourceMappingURL=search.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search.stories.d.ts","sourceRoot":"","sources":["../../../carbon-compat/stories/search.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AACjC,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,KAAK,EAAE,KAAgC,CAAC;AACrD,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAC5D,eAAO,MAAM,gBAAgB,EAAE,KAE9B,CAAC;AAeF,eAAO,MAAM,UAAU,EAAE,KAA8C,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { Search } from "../search";
|
|
4
|
-
const meta = {
|
|
5
|
-
title: "Carbon Compat/Search",
|
|
6
|
-
component: Search,
|
|
7
|
-
argTypes: {
|
|
8
|
-
size: { control: "inline-radio", options: ["sm", "md", "lg"] },
|
|
9
|
-
disabled: { control: "boolean" },
|
|
10
|
-
},
|
|
11
|
-
args: {
|
|
12
|
-
labelText: "Search clusters",
|
|
13
|
-
placeholder: "Filter by name or ID",
|
|
14
|
-
size: "md",
|
|
15
|
-
},
|
|
16
|
-
decorators: [(Story) => _jsx("div", { className: "w-80", children: Story() })],
|
|
17
|
-
};
|
|
18
|
-
export default meta;
|
|
19
|
-
export const Default = {};
|
|
20
|
-
export const Small = { args: { size: "sm" } };
|
|
21
|
-
export const Large = { args: { size: "lg" } };
|
|
22
|
-
export const Disabled = { args: { disabled: true } };
|
|
23
|
-
export const WithDefaultValue = {
|
|
24
|
-
args: { defaultValue: "production" },
|
|
25
|
-
};
|
|
26
|
-
const ControlledSearch = () => {
|
|
27
|
-
const [value, setValue] = useState("");
|
|
28
|
-
return (_jsx(Search, { labelText: "Controlled search", placeholder: "Type to filter", value: value, onChange: (e) => setValue(e.target.value), onClear: () => setValue("") }));
|
|
29
|
-
};
|
|
30
|
-
export const Controlled = { render: () => _jsx(ControlledSearch, {}) };
|
|
31
|
-
//# sourceMappingURL=search.stories.js.map
|