@graphenedata/cli 0.0.3 → 0.0.5
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/cli.ts +7 -43
- package/dist/cli/cli.js +509 -277
- package/dist/docs/graphene.md +924 -63
- package/dist/ui/component-utilities/echarts.js +3 -1
- package/dist/ui/component-utilities/themeStores.ts +35 -7
- package/dist/ui/components/AreaChart.svelte +2 -1
- package/dist/ui/components/BarChart.svelte +2 -1
- package/dist/ui/components/BigValue.svelte +1 -1
- package/dist/ui/components/Chart.svelte +10 -1
- package/dist/ui/components/ECharts.svelte +2 -0
- package/dist/ui/components/LineChart.svelte +2 -1
- package/dist/ui/components/PieChart.svelte +1 -1
- package/dist/ui/components/QueryLoad.svelte +5 -6
- package/dist/ui/components/TableRow.svelte +1 -1
- package/dist/ui/components/_Table.svelte +2 -0
- package/dist/ui/internal/queryEngine.ts +16 -13
- package/dist/ui/internal/telemetry.ts +5 -3
- package/dist/ui/web.js +26 -11
- package/package.json +2 -1
- package/dist/docs/data_apps/components/charts/annotations.md +0 -673
- package/dist/docs/data_apps/components/charts/area-chart.md +0 -202
- package/dist/docs/data_apps/components/charts/bar-chart.md +0 -317
- package/dist/docs/data_apps/components/charts/box-plot.md +0 -190
- package/dist/docs/data_apps/components/charts/bubble-chart.md +0 -151
- package/dist/docs/data_apps/components/charts/calendar-heatmap.md +0 -112
- package/dist/docs/data_apps/components/charts/custom-echarts.md +0 -308
- package/dist/docs/data_apps/components/charts/echarts-options.md +0 -217
- package/dist/docs/data_apps/components/charts/funnel-chart.md +0 -106
- package/dist/docs/data_apps/components/charts/heatmap.md +0 -180
- package/dist/docs/data_apps/components/charts/histogram.md +0 -107
- package/dist/docs/data_apps/components/charts/line-chart.md +0 -265
- package/dist/docs/data_apps/components/charts/mixed-type-charts.md +0 -240
- package/dist/docs/data_apps/components/charts/sankey-diagram.md +0 -301
- package/dist/docs/data_apps/components/charts/scatter-plot.md +0 -134
- package/dist/docs/data_apps/components/charts/sparkline.md +0 -68
- package/dist/docs/data_apps/components/data/big-value.md +0 -153
- package/dist/docs/data_apps/components/data/delta.md +0 -89
- package/dist/docs/data_apps/components/data/table.md +0 -470
- package/dist/docs/data_apps/components/data/value.md +0 -97
- package/dist/docs/data_apps/components/inputs/button-group.md +0 -154
- package/dist/docs/data_apps/components/inputs/checkbox.md +0 -52
- package/dist/docs/data_apps/components/inputs/date-input.md +0 -131
- package/dist/docs/data_apps/components/inputs/date-range.md +0 -124
- package/dist/docs/data_apps/components/inputs/dimension-grid.md +0 -67
- package/dist/docs/data_apps/components/inputs/dropdown.md +0 -199
- package/dist/docs/data_apps/components/inputs/index.md +0 -3
- package/dist/docs/data_apps/components/inputs/slider.md +0 -126
- package/dist/docs/data_apps/components/inputs/text-input.md +0 -86
- package/dist/docs/data_apps/components/maps/area-map.md +0 -397
- package/dist/docs/data_apps/components/maps/base-map.md +0 -269
- package/dist/docs/data_apps/components/maps/bubble-map.md +0 -361
- package/dist/docs/data_apps/components/maps/point-map.md +0 -326
- package/dist/docs/data_apps/components/maps/us-map.md +0 -167
- package/dist/docs/data_apps/components/ui/accordion.md +0 -116
- package/dist/docs/data_apps/components/ui/alert.md +0 -37
- package/dist/docs/data_apps/components/ui/big-link.md +0 -19
- package/dist/docs/data_apps/components/ui/details.md +0 -58
- package/dist/docs/data_apps/components/ui/download-data.md +0 -41
- package/dist/docs/data_apps/components/ui/embed.md +0 -47
- package/dist/docs/data_apps/components/ui/grid.md +0 -45
- package/dist/docs/data_apps/components/ui/image.md +0 -61
- package/dist/docs/data_apps/components/ui/info.md +0 -47
- package/dist/docs/data_apps/components/ui/last-refreshed.md +0 -28
- package/dist/docs/data_apps/components/ui/link-button.md +0 -20
- package/dist/docs/data_apps/components/ui/link.md +0 -40
- package/dist/docs/data_apps/components/ui/modal.md +0 -57
- package/dist/docs/data_apps/components/ui/note.md +0 -32
- package/dist/docs/data_apps/components/ui/print-format-components.md +0 -85
- package/dist/docs/data_apps/components/ui/tabs.md +0 -122
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Link
|
|
3
|
-
description: Add an inline link into your markdown
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
> **Note:** You can also use [markdown syntax for links](/reference/markdown#links). This component is useful when you need to customize the behavior or styling of the link (e.g., opening in new tab vs. current tab)
|
|
7
|
-
|
|
8
|
-
Use the `Link` component to add styled and accessible links to your markdown pages. This component allows you to control the destination URL, link text, and whether it opens in a new tab.
|
|
9
|
-
|
|
10
|
-
## Default usage
|
|
11
|
-
|
|
12
|
-
**Example:**
|
|
13
|
-
|
|
14
|
-
```markdown
|
|
15
|
-
<Link
|
|
16
|
-
url="https://github.com/evidence-dev/evidence"
|
|
17
|
-
label="Visit Example"
|
|
18
|
-
/>
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
### Open in a new tab
|
|
22
|
-
|
|
23
|
-
**Example:**
|
|
24
|
-
|
|
25
|
-
```markdown
|
|
26
|
-
<Link
|
|
27
|
-
url="https://github.com/evidence-dev/evidence"
|
|
28
|
-
label="Visit Example"
|
|
29
|
-
newTab=true
|
|
30
|
-
/>
|
|
31
|
-
```
|
|
32
|
-
|
|
33
|
-
## Options
|
|
34
|
-
|
|
35
|
-
| Property | Description | Required | Options | Default |
|
|
36
|
-
|----------|-------------|----------|---------|---------|
|
|
37
|
-
| url | The destination URL of the link. It can accept either a full external link (e.g. `https://google.com`) or link to another page within your evidence app (e.g. `/sales/performance`). | true | string | - |
|
|
38
|
-
| label | The text displayed for the link. | false | string | Click here |
|
|
39
|
-
| newTab | Whether the link should open in a new tab | false | true, false | false |
|
|
40
|
-
| class | Pass custom classes to style the link. Supports [Tailwind classes](https://tailwindcss.com). | false | string | - |
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Modal
|
|
3
|
-
description: Display a pop-up dialog when a button is clicked.
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
**Example:**
|
|
7
|
-
|
|
8
|
-
```markdown
|
|
9
|
-
<Modal title="Title" buttonText='Open Modal'>
|
|
10
|
-
|
|
11
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
12
|
-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|
|
13
|
-
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
|
|
14
|
-
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
|
15
|
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
|
|
16
|
-
|
|
17
|
-
</Modal>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
## Styling
|
|
21
|
-
|
|
22
|
-
Modals support markdown in the body, but you need to leave whitespace between the text and the modal tags.
|
|
23
|
-
|
|
24
|
-
**Example:**
|
|
25
|
-
|
|
26
|
-
```markdown
|
|
27
|
-
<Modal title="Title" buttonText='Open Modal'>
|
|
28
|
-
|
|
29
|
-
**bold** and _italic_ text is supported.
|
|
30
|
-
|
|
31
|
-
</Modal>
|
|
32
|
-
```
|
|
33
|
-
|
|
34
|
-
## Including Components
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
You can include components inside a Modal, like charts or tables:
|
|
38
|
-
|
|
39
|
-
**Example:**
|
|
40
|
-
|
|
41
|
-
```svelte
|
|
42
|
-
<Modal title='Chart Example' buttonText='Click to See Chart'>
|
|
43
|
-
<LineChart
|
|
44
|
-
data="orders_by_month"
|
|
45
|
-
x=order_month
|
|
46
|
-
y=sales_usd0k
|
|
47
|
-
/>
|
|
48
|
-
</Modal>
|
|
49
|
-
```
|
|
50
|
-
|
|
51
|
-
## Options
|
|
52
|
-
|
|
53
|
-
| Property | Description | Required | Options | Default |
|
|
54
|
-
|----------|-------------|----------|---------|---------|
|
|
55
|
-
| buttonText | The text displayed on the button that triggers the modal. | true | string | - |
|
|
56
|
-
| title | The title of the modal. Visible at the top of the modal when it is open | false | string | - |
|
|
57
|
-
| open | A boolean value that determines whether the modal is closed by default. | false | true, false | false |
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Note
|
|
3
|
-
description: Display smaller text for definitions, notes, and footnotes
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Use the `Note` component to display small, styled text for additional context or information
|
|
7
|
-
|
|
8
|
-
## Default usage
|
|
9
|
-
|
|
10
|
-
**Example:**
|
|
11
|
-
|
|
12
|
-
```markdown
|
|
13
|
-
<Note>
|
|
14
|
-
This is a note for additional context.
|
|
15
|
-
</Note>
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
### Custom styling
|
|
19
|
-
|
|
20
|
-
**Example:**
|
|
21
|
-
|
|
22
|
-
```markdown
|
|
23
|
-
<Note class="text-negative">
|
|
24
|
-
This is a custom-styled note.
|
|
25
|
-
</Note>
|
|
26
|
-
```
|
|
27
|
-
|
|
28
|
-
## Options
|
|
29
|
-
|
|
30
|
-
| Property | Description | Options |
|
|
31
|
-
|----------|-------------|---------|
|
|
32
|
-
| class | Pass custom classes to style the note. Supports [Tailwind classes](https://tailwindcss.com). | string |
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Print Format Components
|
|
3
|
-
description: Format your report content for PDF export or printing.
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
These components can be used to format your report content for PDF export or printing.
|
|
7
|
-
|
|
8
|
-
## LineBreak
|
|
9
|
-
Inserts a line break on the page (in the UI as well as on print).
|
|
10
|
-
|
|
11
|
-
This can be helpful when working with many input components (filters, dropdowns, etc.)
|
|
12
|
-
|
|
13
|
-
```html
|
|
14
|
-
Text on original line <LineBreak/> Text on new line
|
|
15
|
-
```
|
|
16
|
-
|
|
17
|
-
### Options
|
|
18
|
-
|
|
19
|
-
| Name | Description | Required | Options | Default |
|
|
20
|
-
|------|-------------|----------|---------|---------|
|
|
21
|
-
| lines | Number of line breaks to insert | false | number | 1 |
|
|
22
|
-
|
|
23
|
-
## PageBreak
|
|
24
|
-
On print, inserts a page break - pushing the next content onto the start of a new page.
|
|
25
|
-
|
|
26
|
-
```html
|
|
27
|
-
The purple line chart in this section will print on a new page.
|
|
28
|
-
|
|
29
|
-
<LineChart
|
|
30
|
-
data="orders_by_month"
|
|
31
|
-
x=month
|
|
32
|
-
y=sales_usd0k
|
|
33
|
-
/>
|
|
34
|
-
|
|
35
|
-
<PageBreak/>
|
|
36
|
-
|
|
37
|
-
<LineChart
|
|
38
|
-
data="orders_by_month"
|
|
39
|
-
x=month
|
|
40
|
-
y=sales_usd0k
|
|
41
|
-
lineColor=purple
|
|
42
|
-
/>
|
|
43
|
-
|
|
44
|
-
```
|
|
45
|
-
|
|
46
|
-
## PrintGroup
|
|
47
|
-
- Combines content to be printed on the same page if possible
|
|
48
|
-
- Offers a `hidden` prop. If `true`, the content within the PrintGroup will not be printed
|
|
49
|
-
|
|
50
|
-
```html
|
|
51
|
-
<PrintGroup>
|
|
52
|
-
|
|
53
|
-
The 2 heatmaps below will be printed on the same page if possible
|
|
54
|
-
|
|
55
|
-
<Heatmap data="item_channel" x=channel y=item value=orders/>
|
|
56
|
-
<Heatmap data="item_channel" x=channel y=item value=orders/>
|
|
57
|
-
</PrintGroup>
|
|
58
|
-
```
|
|
59
|
-
|
|
60
|
-
### `hidden=true`
|
|
61
|
-
|
|
62
|
-
```html
|
|
63
|
-
The purple line chart will be hidden on print
|
|
64
|
-
|
|
65
|
-
<LineChart
|
|
66
|
-
data="orders_by_month"
|
|
67
|
-
x=month
|
|
68
|
-
y=sales_usd0k
|
|
69
|
-
/>
|
|
70
|
-
|
|
71
|
-
<PrintGroup hidden=true>
|
|
72
|
-
<LineChart
|
|
73
|
-
data="orders_by_month"
|
|
74
|
-
x=month
|
|
75
|
-
y=sales_usd0k
|
|
76
|
-
lineColor=purple
|
|
77
|
-
/>
|
|
78
|
-
</PrintGroup>
|
|
79
|
-
```
|
|
80
|
-
|
|
81
|
-
### Options
|
|
82
|
-
|
|
83
|
-
| Name | Description | Required | Options | Default |
|
|
84
|
-
|------|-------------|----------|---------|---------|
|
|
85
|
-
| hidden | If true, the content within the PrintGroup will not be printed | false | ['true', 'false'] | 'false' |
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: Tabs
|
|
3
|
-
description: Organize content across multiple panes.
|
|
4
|
-
---
|
|
5
|
-
|
|
6
|
-
Use Tabs to organize content across multiple panes.
|
|
7
|
-
|
|
8
|
-
**Example:**
|
|
9
|
-
|
|
10
|
-
```markdown
|
|
11
|
-
<Tabs>
|
|
12
|
-
<Tab label="First Tab">
|
|
13
|
-
Content of the First Tab
|
|
14
|
-
|
|
15
|
-
You can use **markdown** here too!
|
|
16
|
-
</Tab>
|
|
17
|
-
<Tab label="Second Tab">
|
|
18
|
-
Content of the Second Tab
|
|
19
|
-
|
|
20
|
-
Here's a [link](https://www.google.com)
|
|
21
|
-
</Tab>
|
|
22
|
-
</Tabs>
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
## Examples
|
|
26
|
-
|
|
27
|
-
### Full Width
|
|
28
|
-
|
|
29
|
-
**Example:**
|
|
30
|
-
|
|
31
|
-
```markdown
|
|
32
|
-
<Tabs fullWidth=true>
|
|
33
|
-
<Tab label="First Tab">
|
|
34
|
-
Content of the First Tab
|
|
35
|
-
</Tab>
|
|
36
|
-
<Tab label="Second Tab">
|
|
37
|
-
Content of the Second Tab
|
|
38
|
-
</Tab>
|
|
39
|
-
</Tabs>
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
### Theme Color
|
|
43
|
-
|
|
44
|
-
**Example:**
|
|
45
|
-
|
|
46
|
-
```markdown
|
|
47
|
-
<Tabs color=primary>
|
|
48
|
-
<Tab label="Primary Tabs">
|
|
49
|
-
Content of the First Tab
|
|
50
|
-
</Tab>
|
|
51
|
-
<Tab label="Second Tab">
|
|
52
|
-
Content of the Second Tab
|
|
53
|
-
</Tab>
|
|
54
|
-
</Tabs>
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
### Custom Color
|
|
58
|
-
|
|
59
|
-
**Example:**
|
|
60
|
-
|
|
61
|
-
```markdown
|
|
62
|
-
<Tabs color=#ff0000>
|
|
63
|
-
<Tab label="Red Tabs">
|
|
64
|
-
Content of the First Tab
|
|
65
|
-
</Tab>
|
|
66
|
-
<Tab label="Second Tab">
|
|
67
|
-
Content of the Second Tab
|
|
68
|
-
</Tab>
|
|
69
|
-
</Tabs>
|
|
70
|
-
```
|
|
71
|
-
|
|
72
|
-
### Background Color
|
|
73
|
-
|
|
74
|
-
**Example:**
|
|
75
|
-
|
|
76
|
-
```markdown
|
|
77
|
-
<Tabs background=true>
|
|
78
|
-
<Tab label="First Tab">
|
|
79
|
-
Content of the First Tab
|
|
80
|
-
</Tab>
|
|
81
|
-
<Tab label="Second Tab">
|
|
82
|
-
Content of the Second Tab
|
|
83
|
-
</Tab>
|
|
84
|
-
</Tabs>
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
### Persist Selected Tab to URL
|
|
88
|
-
|
|
89
|
-
**Example:**
|
|
90
|
-
|
|
91
|
-
```markdown
|
|
92
|
-
<Tabs id="example-tab">
|
|
93
|
-
<Tab label="One">
|
|
94
|
-
Click Second id Tab and notice the the url updates!
|
|
95
|
-
</Tab>
|
|
96
|
-
<Tab label="Two">
|
|
97
|
-
Refresh the page and the tab you selected persists!
|
|
98
|
-
</Tab>
|
|
99
|
-
</Tabs>
|
|
100
|
-
```
|
|
101
|
-
|
|
102
|
-
# Tabs
|
|
103
|
-
|
|
104
|
-
## Options
|
|
105
|
-
|
|
106
|
-
| Property | Description | Options | Default |
|
|
107
|
-
|----------|-------------|---------|---------|
|
|
108
|
-
| id | Unique Id for this set of tabs. When set, the selected tab is included in the URL so it can be shared. | string | - |
|
|
109
|
-
| color | Color for the active tab. Accepts theme tokens | Any valid hex, rgb, or hsl string | base-content |
|
|
110
|
-
| fullWidth | Tabs take up full width of page | true, false | false |
|
|
111
|
-
| background | Include background color on active tab. Color is automatically determined based on `color` prop | true, false | false |
|
|
112
|
-
|
|
113
|
-
# Tab
|
|
114
|
-
|
|
115
|
-
## Options
|
|
116
|
-
|
|
117
|
-
| Property | Description | Required | Options | Default |
|
|
118
|
-
|----------|-------------|----------|---------|---------|
|
|
119
|
-
| label | Label for the tab | true | string | - |
|
|
120
|
-
| id | Unique Id for this tab. Only needed if 2 tabs have the same label (not recommended). | false | string | - |
|
|
121
|
-
| printShowAll | On print/PDF, the Tabs will repeat to show all content by default. Turn this off to leave the component collapsed in print. | false | true, false | true |
|
|
122
|
-
| description | Adds an info icon with description tooltip on hover | false | string | - |
|