@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
|
@@ -15,25 +15,43 @@ function ChartSurface(param) {
|
|
|
15
15
|
children,
|
|
16
16
|
...stackProps
|
|
17
17
|
} = param;
|
|
18
|
-
var
|
|
18
|
+
var fill = heightProp === "fill";
|
|
19
|
+
var fixedHeight = useChartHeight(heightProp, 200);
|
|
19
20
|
var dataViewProps = useChartDataViewProps();
|
|
20
21
|
var {
|
|
21
22
|
motion,
|
|
22
23
|
animationEnabled
|
|
23
24
|
} = useChartTheme();
|
|
24
|
-
var [
|
|
25
|
-
|
|
25
|
+
var [measured, setMeasured] = useState({
|
|
26
|
+
width: 0,
|
|
27
|
+
height: 0
|
|
28
|
+
});
|
|
29
|
+
var width = widthProp !== null && widthProp !== void 0 ? widthProp : measured.width;
|
|
30
|
+
var height = fill ? measured.height : fixedHeight;
|
|
31
|
+
var fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
|
|
26
32
|
var handleLayout = useCallback(function (event) {
|
|
27
|
-
var
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
var {
|
|
34
|
+
width: nextWidth,
|
|
35
|
+
height: nextHeight
|
|
36
|
+
} = event.nativeEvent.layout;
|
|
37
|
+
setMeasured(function (prev) {
|
|
38
|
+
return Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
|
|
39
|
+
width: nextWidth,
|
|
40
|
+
height: nextHeight
|
|
41
|
+
} : prev;
|
|
30
42
|
});
|
|
31
43
|
}, []);
|
|
32
44
|
return /* @__PURE__ */_jsx(YStack, {
|
|
33
45
|
width: "100%",
|
|
34
|
-
|
|
46
|
+
...(fill ? {
|
|
47
|
+
flex: 1,
|
|
48
|
+
minHeight: 0,
|
|
49
|
+
maxHeight: fillCap
|
|
50
|
+
} : {
|
|
51
|
+
height
|
|
52
|
+
}),
|
|
35
53
|
overflow: "hidden",
|
|
36
|
-
onLayout: widthProp === void 0 ? handleLayout : void 0,
|
|
54
|
+
onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
|
|
37
55
|
...transitionProps(motion),
|
|
38
56
|
...(animationEnabled ? {
|
|
39
57
|
enterStyle: {
|
|
@@ -42,7 +60,7 @@ function ChartSurface(param) {
|
|
|
42
60
|
}
|
|
43
61
|
} : {}),
|
|
44
62
|
...stackProps,
|
|
45
|
-
children: width > 0 ? /* @__PURE__ */_jsx(Svg, {
|
|
63
|
+
children: width > 0 && height > 0 ? /* @__PURE__ */_jsx(Svg, {
|
|
46
64
|
width,
|
|
47
65
|
height,
|
|
48
66
|
...chartRootA11yProps(label, proof),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","label","proof","height","heightProp","width","widthProp","children","stackProps","dataViewProps","motion","animationEnabled","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","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"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwC;AACjD,SAASC,cAAA,iCAAuB;AAChC,SAASC,eAAa,kCAAgC;AAEtD,SAASC,WAAA,EAAAC,QAAgC;AACzC,SAASC,MAAK;AACd,SAASC,GAAA,EAAAC,kBAAA,QAA6B;AAEtC,SAASC,qBAAqB;AAwEtB,SAAAC,aAAA;AAvCD,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAS,IAAA,GAAAL,UAAA;EACA,IAAAM,WAAQ,GAAApB,cAAA,CAAAc,UAAA;EACR,IAAAO,aAAO,GAAAd,qBAAA;EACP;IAAAe,MAAA;IAAAC;EAAA,IAAAf,aAAA;EACA,IAAG,CAAAgB,QAAA,EAAAC,WAAA,IAAAtB,QAAA;IACiBY,KAAA;IACpBF,MAAM;EACN;EACA,IAAAE,KAAM,GAAAC,SAAA,KAAgB,QAAAA,SAAA,KAAsB,SAAAA,SAAA,GAAAQ,QAAA,CAAAT,KAAA;EAC5C,IAAAF,MAAQ,GAAAM,IAAQ,GAAAK,QAAA,CAAAX,MAAiB,GAAIO,WAAA;EACrC,IAAAM,OAAO,GAAAX,KAAU,OAAAY,IAAW,CAAAC,KAAI,CAAAb,KAAS,IAAEA,KAAO,GAAG,SAAU,GAAC;EAChE,IAAAc,YAAc,GAAA3B,WAAa,WAAS4B,KAAA;IACpC,IAAM;MAAAf,KAAA,EAASgB,SAAO;MAAAlB,MAAS,EAAAmB;IAAS,IAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA;IAGxCT,WAAM,WAAUU,IAAQ,EAAI;MAE5B,OAAMR,IAAA,CAAAS,GAAA,CAAAD,IAAe,CAAApB,KAAA,GAAYgB,SAAC,KAA6B,OAAAJ,IAAA,CAAAS,GAAA,CAAAD,IAAA,CAAAtB,MAAA,GAAAmB,UAAA;QAC7DjB,KAAQ,EAAAgB,SAAO;QACflB,MAAA,EAAAmB;MAAY,CAAC,GAAAG,IAAA;IAIb;EACF,GAAG,EAAE;EAEL,OACE,eAAApC,IAAA,CAAAK,MAAA;IAACW,KAAA;IAAA,IAAAI,IAAA;MACCkB,IAAA,GAAM;MACLC,SAAI,EAAO,CAAE;MACdC,SAAA,EAASb;IAAA,IACT;MACCb;IAAyB;IACsC2B,QAC5D;IAAAC,QAEH,EAAAzB,SAAA,KAAQ,KAAK,KAASG,IACrB,GAAAU,YAAA,QAAC;IAGC,GAAA5B,eAAA,CAAAqB,MAAA;IACN,IAAAC,gBAAA;MAEJmB,UAAA","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":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getActiveScaleTokens, usePresetContext } from "@multiplatform.one/theme";
|
|
2
2
|
function useChartHeight(height, fallback) {
|
|
3
3
|
usePresetContext();
|
|
4
|
-
var value = typeof height === "string" ? getActiveScaleTokens().size[height] : height;
|
|
4
|
+
var 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,IAAAI,KAAM,GAAAF,MACJ,WAAW,QACP,WACAA,MAAO,aAAW,GAAAH,oBAChB,GAAqBM,IAAE,CAAAH,MAAK,IAAMA,MAClC;EACR,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}
|
|
@@ -36,7 +36,7 @@ function thinCategories(labels, plotWidth, fontSize) {
|
|
|
36
36
|
const capacity = Math.max(1, Math.floor(plotWidth / slot));
|
|
37
37
|
if (labels.length <= capacity) return labels;
|
|
38
38
|
const stride = Math.ceil(labels.length / capacity);
|
|
39
|
-
return labels.filter((_, index) => index % stride === 0);
|
|
39
|
+
return labels.filter((_, index) => (labels.length - 1 - index) % stride === 0);
|
|
40
40
|
}
|
|
41
41
|
export { computeCartesianPlot, resolveSeriesFills, thinCategories };
|
|
42
42
|
//# sourceMappingURL=composeChart.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF,MAAM;IAAEC,SAAA;IAAWC,SAAA;IAAWC,WAAA;IAAaC;EAAS,IAAIJ,KAAA;EACxD,MAAMK,GAAA,GAAMC,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,CAAC,IAAI;EACtC,MAAMI,KAAA,GAAQ;EACd,MAAMC,MAAA,GAASR,SAAA,GAAYL,gBAAA,GAAmBD,cAAA,GAAiBW,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,IAAI,IAAI;EAC5F,MAAMM,cAAA,GAAiBR,SAAA,GACnBI,IAAA,CAAKK,GAAA,CAAI,GAAG,GAAGR,WAAA,CAAYS,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC,IAChF;EACJ,MAAMU,IAAA,GAAOZ,SAAA,GAAYI,IAAA,CAAKC,IAAA,CAAKG,cAAc,IAAId,gBAAA,GAAmBD,cAAA,GAAiB,IAAI;EAC7F,OAAO;IACLoB,CAAA,EAAGD,IAAA;IACHE,CAAA,EAAGX,GAAA;IACHY,KAAA,EAAOX,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKkB,KAAA,GAAQH,IAAA,GAAON,KAAK;IAC5CU,MAAA,EAAQZ,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKmB,MAAA,GAASb,GAAA,GAAMI,MAAM;EAChD;AACF;AAoBO,SAASU,mBACdC,IAAA,EACAC,OAAA,EACArB,KAAA,EACU;EACV,OAAOoB,IAAA,CAAKR,GAAA,CAAI,CAACU,KAAA,EAAOC,KAAA,KAAU;IAChC,IAAID,KAAA,CAAME,KAAA,EAAO,OAAOF,KAAA,CAAME,KAAA;IAC9B,IAAIxB,KAAA,EAAOyB,MAAA,IAAUzB,KAAA,CAAMyB,MAAA,CAAOC,MAAA,GAAS,GAAG,OAAO1B,KAAA,CAAMyB,MAAA,CAAOF,KAAA,GAAQvB,KAAA,CAAMyB,MAAA,CAAOC,MAAM;IAC7F,IAAI1B,KAAA,EAAO2B,WAAA,EAAa,OAAON,OAAA,CAAQM,WAAA,CAAYJ,KAAA,GAAQF,OAAA,CAAQM,WAAA,CAAYD,MAAM;IACrF,OAAO1B,KAAA,EAAOwB,KAAA,IAASH,OAAA,CAAQO,MAAA;EACjC,CAAC;AACH;AAGA,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,gBAAA,GAAmB;
|
|
1
|
+
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF,MAAM;IAAEC,SAAA;IAAWC,SAAA;IAAWC,WAAA;IAAaC;EAAS,IAAIJ,KAAA;EACxD,MAAMK,GAAA,GAAMC,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,CAAC,IAAI;EACtC,MAAMI,KAAA,GAAQ;EACd,MAAMC,MAAA,GAASR,SAAA,GAAYL,gBAAA,GAAmBD,cAAA,GAAiBW,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,IAAI,IAAI;EAC5F,MAAMM,cAAA,GAAiBR,SAAA,GACnBI,IAAA,CAAKK,GAAA,CAAI,GAAG,GAAGR,WAAA,CAAYS,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC,IAChF;EACJ,MAAMU,IAAA,GAAOZ,SAAA,GAAYI,IAAA,CAAKC,IAAA,CAAKG,cAAc,IAAId,gBAAA,GAAmBD,cAAA,GAAiB,IAAI;EAC7F,OAAO;IACLoB,CAAA,EAAGD,IAAA;IACHE,CAAA,EAAGX,GAAA;IACHY,KAAA,EAAOX,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKkB,KAAA,GAAQH,IAAA,GAAON,KAAK;IAC5CU,MAAA,EAAQZ,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKmB,MAAA,GAASb,GAAA,GAAMI,MAAM;EAChD;AACF;AAoBO,SAASU,mBACdC,IAAA,EACAC,OAAA,EACArB,KAAA,EACU;EACV,OAAOoB,IAAA,CAAKR,GAAA,CAAI,CAACU,KAAA,EAAOC,KAAA,KAAU;IAChC,IAAID,KAAA,CAAME,KAAA,EAAO,OAAOF,KAAA,CAAME,KAAA;IAC9B,IAAIxB,KAAA,EAAOyB,MAAA,IAAUzB,KAAA,CAAMyB,MAAA,CAAOC,MAAA,GAAS,GAAG,OAAO1B,KAAA,CAAMyB,MAAA,CAAOF,KAAA,GAAQvB,KAAA,CAAMyB,MAAA,CAAOC,MAAM;IAC7F,IAAI1B,KAAA,EAAO2B,WAAA,EAAa,OAAON,OAAA,CAAQM,WAAA,CAAYJ,KAAA,GAAQF,OAAA,CAAQM,WAAA,CAAYD,MAAM;IACrF,OAAO1B,KAAA,EAAOwB,KAAA,IAASH,OAAA,CAAQO,MAAA;EACjC,CAAC;AACH;AAGA,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,gBAAA,GAAmB;AAQlB,SAASC,eAAeC,MAAA,EAAkBC,SAAA,EAAmB7B,QAAA,EAA4B;EAC9F,IAAI4B,MAAA,CAAON,MAAA,IAAU,KAAKO,SAAA,IAAa,GAAG,OAAOD,MAAA;EACjD,MAAME,MAAA,GAAS5B,IAAA,CAAKK,GAAA,CAAI,GAAGqB,MAAA,CAAOpB,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC;EACvF,MAAM+B,IAAA,GAAO7B,IAAA,CAAK8B,GAAA,CAAIF,MAAA,EAAQL,gBAAgB,IAAIC,gBAAA;EAClD,MAAMO,QAAA,GAAW/B,IAAA,CAAKK,GAAA,CAAI,GAAGL,IAAA,CAAKgC,KAAA,CAAML,SAAA,GAAYE,IAAI,CAAC;EACzD,IAAIH,MAAA,CAAON,MAAA,IAAUW,QAAA,EAAU,OAAOL,MAAA;EACtC,MAAMO,MAAA,GAASjC,IAAA,CAAKC,IAAA,CAAKyB,MAAA,CAAON,MAAA,GAASW,QAAQ;EACjD,OAAOL,MAAA,CAAOQ,MAAA,CAAO,CAACC,CAAA,EAAGlB,KAAA,MAAWS,MAAA,CAAON,MAAA,GAAS,IAAIH,KAAA,IAASgB,MAAA,KAAW,CAAC;AAC/E","ignoreList":[]}
|
|
@@ -42,7 +42,7 @@ function thinCategories(labels, plotWidth, fontSize) {
|
|
|
42
42
|
if (labels.length <= capacity) return labels;
|
|
43
43
|
var stride = Math.ceil(labels.length / capacity);
|
|
44
44
|
return labels.filter(function (_, index) {
|
|
45
|
-
return index % stride === 0;
|
|
45
|
+
return (labels.length - 1 - index) % stride === 0;
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
48
|
export { computeCartesianPlot, resolveSeriesFills, thinCategories };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF;IAAMC,SAAE;IAAAC,SAAW;IAAAC,WAAW;IAAAC;EAAa,IAASJ,KAAI;EACxD,IAAAK,GAAM,GAAAC,IAAM,CAAAC,IAAK,CAAAH,QAAK,KAAW,GAAC;EAClC,IAAAI,KAAM;EACN,IAAAC,MAAM,GAAAR,SAAS,GAAAL,gBAAY,GAAAD,cAAmB,GAAAW,IAAiB,CAAAC,IAAK,CAAAH,QAAK,OAAW,IAAI;EACxF,IAAAM,cAAM,GAAAR,SAAiB,GAAAI,IACnB,CAAAK,GAAK,IAAI,GAAGR,WAAG,CAAAS,GAAY,WAAKC,KAAU;IAE9C,OAAMhB,oBAAmB,CAAKgB,KAAK,EAAAT,QAAA;EACnC,OAAO;EAAA,IACLU,IAAG,GAAAZ,SAAA,GAAAI,IAAA,CAAAC,IAAA,CAAAG,cAAA,IAAAd,gBAAA,GAAAD,cAAA;EAAA,OACA;IACHoB,CAAA,EAAAD,IAAO;IACPE,CAAA,EAAAX,GAAA;IACFY,KAAA,EAAAX,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAkB,KAAA,GAAAH,IAAA,GAAAN,KAAA;IACFU,MAAA,EAAAZ,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAmB,MAAA,GAAAb,GAAA,GAAAI,MAAA;EAoBO;AAKL;AACE,SAAIU,kBAAaA,CAAOC,IAAA,EAAMC,OAAA,EAAArB,KAAA;EAC9B,OAAIoB,IAAA,CAAAR,GAAO,WAAUU,KAAM,EAAAC,KAAO;IAClC,IAAIC,IAAA;IACJ,IAAAF,KAAO,CAAAG,KAAO,SAASH,KAAA,CAAAG,KAAQ;IAChC,KAAAzB,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA0B,MAAA,KAAA1B,KAAA,CAAA0B,MAAA,CAAAC,MAAA,aAAA3B,KAAA,CAAA0B,MAAA,CAAAH,KAAA,GAAAvB,KAAA,CAAA0B,MAAA,CAAAC,MAAA;IACH,IAAA3B,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA4B,WAAA,SAAAP,OAAA,CAAAO,WAAA,CAAAL,KAAA,GAAAF,OAAA,CAAAO,WAAA,CAAAD,MAAA;IAGA,OAAM,CAAAH,IAAA,GAAAxB,KAAA,KAAmB,QAAAA,KAAA,uBAAAA,KAAA,CAAAyB,KAAA,cAAAD,IAAA,cAAAA,IAAA,GAAAH,OAAA,CAAAQ,MAAA;EACzB;
|
|
1
|
+
{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF;IAAMC,SAAE;IAAAC,SAAW;IAAAC,WAAW;IAAAC;EAAa,IAASJ,KAAI;EACxD,IAAAK,GAAM,GAAAC,IAAM,CAAAC,IAAK,CAAAH,QAAK,KAAW,GAAC;EAClC,IAAAI,KAAM;EACN,IAAAC,MAAM,GAAAR,SAAS,GAAAL,gBAAY,GAAAD,cAAmB,GAAAW,IAAiB,CAAAC,IAAK,CAAAH,QAAK,OAAW,IAAI;EACxF,IAAAM,cAAM,GAAAR,SAAiB,GAAAI,IACnB,CAAAK,GAAK,IAAI,GAAGR,WAAG,CAAAS,GAAY,WAAKC,KAAU;IAE9C,OAAMhB,oBAAmB,CAAKgB,KAAK,EAAAT,QAAA;EACnC,OAAO;EAAA,IACLU,IAAG,GAAAZ,SAAA,GAAAI,IAAA,CAAAC,IAAA,CAAAG,cAAA,IAAAd,gBAAA,GAAAD,cAAA;EAAA,OACA;IACHoB,CAAA,EAAAD,IAAO;IACPE,CAAA,EAAAX,GAAA;IACFY,KAAA,EAAAX,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAkB,KAAA,GAAAH,IAAA,GAAAN,KAAA;IACFU,MAAA,EAAAZ,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAmB,MAAA,GAAAb,GAAA,GAAAI,MAAA;EAoBO;AAKL;AACE,SAAIU,kBAAaA,CAAOC,IAAA,EAAMC,OAAA,EAAArB,KAAA;EAC9B,OAAIoB,IAAA,CAAAR,GAAO,WAAUU,KAAM,EAAAC,KAAO;IAClC,IAAIC,IAAA;IACJ,IAAAF,KAAO,CAAAG,KAAO,SAASH,KAAA,CAAAG,KAAQ;IAChC,KAAAzB,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA0B,MAAA,KAAA1B,KAAA,CAAA0B,MAAA,CAAAC,MAAA,aAAA3B,KAAA,CAAA0B,MAAA,CAAAH,KAAA,GAAAvB,KAAA,CAAA0B,MAAA,CAAAC,MAAA;IACH,IAAA3B,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA4B,WAAA,SAAAP,OAAA,CAAAO,WAAA,CAAAL,KAAA,GAAAF,OAAA,CAAAO,WAAA,CAAAD,MAAA;IAGA,OAAM,CAAAH,IAAA,GAAAxB,KAAA,KAAmB,QAAAA,KAAA,uBAAAA,KAAA,CAAAyB,KAAA,cAAAD,IAAA,cAAAA,IAAA,GAAAH,OAAA,CAAAQ,MAAA;EACzB;AAQO;AACL,IAAAC,gBAAW,GAAU;AACrB,IAAAC,gBAAe,GAAK;AACpB,SAAMC,cAAYA,CAAIC,MAAA,EAAQC,SAAA,EAAA9B,QAAgB,EAAI;EAClD,IAAA6B,MAAM,CAAAN,MAAW,KAAK,IAAIO,SAAQ,KAAM,SAAAD,MAAY;EACpD,IAAIE,MAAA,GAAO7B,IAAA,CAAAK,GAAU,IAAAsB,MAAU,CAAArB,GAAA,WAAOC,KAAA;IACtC,OAAMhB,oBAAmB,CAAAgB,KAAO,EAAAT,QAAS;EACzC;EACF,IAAAgC,IAAA,GAAA9B,IAAA,CAAA+B,GAAA,CAAAF,MAAA,EAAAL,gBAAA,IAAAC,gBAAA","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
2
|
-
import {
|
|
2
|
+
import { CopyIcon } from "@phosphor-icons/react";
|
|
3
3
|
import { MIN_PRESS_TARGET, useTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs, transitionProps } from "@multiplatform.one/theme";
|
|
4
4
|
import { useEffect, useRef, useState } from "react";
|
|
5
5
|
import { useTranslation } from "../../shared/i18n.mjs";
|
|
@@ -14,6 +14,7 @@ import { Code } from "../Code/index.mjs";
|
|
|
14
14
|
import { HighlightedCode } from "../HighlightedCode/index.mjs";
|
|
15
15
|
import { useShikiTokens } from "../Highlighter/index.mjs";
|
|
16
16
|
import { Pre } from "../Pre/index.mjs";
|
|
17
|
+
import { componentColors } from "../../componentColors.mjs";
|
|
17
18
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
18
19
|
const VISIBLE_LINES = 22;
|
|
19
20
|
const lineHeightBySize = {
|
|
@@ -86,7 +87,6 @@ function CodeBlock({
|
|
|
86
87
|
}).height;
|
|
87
88
|
return /* @__PURE__ */jsxs(YStack, {
|
|
88
89
|
position: "relative",
|
|
89
|
-
marginBottom: "$4",
|
|
90
90
|
children: [/* @__PURE__ */jsx(ErrorBoundary, {
|
|
91
91
|
children: /* @__PURE__ */jsxs(YStack, {
|
|
92
92
|
ref: clampRef,
|
|
@@ -114,14 +114,17 @@ function CodeBlock({
|
|
|
114
114
|
}), /* @__PURE__ */jsx(Spacer, {
|
|
115
115
|
size: "$4"
|
|
116
116
|
})]
|
|
117
|
-
}), /* @__PURE__ */
|
|
117
|
+
}), /* @__PURE__ */jsxs(Pre, {
|
|
118
118
|
...knobProps.borderRadius,
|
|
119
119
|
padding: 0,
|
|
120
120
|
marginBottom: 0,
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
flexDirection: "row",
|
|
122
|
+
backgroundColor: componentColors.code.background,
|
|
123
|
+
borderWidth: 0,
|
|
124
|
+
"data-code-surface": "",
|
|
125
|
+
children: [/* @__PURE__ */jsx(ScrollView, {
|
|
126
|
+
flex: 1,
|
|
127
|
+
minWidth: 0,
|
|
125
128
|
contentContainerStyle: {
|
|
126
129
|
minWidth: "100%"
|
|
127
130
|
},
|
|
@@ -142,32 +145,36 @@ function CodeBlock({
|
|
|
142
145
|
children: codeText
|
|
143
146
|
})
|
|
144
147
|
})
|
|
145
|
-
})
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
148
|
+
}), showCopy && /* @__PURE__ */jsx(XStack, {
|
|
149
|
+
flexShrink: 0,
|
|
150
|
+
alignSelf: lines > 1 ? "flex-start" : "center",
|
|
151
|
+
zIndex: zIndex.localTop,
|
|
152
|
+
"data-code-copy": "",
|
|
153
|
+
children: /* @__PURE__ */jsx(Input.Button, {
|
|
154
|
+
glyphRing: true,
|
|
155
|
+
size: codeSize,
|
|
156
|
+
color: componentColors.text.primary,
|
|
157
|
+
type: "button",
|
|
158
|
+
"aria-label": "Copy to clipboard",
|
|
159
|
+
"data-press-min": MIN_PRESS_TARGET,
|
|
160
|
+
hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
|
|
161
|
+
onPress: activateCopy,
|
|
162
|
+
onKeyDown: e => {
|
|
163
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
164
|
+
e.preventDefault();
|
|
165
|
+
e.stopPropagation();
|
|
166
|
+
activateCopy();
|
|
167
|
+
}
|
|
168
|
+
},
|
|
169
|
+
children: /* @__PURE__ */jsx(Input.Icon, {
|
|
170
|
+
"aria-hidden": true,
|
|
171
|
+
color: componentColors.text.primary,
|
|
172
|
+
children: /* @__PURE__ */jsx(CopyIcon, {
|
|
173
|
+
weight: "bold"
|
|
174
|
+
})
|
|
175
|
+
})
|
|
169
176
|
})
|
|
170
|
-
})
|
|
177
|
+
})]
|
|
171
178
|
})]
|
|
172
179
|
})
|
|
173
180
|
}), /* @__PURE__ */jsx(NotifyRegion, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LinearGradient","
|
|
1
|
+
{"version":3,"names":["LinearGradient","CopyIcon","MIN_PRESS_TARGET","useTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useResolvedKnobs","transitionProps","useEffect","useRef","useState","useTranslation","ScrollView","Button","Input","zIndex","Spacer","XStack","YStack","settleMs","ErrorBoundary","NotifyRegion","useCopyFeedback","Code","HighlightedCode","useShikiTokens","Pre","componentColors","jsx","jsxs","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","CodeBlock","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","region","copy","t","knobProps","touch","codeSize","codeText","trim","tokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","motion","reveal","revealAll","node","fullHeight","scrollHeight","setTimeout","clamped","showCopy","Boolean","activateCopy","capSquare","height","position","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","marginBottom","flexDirection","backgroundColor","code","background","borderWidth","minWidth","contentContainerStyle","horizontal","showsHorizontalScrollIndicator","panelPadding","fontSize","flexShrink","glyphRing","color","text","primary","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","weight","scope"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { LinearGradient } from "@tamagui/linear-gradient";
|
|
3
|
-
import {
|
|
3
|
+
import { CopyIcon } from "@phosphor-icons/react";
|
|
4
4
|
import { MIN_PRESS_TARGET, useTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs, transitionProps } from "@multiplatform.one/theme";
|
|
5
5
|
import { useEffect, useRef, useState } from "react";
|
|
6
6
|
import { useTranslation } from "../../shared/i18n.native.js";
|
|
@@ -15,6 +15,7 @@ import { Code } from "../Code/index.native.js";
|
|
|
15
15
|
import { HighlightedCode } from "../HighlightedCode/index.native.js";
|
|
16
16
|
import { useShikiTokens } from "../Highlighter/index.native.js";
|
|
17
17
|
import { Pre } from "../Pre/index.native.js";
|
|
18
|
+
import { componentColors } from "../../componentColors.native.js";
|
|
18
19
|
var VISIBLE_LINES = 22;
|
|
19
20
|
var lineHeightBySize = {
|
|
20
21
|
$2: 16,
|
|
@@ -91,7 +92,6 @@ function CodeBlock(param) {
|
|
|
91
92
|
}).height;
|
|
92
93
|
return /* @__PURE__ */_jsxs(YStack, {
|
|
93
94
|
position: "relative",
|
|
94
|
-
marginBottom: "$4",
|
|
95
95
|
children: [/* @__PURE__ */_jsx(ErrorBoundary, {
|
|
96
96
|
children: /* @__PURE__ */_jsxs(YStack, {
|
|
97
97
|
ref: clampRef,
|
|
@@ -119,14 +119,17 @@ function CodeBlock(param) {
|
|
|
119
119
|
}), /* @__PURE__ */_jsx(Spacer, {
|
|
120
120
|
size: "$4"
|
|
121
121
|
})]
|
|
122
|
-
}), /* @__PURE__ */
|
|
122
|
+
}), /* @__PURE__ */_jsxs(Pre, {
|
|
123
123
|
...knobProps.borderRadius,
|
|
124
124
|
padding: 0,
|
|
125
125
|
marginBottom: 0,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
126
|
+
flexDirection: "row",
|
|
127
|
+
backgroundColor: componentColors.code.background,
|
|
128
|
+
borderWidth: 0,
|
|
129
|
+
"data-code-surface": "",
|
|
130
|
+
children: [/* @__PURE__ */_jsx(ScrollView, {
|
|
131
|
+
flex: 1,
|
|
132
|
+
minWidth: 0,
|
|
130
133
|
contentContainerStyle: {
|
|
131
134
|
minWidth: "100%"
|
|
132
135
|
},
|
|
@@ -147,32 +150,36 @@ function CodeBlock(param) {
|
|
|
147
150
|
children: codeText
|
|
148
151
|
})
|
|
149
152
|
})
|
|
150
|
-
})
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
153
|
+
}), showCopy && /* @__PURE__ */_jsx(XStack, {
|
|
154
|
+
flexShrink: 0,
|
|
155
|
+
alignSelf: lines > 1 ? "flex-start" : "center",
|
|
156
|
+
zIndex: zIndex.localTop,
|
|
157
|
+
"data-code-copy": "",
|
|
158
|
+
children: /* @__PURE__ */_jsx(Input.Button, {
|
|
159
|
+
glyphRing: true,
|
|
160
|
+
size: codeSize,
|
|
161
|
+
color: componentColors.text.primary,
|
|
162
|
+
type: "button",
|
|
163
|
+
"aria-label": "Copy to clipboard",
|
|
164
|
+
"data-press-min": MIN_PRESS_TARGET,
|
|
165
|
+
hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
|
|
166
|
+
onPress: activateCopy,
|
|
167
|
+
onKeyDown: function onKeyDown(e) {
|
|
168
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
169
|
+
e.preventDefault();
|
|
170
|
+
e.stopPropagation();
|
|
171
|
+
activateCopy();
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
children: /* @__PURE__ */_jsx(Input.Icon, {
|
|
175
|
+
"aria-hidden": true,
|
|
176
|
+
color: componentColors.text.primary,
|
|
177
|
+
children: /* @__PURE__ */_jsx(CopyIcon, {
|
|
178
|
+
weight: "bold"
|
|
179
|
+
})
|
|
180
|
+
})
|
|
174
181
|
})
|
|
175
|
-
})
|
|
182
|
+
})]
|
|
176
183
|
})]
|
|
177
184
|
})
|
|
178
185
|
}), /* @__PURE__ */_jsx(NotifyRegion, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","LinearGradient","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","LinearGradient","CopyIcon","MIN_PRESS_TARGET","useTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useResolvedKnobs","transitionProps","useEffect","useRef","useState","useTranslation","ScrollView","Button","Input","zIndex","Spacer","XStack","YStack","settleMs","ErrorBoundary","NotifyRegion","useCopyFeedback","Code","HighlightedCode","useShikiTokens","Pre","componentColors","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","CodeBlock","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","region","copy","t","knobProps","touch","codeSize","codeText","trim","tokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","motion","reveal","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","height","position","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","marginBottom","flexDirection","backgroundColor","code","background","borderWidth","minWidth","contentContainerStyle","horizontal","showsHorizontalScrollIndicator","panelPadding","fontSize","flexShrink","glyphRing","color","text","primary","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","weight","scope"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
|
|
2
|
+
import { useEffect, useRef } from "react";
|
|
3
|
+
import { ScrollView, Text, View, XStack, YStack, useTheme } from "tamagui";
|
|
4
|
+
import { WarningIcon, XCircleIcon } from "@phosphor-icons/react";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
const levelInk = {
|
|
7
|
+
warn: "yellow11",
|
|
8
|
+
error: "red11"
|
|
9
|
+
};
|
|
10
|
+
const levelGlyph = {
|
|
11
|
+
warn: WarningIcon,
|
|
12
|
+
error: XCircleIcon
|
|
13
|
+
};
|
|
14
|
+
function clockTime(time) {
|
|
15
|
+
const iso = typeof time === "string" ? time : time.toISOString();
|
|
16
|
+
return iso.match(/T(\d{2}:\d{2}:\d{2})/)?.[1] ?? iso;
|
|
17
|
+
}
|
|
18
|
+
function LogView({
|
|
19
|
+
entries,
|
|
20
|
+
label,
|
|
21
|
+
follow = true,
|
|
22
|
+
...rest
|
|
23
|
+
}) {
|
|
24
|
+
const {
|
|
25
|
+
knobProps
|
|
26
|
+
} = useResolvedKnobs({
|
|
27
|
+
component: "Screen"
|
|
28
|
+
});
|
|
29
|
+
const compact = useLayoutSizeClass() === "compact";
|
|
30
|
+
const theme = useTheme();
|
|
31
|
+
const scroller = useRef(null);
|
|
32
|
+
useEffect(() => {
|
|
33
|
+
if (follow) scroller.current?.scrollToEnd?.({
|
|
34
|
+
animated: false
|
|
35
|
+
});
|
|
36
|
+
}, [entries, follow]);
|
|
37
|
+
return /* @__PURE__ */jsx(YStack, {
|
|
38
|
+
flex: 1,
|
|
39
|
+
minHeight: 0,
|
|
40
|
+
"data-log-view": "",
|
|
41
|
+
role: "log",
|
|
42
|
+
"aria-label": label,
|
|
43
|
+
...rest,
|
|
44
|
+
children: /* @__PURE__ */jsx(ScrollView, {
|
|
45
|
+
ref: scroller,
|
|
46
|
+
flex: 1,
|
|
47
|
+
keyboardShouldPersistTaps: "handled",
|
|
48
|
+
children: /* @__PURE__ */jsx(YStack, {
|
|
49
|
+
...knobProps.panelPadding,
|
|
50
|
+
...(compact ? null : {
|
|
51
|
+
paddingHorizontal: 0
|
|
52
|
+
}),
|
|
53
|
+
gap: compact ? "$3" : "$1",
|
|
54
|
+
children: entries.map((entry, index) => {
|
|
55
|
+
const level = entry.level === "warn" || entry.level === "error" ? entry.level : null;
|
|
56
|
+
const ink = level ? `$${levelInk[level]}` : "$color12";
|
|
57
|
+
const Glyph = level ? levelGlyph[level] : null;
|
|
58
|
+
const meta = /* @__PURE__ */jsxs(Fragment, {
|
|
59
|
+
children: [/* @__PURE__ */jsx(Text, {
|
|
60
|
+
fontFamily: "$mono",
|
|
61
|
+
fontSize: "$3",
|
|
62
|
+
color: "$color10",
|
|
63
|
+
flexShrink: 0,
|
|
64
|
+
children: clockTime(entry.time)
|
|
65
|
+
}), entry.source ? /* @__PURE__ */jsx(Text, {
|
|
66
|
+
fontFamily: "$mono",
|
|
67
|
+
fontSize: "$3",
|
|
68
|
+
color: "$color10",
|
|
69
|
+
flexShrink: 0,
|
|
70
|
+
numberOfLines: 1,
|
|
71
|
+
children: entry.source
|
|
72
|
+
}) : null]
|
|
73
|
+
});
|
|
74
|
+
const message = /* @__PURE__ */jsxs(XStack, {
|
|
75
|
+
gap: "$1.5",
|
|
76
|
+
alignItems: "flex-start",
|
|
77
|
+
flex: compact ? void 0 : 1,
|
|
78
|
+
minWidth: 0,
|
|
79
|
+
children: [Glyph ? /* @__PURE__ */jsx(View, {
|
|
80
|
+
height: "$1",
|
|
81
|
+
justifyContent: "center",
|
|
82
|
+
flexShrink: 0,
|
|
83
|
+
"aria-hidden": true,
|
|
84
|
+
children: /* @__PURE__ */jsx(Glyph, {
|
|
85
|
+
size: 14,
|
|
86
|
+
weight: "bold",
|
|
87
|
+
color: level ? theme[levelInk[level]]?.get() : void 0
|
|
88
|
+
})
|
|
89
|
+
}) : null, /* @__PURE__ */jsx(Text, {
|
|
90
|
+
fontFamily: "$mono",
|
|
91
|
+
fontSize: "$3",
|
|
92
|
+
color: ink,
|
|
93
|
+
flex: 1,
|
|
94
|
+
minWidth: 0,
|
|
95
|
+
children: entry.message
|
|
96
|
+
})]
|
|
97
|
+
});
|
|
98
|
+
return compact ? /* @__PURE__ */jsxs(YStack, {
|
|
99
|
+
"data-log-entry": "",
|
|
100
|
+
children: [/* @__PURE__ */jsx(XStack, {
|
|
101
|
+
gap: "$2",
|
|
102
|
+
alignItems: "center",
|
|
103
|
+
children: meta
|
|
104
|
+
}), message]
|
|
105
|
+
}, entry.id ?? index) : /* @__PURE__ */jsxs(XStack, {
|
|
106
|
+
gap: "$3",
|
|
107
|
+
alignItems: "flex-start",
|
|
108
|
+
"data-log-entry": "",
|
|
109
|
+
children: [meta, message]
|
|
110
|
+
}, entry.id ?? index);
|
|
111
|
+
})
|
|
112
|
+
})
|
|
113
|
+
})
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
export { LogView };
|
|
117
|
+
//# sourceMappingURL=LogView.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useLayoutSizeClass","useResolvedKnobs","useEffect","useRef","ScrollView","Text","View","XStack","YStack","useTheme","WarningIcon","XCircleIcon","Fragment","jsx","jsxs","levelInk","warn","error","levelGlyph","clockTime","time","iso","toISOString","match","LogView","entries","label","follow","rest","knobProps","component","compact","theme","scroller","current","scrollToEnd","animated","flex","minHeight","role","children","ref","keyboardShouldPersistTaps","panelPadding","paddingHorizontal","gap","map","entry","index","level","ink","Glyph","meta","fontFamily","fontSize","color","flexShrink","source","numberOfLines","message","alignItems","minWidth","height","justifyContent","size","weight","get","id"],"sources":["../../../src/code/LogView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|