@multiplatform.one/components 7.81.1 → 7.82.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/cjs/charts/BarChart.cjs +1 -0
- package/dist/cjs/charts/BarChart.native.js +1 -0
- package/dist/cjs/charts/BarChart.native.js.map +1 -1
- package/dist/cjs/charts/ChartDataView.cjs +89 -9
- package/dist/cjs/charts/ChartDataView.native.js +94 -9
- package/dist/cjs/charts/ChartDataView.native.js.map +1 -1
- package/dist/cjs/charts/ChartSurface.cjs +26 -8
- package/dist/cjs/charts/ChartSurface.native.js +27 -9
- package/dist/cjs/charts/ChartSurface.native.js.map +1 -1
- package/dist/cjs/charts/chartHeight.cjs +1 -1
- package/dist/cjs/charts/chartHeight.native.js +1 -1
- package/dist/cjs/charts/chartHeight.native.js.map +1 -1
- package/dist/cjs/charts/composeChart.cjs +1 -1
- package/dist/cjs/charts/composeChart.native.js +1 -1
- package/dist/cjs/charts/composeChart.native.js.map +1 -1
- package/dist/cjs/code/CodeBlock/index.cjs +38 -31
- package/dist/cjs/code/CodeBlock/index.native.js +38 -31
- package/dist/cjs/code/CodeBlock/index.native.js.map +1 -1
- package/dist/cjs/code/LogView.cjs +142 -0
- package/dist/cjs/code/LogView.native.js +151 -0
- package/dist/cjs/code/LogView.native.js.map +1 -0
- package/dist/cjs/code/index.cjs +2 -1
- package/dist/cjs/code/index.native.js +1 -0
- package/dist/cjs/code/index.native.js.map +1 -1
- package/dist/cjs/layouts/EmptyState.cjs +9 -43
- package/dist/cjs/layouts/EmptyState.native.js +9 -45
- package/dist/cjs/layouts/EmptyState.native.js.map +1 -1
- package/dist/cjs/layouts/PageTemplates.cjs +61 -0
- package/dist/cjs/layouts/PageTemplates.native.js +62 -0
- package/dist/cjs/layouts/PageTemplates.native.js.map +1 -1
- package/dist/cjs/layouts/barTitleSpan.cjs +54 -0
- package/dist/cjs/layouts/barTitleSpan.native.js +78 -0
- package/dist/cjs/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/cjs/layouts/page.cjs +130 -41
- package/dist/cjs/layouts/page.native.js +143 -45
- package/dist/cjs/layouts/page.native.js.map +1 -1
- package/dist/cjs/views/ImageGrid.cjs +9 -0
- package/dist/cjs/views/ImageGrid.native.js +12 -1
- package/dist/cjs/views/ImageGrid.native.js.map +1 -1
- package/dist/esm/charts/BarChart.mjs +1 -0
- package/dist/esm/charts/BarChart.mjs.map +1 -1
- package/dist/esm/charts/BarChart.native.js +1 -0
- package/dist/esm/charts/BarChart.native.js.map +1 -1
- package/dist/esm/charts/ChartDataView.mjs +83 -3
- package/dist/esm/charts/ChartDataView.mjs.map +1 -1
- package/dist/esm/charts/ChartDataView.native.js +88 -3
- package/dist/esm/charts/ChartDataView.native.js.map +1 -1
- package/dist/esm/charts/ChartSurface.mjs +26 -8
- package/dist/esm/charts/ChartSurface.mjs.map +1 -1
- package/dist/esm/charts/ChartSurface.native.js +27 -9
- package/dist/esm/charts/ChartSurface.native.js.map +1 -1
- package/dist/esm/charts/chartHeight.mjs +1 -1
- package/dist/esm/charts/chartHeight.mjs.map +1 -1
- package/dist/esm/charts/chartHeight.native.js +1 -1
- package/dist/esm/charts/chartHeight.native.js.map +1 -1
- package/dist/esm/charts/composeChart.mjs +1 -1
- package/dist/esm/charts/composeChart.mjs.map +1 -1
- package/dist/esm/charts/composeChart.native.js +1 -1
- package/dist/esm/charts/composeChart.native.js.map +1 -1
- package/dist/esm/code/CodeBlock/index.mjs +39 -32
- package/dist/esm/code/CodeBlock/index.mjs.map +1 -1
- package/dist/esm/code/CodeBlock/index.native.js +39 -32
- package/dist/esm/code/CodeBlock/index.native.js.map +1 -1
- package/dist/esm/code/LogView.mjs +117 -0
- package/dist/esm/code/LogView.mjs.map +1 -0
- package/dist/esm/code/LogView.native.js +123 -0
- package/dist/esm/code/LogView.native.js.map +1 -0
- package/dist/esm/code/index.mjs +1 -0
- package/dist/esm/code/index.mjs.map +1 -1
- package/dist/esm/code/index.native.js +1 -0
- package/dist/esm/code/index.native.js.map +1 -1
- package/dist/esm/layouts/EmptyState.mjs +9 -43
- package/dist/esm/layouts/EmptyState.mjs.map +1 -1
- package/dist/esm/layouts/EmptyState.native.js +9 -45
- package/dist/esm/layouts/EmptyState.native.js.map +1 -1
- package/dist/esm/layouts/PageTemplates.mjs +61 -1
- package/dist/esm/layouts/PageTemplates.mjs.map +1 -1
- package/dist/esm/layouts/PageTemplates.native.js +62 -1
- package/dist/esm/layouts/PageTemplates.native.js.map +1 -1
- package/dist/esm/layouts/barTitleSpan.mjs +27 -0
- package/dist/esm/layouts/barTitleSpan.mjs.map +1 -0
- package/dist/esm/layouts/barTitleSpan.native.js +48 -0
- package/dist/esm/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/esm/layouts/page.mjs +132 -43
- package/dist/esm/layouts/page.mjs.map +1 -1
- package/dist/esm/layouts/page.native.js +145 -47
- package/dist/esm/layouts/page.native.js.map +1 -1
- package/dist/esm/views/ImageGrid.mjs +10 -1
- package/dist/esm/views/ImageGrid.mjs.map +1 -1
- package/dist/esm/views/ImageGrid.native.js +13 -2
- package/dist/esm/views/ImageGrid.native.js.map +1 -1
- package/dist/jsx/charts/BarChart.mjs +1 -0
- package/dist/jsx/charts/BarChart.mjs.map +1 -1
- package/dist/jsx/charts/BarChart.native.js +1 -0
- package/dist/jsx/charts/BarChart.native.js.map +1 -1
- package/dist/jsx/charts/ChartDataView.mjs +83 -3
- package/dist/jsx/charts/ChartDataView.mjs.map +1 -1
- package/dist/jsx/charts/ChartDataView.native.js +94 -9
- package/dist/jsx/charts/ChartDataView.native.js.map +1 -1
- package/dist/jsx/charts/ChartSurface.mjs +26 -8
- package/dist/jsx/charts/ChartSurface.mjs.map +1 -1
- package/dist/jsx/charts/ChartSurface.native.js +27 -9
- package/dist/jsx/charts/ChartSurface.native.js.map +1 -1
- package/dist/jsx/charts/chartHeight.mjs +1 -1
- package/dist/jsx/charts/chartHeight.mjs.map +1 -1
- package/dist/jsx/charts/chartHeight.native.js +1 -1
- package/dist/jsx/charts/chartHeight.native.js.map +1 -1
- package/dist/jsx/charts/composeChart.mjs +1 -1
- package/dist/jsx/charts/composeChart.mjs.map +1 -1
- package/dist/jsx/charts/composeChart.native.js +1 -1
- package/dist/jsx/charts/composeChart.native.js.map +1 -1
- package/dist/jsx/code/CodeBlock/index.mjs +39 -32
- package/dist/jsx/code/CodeBlock/index.mjs.map +1 -1
- package/dist/jsx/code/CodeBlock/index.native.js +38 -31
- package/dist/jsx/code/CodeBlock/index.native.js.map +1 -1
- package/dist/jsx/code/LogView.mjs +117 -0
- package/dist/jsx/code/LogView.mjs.map +1 -0
- package/dist/jsx/code/LogView.native.js +151 -0
- package/dist/jsx/code/LogView.native.js.map +1 -0
- package/dist/jsx/code/index.mjs +1 -0
- package/dist/jsx/code/index.mjs.map +1 -1
- package/dist/jsx/code/index.native.js +1 -0
- package/dist/jsx/code/index.native.js.map +1 -1
- package/dist/jsx/layouts/EmptyState.mjs +9 -43
- package/dist/jsx/layouts/EmptyState.mjs.map +1 -1
- package/dist/jsx/layouts/EmptyState.native.js +9 -45
- package/dist/jsx/layouts/EmptyState.native.js.map +1 -1
- package/dist/jsx/layouts/PageTemplates.mjs +61 -1
- package/dist/jsx/layouts/PageTemplates.mjs.map +1 -1
- package/dist/jsx/layouts/PageTemplates.native.js +62 -0
- package/dist/jsx/layouts/PageTemplates.native.js.map +1 -1
- package/dist/jsx/layouts/barTitleSpan.mjs +27 -0
- package/dist/jsx/layouts/barTitleSpan.mjs.map +1 -0
- package/dist/jsx/layouts/barTitleSpan.native.js +78 -0
- package/dist/jsx/layouts/barTitleSpan.native.js.map +1 -0
- package/dist/jsx/layouts/page.mjs +132 -43
- package/dist/jsx/layouts/page.mjs.map +1 -1
- package/dist/jsx/layouts/page.native.js +143 -45
- package/dist/jsx/layouts/page.native.js.map +1 -1
- package/dist/jsx/views/ImageGrid.mjs +10 -1
- package/dist/jsx/views/ImageGrid.mjs.map +1 -1
- package/dist/jsx/views/ImageGrid.native.js +12 -1
- package/dist/jsx/views/ImageGrid.native.js.map +1 -1
- package/package.json +9 -9
- package/src/charts/BarChart.tsx +8 -2
- package/src/charts/ChartDataView.spec.tsx +23 -2
- package/src/charts/ChartDataView.tsx +87 -6
- package/src/charts/ChartSurface.tsx +17 -8
- package/src/charts/chartHeight.ts +8 -2
- package/src/charts/composeChart.ts +3 -2
- package/src/code/CodeBlock/CodeBlock.copy.spec.tsx +13 -0
- package/src/code/CodeBlock/index.tsx +46 -30
- package/src/code/LogView.tsx +127 -0
- package/src/code/index.ts +1 -0
- package/src/layouts/DenseContent.stories.tsx +93 -0
- package/src/layouts/EmptyState.spec.tsx +2 -0
- package/src/layouts/EmptyState.tsx +6 -39
- package/src/layouts/PageHeader.stories.tsx +238 -38
- package/src/layouts/PageTemplates.tsx +90 -0
- package/src/layouts/barTitleSpan.spec.ts +35 -0
- package/src/layouts/barTitleSpan.ts +44 -0
- package/src/layouts/glyphCentre.spec.tsx +218 -0
- package/src/layouts/navBar.spec.tsx +58 -2
- package/src/layouts/page.tsx +126 -34
- package/src/views/ImageGrid.tsx +19 -2
- package/types/charts/BarChart.d.ts +1 -1
- package/types/charts/BarChart.d.ts.map +1 -1
- package/types/charts/ChartDataView.d.ts +3 -1
- package/types/charts/ChartDataView.d.ts.map +1 -1
- package/types/charts/ChartSurface.d.ts.map +1 -1
- package/types/charts/chartHeight.d.ts +2 -1
- package/types/charts/chartHeight.d.ts.map +1 -1
- package/types/charts/composeChart.d.ts +2 -1
- package/types/charts/composeChart.d.ts.map +1 -1
- package/types/code/CodeBlock/index.d.ts.map +1 -1
- package/types/code/LogView.d.ts +31 -0
- package/types/code/LogView.d.ts.map +1 -0
- package/types/code/index.d.ts +1 -0
- package/types/code/index.d.ts.map +1 -1
- package/types/layouts/EmptyState.d.ts.map +1 -1
- package/types/layouts/PageTemplates.d.ts +26 -0
- package/types/layouts/PageTemplates.d.ts.map +1 -1
- package/types/layouts/barTitleSpan.d.ts +29 -0
- package/types/layouts/barTitleSpan.d.ts.map +1 -0
- package/types/layouts/page.d.ts +6 -1
- package/types/layouts/page.d.ts.map +1 -1
- package/types/views/ImageGrid.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BarChart_exports","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAET,IAAAA,SAAS,GAAOC,MAAA,CAAAC,cAAa;AAC7B,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAAsB;AAC/B,IAAAC,iBAAS,GAAAJ,MAAoB,CAAAK,mBAAA;AAC7B,IAAAC,YAAS,GAAAN,MAAgB,CAAAO,SAAA,CAAAC,cAAe;AACxC,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAsB;EAC/B,SAAAC,IAAA,IAAAD,GAAA,EACEZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACA,IACAC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,OACK,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPnB,SAAS,CAAAiB,EAAA,EAAAI,GAAA,EAAiB;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAE1B;
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BarChart_exports","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","fill","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Button } from "@multiplatform.one/forms";
|
|
2
|
+
import { TableIcon } from "@phosphor-icons/react";
|
|
2
3
|
import { isWeb } from "@multiplatform.one/platform";
|
|
3
4
|
import { useResolvedKnobs } from "@multiplatform.one/theme";
|
|
4
5
|
import { createContext, useContext, useId, useState } from "react";
|
|
@@ -6,6 +7,8 @@ import { Paragraph, XStack, YStack } from "tamagui";
|
|
|
6
7
|
import { OverlayHeader } from "../actions/StandardAction.mjs";
|
|
7
8
|
import { Dialog } from "../Dialog.mjs";
|
|
8
9
|
import { ScrollView } from "../ScrollView/index.mjs";
|
|
10
|
+
import { Separator } from "../Separator/index.mjs";
|
|
11
|
+
import { Text } from "../Text.mjs";
|
|
9
12
|
import { sectionHeading } from "../componentColors.mjs";
|
|
10
13
|
import { useTranslation } from "../shared/i18n.mjs";
|
|
11
14
|
import { DialogContent, DialogOverlay } from "../surfaces.mjs";
|
|
@@ -41,7 +44,9 @@ function ChartDataView({
|
|
|
41
44
|
const action = /* @__PURE__ */jsx(Dialog.Trigger, {
|
|
42
45
|
asChild: true,
|
|
43
46
|
children: /* @__PURE__ */jsx(Button, {
|
|
44
|
-
|
|
47
|
+
circular: true,
|
|
48
|
+
chromeless: true,
|
|
49
|
+
icon: TableIcon,
|
|
45
50
|
id: triggerId,
|
|
46
51
|
...(isWeb ? {
|
|
47
52
|
"aria-label": actionLabel
|
|
@@ -50,8 +55,7 @@ function ChartDataView({
|
|
|
50
55
|
}),
|
|
51
56
|
...chartWebProps({
|
|
52
57
|
"data-mpo-chart-data-trigger": id
|
|
53
|
-
})
|
|
54
|
-
children: t("View data")
|
|
58
|
+
})
|
|
55
59
|
})
|
|
56
60
|
});
|
|
57
61
|
return /* @__PURE__ */jsx(ChartDataContext.Provider, {
|
|
@@ -136,6 +140,7 @@ function ChartDataFrame({
|
|
|
136
140
|
title,
|
|
137
141
|
valueFormatter,
|
|
138
142
|
width,
|
|
143
|
+
fill,
|
|
139
144
|
children
|
|
140
145
|
}) {
|
|
141
146
|
const inherited = useContext(ChartDataContext);
|
|
@@ -143,6 +148,19 @@ function ChartDataFrame({
|
|
|
143
148
|
knobProps
|
|
144
149
|
} = useResolvedKnobs();
|
|
145
150
|
if (inherited) return children;
|
|
151
|
+
if (fill) return /* @__PURE__ */jsxs(YStack, {
|
|
152
|
+
minWidth: 0,
|
|
153
|
+
width: width ?? "100%",
|
|
154
|
+
maxWidth: "100%",
|
|
155
|
+
flex: 1,
|
|
156
|
+
minHeight: 0,
|
|
157
|
+
...knobProps.gap,
|
|
158
|
+
children: [children, /* @__PURE__ */jsx(ChartDataList, {
|
|
159
|
+
data,
|
|
160
|
+
title,
|
|
161
|
+
valueFormatter
|
|
162
|
+
})]
|
|
163
|
+
});
|
|
146
164
|
return /* @__PURE__ */jsx(ChartDataView, {
|
|
147
165
|
data,
|
|
148
166
|
title,
|
|
@@ -153,6 +171,10 @@ function ChartDataFrame({
|
|
|
153
171
|
minWidth: 0,
|
|
154
172
|
width: width ?? "100%",
|
|
155
173
|
maxWidth: "100%",
|
|
174
|
+
...(fill ? {
|
|
175
|
+
flex: 1,
|
|
176
|
+
minHeight: 0
|
|
177
|
+
} : null),
|
|
156
178
|
...knobProps.gap,
|
|
157
179
|
children: [children, /* @__PURE__ */jsx(XStack, {
|
|
158
180
|
justifyContent: "flex-end",
|
|
@@ -161,6 +183,64 @@ function ChartDataFrame({
|
|
|
161
183
|
})
|
|
162
184
|
});
|
|
163
185
|
}
|
|
186
|
+
function ChartDataList({
|
|
187
|
+
data,
|
|
188
|
+
title,
|
|
189
|
+
valueFormatter
|
|
190
|
+
}) {
|
|
191
|
+
const {
|
|
192
|
+
t
|
|
193
|
+
} = useTranslation();
|
|
194
|
+
const {
|
|
195
|
+
knobProps
|
|
196
|
+
} = useResolvedKnobs();
|
|
197
|
+
const format = valueFormatter ?? formatChartValue;
|
|
198
|
+
const rows = data.map((datum, index) => typeof datum === "number" ? {
|
|
199
|
+
label: String(index + 1),
|
|
200
|
+
value: datum
|
|
201
|
+
} : datum);
|
|
202
|
+
const label = title ? `${title}: ${t("data")}` : t("Chart data");
|
|
203
|
+
return /* @__PURE__ */jsx(ScrollView, {
|
|
204
|
+
flex: 1,
|
|
205
|
+
minHeight: 0,
|
|
206
|
+
...(isWeb ? {
|
|
207
|
+
"aria-label": label
|
|
208
|
+
} : {
|
|
209
|
+
accessibilityLabel: label
|
|
210
|
+
}),
|
|
211
|
+
...chartWebProps({
|
|
212
|
+
"data-mpo-chart-data-inline": "true"
|
|
213
|
+
}),
|
|
214
|
+
children: rows.map((datum, index) => /* @__PURE__ */jsxs(YStack, {
|
|
215
|
+
children: [index > 0 ? /* @__PURE__ */jsx(Separator, {}) : null, /* @__PURE__ */jsxs(XStack, {
|
|
216
|
+
minHeight: 44,
|
|
217
|
+
alignItems: "center",
|
|
218
|
+
...knobProps.gap,
|
|
219
|
+
...chartWebProps({
|
|
220
|
+
"data-mpo-chart-data-row": String(index)
|
|
221
|
+
}),
|
|
222
|
+
...(!isWeb ? {
|
|
223
|
+
accessible: true,
|
|
224
|
+
accessibilityLabel: describeDatum({
|
|
225
|
+
datum,
|
|
226
|
+
formatValue: format
|
|
227
|
+
})
|
|
228
|
+
} : {}),
|
|
229
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
230
|
+
flex: 1,
|
|
231
|
+
minWidth: 0,
|
|
232
|
+
...knobProps.body,
|
|
233
|
+
children: datum.label
|
|
234
|
+
}), /* @__PURE__ */jsx(Text, {
|
|
235
|
+
tabular: true,
|
|
236
|
+
...knobProps.body,
|
|
237
|
+
color: knobProps.textRole.meta.color,
|
|
238
|
+
children: format(datum.value)
|
|
239
|
+
})]
|
|
240
|
+
})]
|
|
241
|
+
}, index))
|
|
242
|
+
});
|
|
243
|
+
}
|
|
164
244
|
function useChartDataViewProps() {
|
|
165
245
|
const context = useContext(ChartDataContext);
|
|
166
246
|
if (!context) return {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","jsx","jsxs","ChartDataContext","ChartDataView","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","
|
|
1
|
+
{"version":3,"names":["Button","TableIcon","isWeb","useResolvedKnobs","createContext","useContext","useId","useState","Paragraph","XStack","YStack","OverlayHeader","Dialog","ScrollView","Separator","Text","sectionHeading","useTranslation","DialogContent","DialogOverlay","describeDatum","formatChartValue","chartWebProps","jsx","jsxs","ChartDataContext","ChartDataView","data","title","valueFormatter","children","t","knobProps","datumKnobs","open","setOpen","id","replace","triggerId","normalized","map","datum","index","label","String","value","format","actionLabel","action","Trigger","asChild","circular","chromeless","icon","accessibilityLabel","Provider","modal","onOpenChange","Portal","width","maxWidth","maxHeight","Title","heading","onClose","Description","body","length","flexShrink","minHeight","gap","alignItems","flexWrap","accessible","formatValue","flexBasis","flexGrow","minWidth","ChartDataFrame","fill","inherited","flex","ChartDataList","justifyContent","rows","tabular","color","textRole","meta","useChartDataViewProps","context"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -31,20 +31,23 @@ __export(ChartDataView_exports, {
|
|
|
31
31
|
module.exports = __toCommonJS(ChartDataView_exports);
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
33
|
var import_forms = require("@multiplatform.one/forms");
|
|
34
|
+
var import_react = require("@phosphor-icons/react");
|
|
34
35
|
var import_platform = require("@multiplatform.one/platform");
|
|
35
36
|
var import_theme = require("@multiplatform.one/theme");
|
|
36
|
-
var
|
|
37
|
+
var import_react2 = require("react");
|
|
37
38
|
var import_tamagui = require("tamagui");
|
|
38
39
|
var import_StandardAction = require("../actions/StandardAction.native.js");
|
|
39
40
|
var import_Dialog = require("../Dialog.native.js");
|
|
40
41
|
var import_ScrollView = require("../ScrollView/index.native.js");
|
|
42
|
+
var import_Separator = require("../Separator/index.native.js");
|
|
43
|
+
var import_Text = require("../Text.native.js");
|
|
41
44
|
var import_componentColors = require("../componentColors.native.js");
|
|
42
45
|
var import_i18n = require("../shared/i18n.native.js");
|
|
43
46
|
var import_surfaces = require("../surfaces.native.js");
|
|
44
47
|
var import_accessibility = require("./accessibility.native.js");
|
|
45
48
|
var import_math = require("./math.native.js");
|
|
46
49
|
var import_svg = require("./svg.native.js");
|
|
47
|
-
var ChartDataContext = /* @__PURE__ */(0,
|
|
50
|
+
var ChartDataContext = /* @__PURE__ */(0, import_react2.createContext)(null);
|
|
48
51
|
function ChartDataView(param) {
|
|
49
52
|
var {
|
|
50
53
|
data,
|
|
@@ -61,8 +64,8 @@ function ChartDataView(param) {
|
|
|
61
64
|
var {
|
|
62
65
|
knobProps: datumKnobs
|
|
63
66
|
} = (0, import_theme.useResolvedKnobs)();
|
|
64
|
-
var [open, setOpen] = (0,
|
|
65
|
-
var id = `mpo-chart-data-${(0,
|
|
67
|
+
var [open, setOpen] = (0, import_react2.useState)(false);
|
|
68
|
+
var id = `mpo-chart-data-${(0, import_react2.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
|
|
66
69
|
var triggerId = `${id}-trigger`;
|
|
67
70
|
var normalized = data.map(function (datum, index) {
|
|
68
71
|
return typeof datum === "number" ? {
|
|
@@ -75,7 +78,9 @@ function ChartDataView(param) {
|
|
|
75
78
|
var action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {
|
|
76
79
|
asChild: true,
|
|
77
80
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
|
|
78
|
-
|
|
81
|
+
circular: true,
|
|
82
|
+
chromeless: true,
|
|
83
|
+
icon: import_react.TableIcon,
|
|
79
84
|
id: triggerId,
|
|
80
85
|
...(import_platform.isWeb ? {
|
|
81
86
|
"aria-label": actionLabel
|
|
@@ -84,8 +89,7 @@ function ChartDataView(param) {
|
|
|
84
89
|
}),
|
|
85
90
|
...(0, import_svg.chartWebProps)({
|
|
86
91
|
"data-mpo-chart-data-trigger": id
|
|
87
|
-
})
|
|
88
|
-
children: t("View data")
|
|
92
|
+
})
|
|
89
93
|
})
|
|
90
94
|
});
|
|
91
95
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
|
|
@@ -175,13 +179,27 @@ function ChartDataFrame(param) {
|
|
|
175
179
|
title,
|
|
176
180
|
valueFormatter,
|
|
177
181
|
width,
|
|
182
|
+
fill,
|
|
178
183
|
children
|
|
179
184
|
} = param;
|
|
180
|
-
var inherited = (0,
|
|
185
|
+
var inherited = (0, import_react2.useContext)(ChartDataContext);
|
|
181
186
|
var {
|
|
182
187
|
knobProps
|
|
183
188
|
} = (0, import_theme.useResolvedKnobs)();
|
|
184
189
|
if (inherited) return children;
|
|
190
|
+
if (fill) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
191
|
+
minWidth: 0,
|
|
192
|
+
width: width !== null && width !== void 0 ? width : "100%",
|
|
193
|
+
maxWidth: "100%",
|
|
194
|
+
flex: 1,
|
|
195
|
+
minHeight: 0,
|
|
196
|
+
...knobProps.gap,
|
|
197
|
+
children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataList, {
|
|
198
|
+
data,
|
|
199
|
+
title,
|
|
200
|
+
valueFormatter
|
|
201
|
+
})]
|
|
202
|
+
});
|
|
185
203
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
|
|
186
204
|
data,
|
|
187
205
|
title,
|
|
@@ -194,6 +212,10 @@ function ChartDataFrame(param) {
|
|
|
194
212
|
minWidth: 0,
|
|
195
213
|
width: width !== null && width !== void 0 ? width : "100%",
|
|
196
214
|
maxWidth: "100%",
|
|
215
|
+
...(fill ? {
|
|
216
|
+
flex: 1,
|
|
217
|
+
minHeight: 0
|
|
218
|
+
} : null),
|
|
197
219
|
...knobProps.gap,
|
|
198
220
|
children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
|
|
199
221
|
justifyContent: "flex-end",
|
|
@@ -203,8 +225,71 @@ function ChartDataFrame(param) {
|
|
|
203
225
|
}
|
|
204
226
|
});
|
|
205
227
|
}
|
|
228
|
+
function ChartDataList(param) {
|
|
229
|
+
var {
|
|
230
|
+
data,
|
|
231
|
+
title,
|
|
232
|
+
valueFormatter
|
|
233
|
+
} = param;
|
|
234
|
+
var {
|
|
235
|
+
t
|
|
236
|
+
} = (0, import_i18n.useTranslation)();
|
|
237
|
+
var {
|
|
238
|
+
knobProps
|
|
239
|
+
} = (0, import_theme.useResolvedKnobs)();
|
|
240
|
+
var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;
|
|
241
|
+
var rows = data.map(function (datum, index) {
|
|
242
|
+
return typeof datum === "number" ? {
|
|
243
|
+
label: String(index + 1),
|
|
244
|
+
value: datum
|
|
245
|
+
} : datum;
|
|
246
|
+
});
|
|
247
|
+
var label = title ? `${title}: ${t("data")}` : t("Chart data");
|
|
248
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
|
|
249
|
+
flex: 1,
|
|
250
|
+
minHeight: 0,
|
|
251
|
+
...(import_platform.isWeb ? {
|
|
252
|
+
"aria-label": label
|
|
253
|
+
} : {
|
|
254
|
+
accessibilityLabel: label
|
|
255
|
+
}),
|
|
256
|
+
...(0, import_svg.chartWebProps)({
|
|
257
|
+
"data-mpo-chart-data-inline": "true"
|
|
258
|
+
}),
|
|
259
|
+
children: rows.map(function (datum, index) {
|
|
260
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
|
|
261
|
+
children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
|
|
262
|
+
minHeight: 44,
|
|
263
|
+
alignItems: "center",
|
|
264
|
+
...knobProps.gap,
|
|
265
|
+
...(0, import_svg.chartWebProps)({
|
|
266
|
+
"data-mpo-chart-data-row": String(index)
|
|
267
|
+
}),
|
|
268
|
+
...(!import_platform.isWeb ? {
|
|
269
|
+
accessible: true,
|
|
270
|
+
accessibilityLabel: (0, import_accessibility.describeDatum)({
|
|
271
|
+
datum,
|
|
272
|
+
formatValue: format
|
|
273
|
+
})
|
|
274
|
+
} : {}),
|
|
275
|
+
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
|
|
276
|
+
flex: 1,
|
|
277
|
+
minWidth: 0,
|
|
278
|
+
...knobProps.body,
|
|
279
|
+
children: datum.label
|
|
280
|
+
}), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
|
|
281
|
+
tabular: true,
|
|
282
|
+
...knobProps.body,
|
|
283
|
+
color: knobProps.textRole.meta.color,
|
|
284
|
+
children: format(datum.value)
|
|
285
|
+
})]
|
|
286
|
+
})]
|
|
287
|
+
}, index);
|
|
288
|
+
})
|
|
289
|
+
});
|
|
290
|
+
}
|
|
206
291
|
function useChartDataViewProps() {
|
|
207
|
-
var context = (0,
|
|
292
|
+
var context = (0, import_react2.useContext)(ChartDataContext);
|
|
208
293
|
if (!context) return {};
|
|
209
294
|
return (0, import_svg.chartWebProps)({
|
|
210
295
|
"data-mpo-chart-data-view": context.id,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChartDataView_exports","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_platform","import_theme","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChartDataView_exports","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_react","import_platform","import_theme","import_react2","import_tamagui","import_StandardAction","import_Dialog","import_ScrollView","import_Separator","import_Text","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","circular","chromeless","icon","TableIcon","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","OverlayHeader","Title","sectionHeading","heading","onClose","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow","minWidth","fill","inherited","useContext","flex","ChartDataList","children1","param2"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -14,23 +14,41 @@ function ChartSurface({
|
|
|
14
14
|
children,
|
|
15
15
|
...stackProps
|
|
16
16
|
}) {
|
|
17
|
-
const
|
|
17
|
+
const fill = heightProp === "fill";
|
|
18
|
+
const fixedHeight = useChartHeight(heightProp, 200);
|
|
18
19
|
const dataViewProps = useChartDataViewProps();
|
|
19
20
|
const {
|
|
20
21
|
motion,
|
|
21
22
|
animationEnabled
|
|
22
23
|
} = useChartTheme();
|
|
23
|
-
const [
|
|
24
|
-
|
|
24
|
+
const [measured, setMeasured] = useState({
|
|
25
|
+
width: 0,
|
|
26
|
+
height: 0
|
|
27
|
+
});
|
|
28
|
+
const width = widthProp ?? measured.width;
|
|
29
|
+
const height = fill ? measured.height : fixedHeight;
|
|
30
|
+
const fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
|
|
25
31
|
const handleLayout = useCallback(event => {
|
|
26
|
-
const
|
|
27
|
-
|
|
32
|
+
const {
|
|
33
|
+
width: nextWidth,
|
|
34
|
+
height: nextHeight
|
|
35
|
+
} = event.nativeEvent.layout;
|
|
36
|
+
setMeasured(prev => Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
|
|
37
|
+
width: nextWidth,
|
|
38
|
+
height: nextHeight
|
|
39
|
+
} : prev);
|
|
28
40
|
}, []);
|
|
29
41
|
return /* @__PURE__ */jsx(YStack, {
|
|
30
42
|
width: "100%",
|
|
31
|
-
|
|
43
|
+
...(fill ? {
|
|
44
|
+
flex: 1,
|
|
45
|
+
minHeight: 0,
|
|
46
|
+
maxHeight: fillCap
|
|
47
|
+
} : {
|
|
48
|
+
height
|
|
49
|
+
}),
|
|
32
50
|
overflow: "hidden",
|
|
33
|
-
onLayout: widthProp === void 0 ? handleLayout : void 0,
|
|
51
|
+
onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
|
|
34
52
|
...transitionProps(motion),
|
|
35
53
|
...(animationEnabled ? {
|
|
36
54
|
enterStyle: {
|
|
@@ -39,7 +57,7 @@ function ChartSurface({
|
|
|
39
57
|
}
|
|
40
58
|
} : {}),
|
|
41
59
|
...stackProps,
|
|
42
|
-
children: width > 0 ? /* @__PURE__ */jsx(Svg, {
|
|
60
|
+
children: width > 0 && height > 0 ? /* @__PURE__ */jsx(Svg, {
|
|
43
61
|
width,
|
|
44
62
|
height,
|
|
45
63
|
...chartRootA11yProps(label, proof),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","dataViewProps","motion","animationEnabled","
|
|
1
|
+
{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","dataViewProps","motion","animationEnabled","measured","setMeasured","fillCap","Math","round","handleLayout","event","nextWidth","nextHeight","nativeEvent","layout","prev","abs","flex","minHeight","maxHeight","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAwC;AACjD,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AAwEtB,SAAAC,GAAA;AAvCD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,EAAQC,UAAA;EACRC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAMC,IAAA,GAAOL,UAAA,KAAe;EAC5B,MAAMM,WAAA,GAAcpB,cAAA,CAAec,UAAA,EAAY,GAAG;EAClD,MAAMO,aAAA,GAAgBd,qBAAA,CAAsB;EAC5C,MAAM;IAAEe,MAAA;IAAQC;EAAiB,IAAIf,aAAA,CAAc;EACnD,MAAM,CAACgB,QAAA,EAAUC,WAAW,IAAItB,QAAA,CAAS;IAAEY,KAAA,EAAO;IAAGF,MAAA,EAAQ;EAAE,CAAC;EAChE,MAAME,KAAA,GAAQC,SAAA,IAAaQ,QAAA,CAAST,KAAA;EACpC,MAAMF,MAAA,GAASM,IAAA,GAAOK,QAAA,CAASX,MAAA,GAASO,WAAA;EAGxC,MAAMM,OAAA,GAAUX,KAAA,GAAQ,IAAIY,IAAA,CAAKC,KAAA,CAAMb,KAAA,IAASA,KAAA,GAAQ,MAAM,MAAM,IAAI,IAAI;EAE5E,MAAMc,YAAA,GAAe3B,WAAA,CAAa4B,KAAA,IAA6B;IAC7D,MAAM;MAAEf,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IAAIF,KAAA,CAAMG,WAAA,CAAYC,MAAA;IACnET,WAAA,CAAaU,IAAA,IACXR,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKpB,KAAA,GAAQgB,SAAS,KAAK,OAAOJ,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKtB,MAAA,GAASmB,UAAU,KAAK,MAC7E;MAAEjB,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IACvCG,IACN;EACF,GAAG,EAAE;EAEL,OACE,eAAA1B,GAAA,CAACL,MAAA;IACCW,KAAA,EAAM;IACL,IAAII,IAAA,GAAO;MAAEkB,IAAA,EAAM;MAAGC,SAAA,EAAW;MAAGC,SAAA,EAAWb;IAAQ,IAAI;MAAEb;IAAO;IACrE2B,QAAA,EAAS;IACTC,QAAA,EAAUzB,SAAA,KAAc,UAAaG,IAAA,GAAOU,YAAA,GAAe;IAC1D,GAAG5B,eAAA,CAAgBqB,MAAM;IACzB,IAAIC,gBAAA,GAAmB;MAAEmB,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC/D,GAAG1B,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,KAAKF,MAAA,GAAS,IACrB,eAAAJ,GAAA,CAACJ,GAAA;MAAIU,KAAA;MAAcF,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGS,aAAA;MAC1EJ,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOF;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
|
|
@@ -44,25 +44,43 @@ function ChartSurface(param) {
|
|
|
44
44
|
children,
|
|
45
45
|
...stackProps
|
|
46
46
|
} = param;
|
|
47
|
-
var
|
|
47
|
+
var fill = heightProp === "fill";
|
|
48
|
+
var fixedHeight = (0, import_chartHeight.useChartHeight)(heightProp, 200);
|
|
48
49
|
var dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
|
|
49
50
|
var {
|
|
50
51
|
motion,
|
|
51
52
|
animationEnabled
|
|
52
53
|
} = (0, import_useChartTheme.useChartTheme)();
|
|
53
|
-
var [
|
|
54
|
-
|
|
54
|
+
var [measured, setMeasured] = (0, import_react.useState)({
|
|
55
|
+
width: 0,
|
|
56
|
+
height: 0
|
|
57
|
+
});
|
|
58
|
+
var width = widthProp !== null && widthProp !== void 0 ? widthProp : measured.width;
|
|
59
|
+
var height = fill ? measured.height : fixedHeight;
|
|
60
|
+
var fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
|
|
55
61
|
var handleLayout = (0, import_react.useCallback)(function (event) {
|
|
56
|
-
var
|
|
57
|
-
|
|
58
|
-
|
|
62
|
+
var {
|
|
63
|
+
width: nextWidth,
|
|
64
|
+
height: nextHeight
|
|
65
|
+
} = event.nativeEvent.layout;
|
|
66
|
+
setMeasured(function (prev) {
|
|
67
|
+
return Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
|
|
68
|
+
width: nextWidth,
|
|
69
|
+
height: nextHeight
|
|
70
|
+
} : prev;
|
|
59
71
|
});
|
|
60
72
|
}, []);
|
|
61
73
|
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
|
|
62
74
|
width: "100%",
|
|
63
|
-
|
|
75
|
+
...(fill ? {
|
|
76
|
+
flex: 1,
|
|
77
|
+
minHeight: 0,
|
|
78
|
+
maxHeight: fillCap
|
|
79
|
+
} : {
|
|
80
|
+
height
|
|
81
|
+
}),
|
|
64
82
|
overflow: "hidden",
|
|
65
|
-
onLayout: widthProp === void 0 ? handleLayout : void 0,
|
|
83
|
+
onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
|
|
66
84
|
...(0, import_theme.transitionProps)(motion),
|
|
67
85
|
...(animationEnabled ? {
|
|
68
86
|
enterStyle: {
|
|
@@ -71,7 +89,7 @@ function ChartSurface(param) {
|
|
|
71
89
|
}
|
|
72
90
|
} : {}),
|
|
73
91
|
...stackProps,
|
|
74
|
-
children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
|
|
92
|
+
children: width > 0 && height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
|
|
75
93
|
width,
|
|
76
94
|
height,
|
|
77
95
|
...(0, import_svg.chartRootA11yProps)(label, proof),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChartSurface_exports","ChartSurface","module","exports","import_jsx_runtime","require","import_chartHeight","import_theme","import_react","import_tamagui","import_svg","import_ChartDataView","import_useChartTheme","param","label","proof","height","heightProp","width","widthProp","children","stackProps","useChartHeight","dataViewProps","useChartDataViewProps","motion","animationEnabled","useChartTheme","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChartSurface_exports","ChartSurface","module","exports","import_jsx_runtime","require","import_chartHeight","import_theme","import_react","import_tamagui","import_svg","import_ChartDataView","import_useChartTheme","param","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","useChartHeight","dataViewProps","useChartDataViewProps","motion","animationEnabled","useChartTheme","measured","setMeasured","useState","fillCap","Math","round"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAgC;AAEtD,IAAAC,iBAAS,GAAgCJ,MAAA,CAAAK,mBAAA;AACzC,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAsD;AACpE,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAET,SAASC,IAAA,IAAAD,GAAA,EAwEDZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAvCD;AAAsB,IAC3BC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,IAAO,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACF,OAAsBE,EAAA;AACpB;AACA,IAAAM,YAAM,GAAAC,GAAc,IAAAR,WAAe,CAAAhB,SAAY,GAAG;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAClD,IAAAE,oBAAsB;AACtBhB,QAAM,CAAAgB,oBAAU;EAChBC,YAAO,EAAAA,CAAA,KAAUA;AACjB;AACAC,MAAA,CAAAC,OAAM,GAASN,YAAO,CAAAG,oBAAkB;AAGxC,IAAAI,kBAAgB,GAAAC,OAAY,oBAAoB;AAEhD,IAAAC,kBAAM,GAAeD,OAAA,0BAA0C;AAC7D,IAAAE,YAAQ,GAAOF,OAAA,2BAAkC;AACjD,IAAAG,YAAA,GAAAH,OAAA;AAAA,IAAAI,cACE,GAAKJ,OAAI,UAAa;AAElB,IACNK,UAAA,GAAAL,OAAA;AAAA,IACFM,oBAAK,GAAAN,OAAA;AAEL,IAAAO,oBACE,GAAAP,OAAA;AAAA,SAACJ,aAAAY,KAAA;EAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IACCS,IAAA,GAAML,UAAA;EAAA,IACLM,WAAW,GAAE,IAAMjB,kBAAiB,CAAAkB,cAAW,EAAAP,UAAc,KAAO;EAAA,IACrEQ,aAAS,OAAAd,oBAAA,CAAAe,qBAAA;EAAA,IACT;IAAAC,MAAA;IAAUC;EAAc,QAAahB,oBAAO,CAAeiB,aAAA;EAAA,IAC1D,CAAAC,QAAG,EAAAC,WAAgB,IAAM,IAAAvB,YAAA,CAAAwB,QAAA;IAAAd,KACrB;IAA2DF,MAC5D;EAAA;EAMA,IAAAE,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAW,QAAA,CAAAZ,KAAA;EACN,IAAAF,MAAA,GAAAM,IAAA,GAAAQ,QAAA,CAAAd,MAAA,GAAAO,WAAA;EAEJ,IAAAU,OAAA,GAAAf,KAAA,OAAAgB,IAAA,CAAAC,KAAA,CAAAjB,KAAA,IAAAA,KAAA","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getActiveScaleTokens, usePresetContext } from "@multiplatform.one/theme";
|
|
2
2
|
function useChartHeight(height, fallback) {
|
|
3
3
|
usePresetContext();
|
|
4
|
-
const value = typeof height === "string" ? getActiveScaleTokens().size[height] : height;
|
|
4
|
+
const value = height === "fill" ? void 0 : typeof height === "string" ? getActiveScaleTokens().size[height] : height;
|
|
5
5
|
return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
|
|
6
6
|
}
|
|
7
7
|
export { useChartHeight };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getActiveScaleTokens","usePresetContext","useChartHeight","height","fallback","value","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,EAAsBC,gBAAA,QAAsC;
|
|
1
|
+
{"version":3,"names":["getActiveScaleTokens","usePresetContext","useChartHeight","height","fallback","value","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,EAAsBC,gBAAA,QAAsC;AAK9D,SAASC,eAAeC,MAAA,EAAiCC,QAAA,EAA0B;EACxFH,gBAAA,CAAiB;EACjB,MAAMI,KAAA,GACJF,MAAA,KAAW,SACP,SACA,OAAOA,MAAA,KAAW,WAChBH,oBAAA,CAAqB,EAAEM,IAAA,CAAKH,MAAM,IAClCA,MAAA;EACR,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}
|
|
@@ -30,7 +30,7 @@ module.exports = __toCommonJS(chartHeight_exports);
|
|
|
30
30
|
var import_theme = require("@multiplatform.one/theme");
|
|
31
31
|
function useChartHeight(height, fallback) {
|
|
32
32
|
(0, import_theme.usePresetContext)();
|
|
33
|
-
var value = typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
|
|
33
|
+
var value = height === "fill" ? void 0 : typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
|
|
34
34
|
return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
|
|
35
35
|
}
|
|
36
36
|
//# sourceMappingURL=chartHeight.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgD;AAC9D,IAAAC,gBAAiB,GAAAF,MAAA,CAAAG,wBAAA;AACjB,IAAAC,iBACE,GAAAJ,MAAW,CAAAK,mBAEP;AAGN,IAAAC,YAAc,GAAAN,MAAA,CAAUO,SAAA,CAAAC,cAAmB;AAC7C,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}
|