@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.
Files changed (187) hide show
  1. package/dist/cjs/charts/BarChart.cjs +1 -0
  2. package/dist/cjs/charts/BarChart.native.js +1 -0
  3. package/dist/cjs/charts/BarChart.native.js.map +1 -1
  4. package/dist/cjs/charts/ChartDataView.cjs +89 -9
  5. package/dist/cjs/charts/ChartDataView.native.js +94 -9
  6. package/dist/cjs/charts/ChartDataView.native.js.map +1 -1
  7. package/dist/cjs/charts/ChartSurface.cjs +26 -8
  8. package/dist/cjs/charts/ChartSurface.native.js +27 -9
  9. package/dist/cjs/charts/ChartSurface.native.js.map +1 -1
  10. package/dist/cjs/charts/chartHeight.cjs +1 -1
  11. package/dist/cjs/charts/chartHeight.native.js +1 -1
  12. package/dist/cjs/charts/chartHeight.native.js.map +1 -1
  13. package/dist/cjs/charts/composeChart.cjs +1 -1
  14. package/dist/cjs/charts/composeChart.native.js +1 -1
  15. package/dist/cjs/charts/composeChart.native.js.map +1 -1
  16. package/dist/cjs/code/CodeBlock/index.cjs +38 -31
  17. package/dist/cjs/code/CodeBlock/index.native.js +38 -31
  18. package/dist/cjs/code/CodeBlock/index.native.js.map +1 -1
  19. package/dist/cjs/code/LogView.cjs +142 -0
  20. package/dist/cjs/code/LogView.native.js +151 -0
  21. package/dist/cjs/code/LogView.native.js.map +1 -0
  22. package/dist/cjs/code/index.cjs +2 -1
  23. package/dist/cjs/code/index.native.js +1 -0
  24. package/dist/cjs/code/index.native.js.map +1 -1
  25. package/dist/cjs/layouts/EmptyState.cjs +9 -43
  26. package/dist/cjs/layouts/EmptyState.native.js +9 -45
  27. package/dist/cjs/layouts/EmptyState.native.js.map +1 -1
  28. package/dist/cjs/layouts/PageTemplates.cjs +61 -0
  29. package/dist/cjs/layouts/PageTemplates.native.js +62 -0
  30. package/dist/cjs/layouts/PageTemplates.native.js.map +1 -1
  31. package/dist/cjs/layouts/barTitleSpan.cjs +54 -0
  32. package/dist/cjs/layouts/barTitleSpan.native.js +78 -0
  33. package/dist/cjs/layouts/barTitleSpan.native.js.map +1 -0
  34. package/dist/cjs/layouts/page.cjs +130 -41
  35. package/dist/cjs/layouts/page.native.js +143 -45
  36. package/dist/cjs/layouts/page.native.js.map +1 -1
  37. package/dist/cjs/views/ImageGrid.cjs +9 -0
  38. package/dist/cjs/views/ImageGrid.native.js +12 -1
  39. package/dist/cjs/views/ImageGrid.native.js.map +1 -1
  40. package/dist/esm/charts/BarChart.mjs +1 -0
  41. package/dist/esm/charts/BarChart.mjs.map +1 -1
  42. package/dist/esm/charts/BarChart.native.js +1 -0
  43. package/dist/esm/charts/BarChart.native.js.map +1 -1
  44. package/dist/esm/charts/ChartDataView.mjs +83 -3
  45. package/dist/esm/charts/ChartDataView.mjs.map +1 -1
  46. package/dist/esm/charts/ChartDataView.native.js +88 -3
  47. package/dist/esm/charts/ChartDataView.native.js.map +1 -1
  48. package/dist/esm/charts/ChartSurface.mjs +26 -8
  49. package/dist/esm/charts/ChartSurface.mjs.map +1 -1
  50. package/dist/esm/charts/ChartSurface.native.js +27 -9
  51. package/dist/esm/charts/ChartSurface.native.js.map +1 -1
  52. package/dist/esm/charts/chartHeight.mjs +1 -1
  53. package/dist/esm/charts/chartHeight.mjs.map +1 -1
  54. package/dist/esm/charts/chartHeight.native.js +1 -1
  55. package/dist/esm/charts/chartHeight.native.js.map +1 -1
  56. package/dist/esm/charts/composeChart.mjs +1 -1
  57. package/dist/esm/charts/composeChart.mjs.map +1 -1
  58. package/dist/esm/charts/composeChart.native.js +1 -1
  59. package/dist/esm/charts/composeChart.native.js.map +1 -1
  60. package/dist/esm/code/CodeBlock/index.mjs +39 -32
  61. package/dist/esm/code/CodeBlock/index.mjs.map +1 -1
  62. package/dist/esm/code/CodeBlock/index.native.js +39 -32
  63. package/dist/esm/code/CodeBlock/index.native.js.map +1 -1
  64. package/dist/esm/code/LogView.mjs +117 -0
  65. package/dist/esm/code/LogView.mjs.map +1 -0
  66. package/dist/esm/code/LogView.native.js +123 -0
  67. package/dist/esm/code/LogView.native.js.map +1 -0
  68. package/dist/esm/code/index.mjs +1 -0
  69. package/dist/esm/code/index.mjs.map +1 -1
  70. package/dist/esm/code/index.native.js +1 -0
  71. package/dist/esm/code/index.native.js.map +1 -1
  72. package/dist/esm/layouts/EmptyState.mjs +9 -43
  73. package/dist/esm/layouts/EmptyState.mjs.map +1 -1
  74. package/dist/esm/layouts/EmptyState.native.js +9 -45
  75. package/dist/esm/layouts/EmptyState.native.js.map +1 -1
  76. package/dist/esm/layouts/PageTemplates.mjs +61 -1
  77. package/dist/esm/layouts/PageTemplates.mjs.map +1 -1
  78. package/dist/esm/layouts/PageTemplates.native.js +62 -1
  79. package/dist/esm/layouts/PageTemplates.native.js.map +1 -1
  80. package/dist/esm/layouts/barTitleSpan.mjs +27 -0
  81. package/dist/esm/layouts/barTitleSpan.mjs.map +1 -0
  82. package/dist/esm/layouts/barTitleSpan.native.js +48 -0
  83. package/dist/esm/layouts/barTitleSpan.native.js.map +1 -0
  84. package/dist/esm/layouts/page.mjs +132 -43
  85. package/dist/esm/layouts/page.mjs.map +1 -1
  86. package/dist/esm/layouts/page.native.js +145 -47
  87. package/dist/esm/layouts/page.native.js.map +1 -1
  88. package/dist/esm/views/ImageGrid.mjs +10 -1
  89. package/dist/esm/views/ImageGrid.mjs.map +1 -1
  90. package/dist/esm/views/ImageGrid.native.js +13 -2
  91. package/dist/esm/views/ImageGrid.native.js.map +1 -1
  92. package/dist/jsx/charts/BarChart.mjs +1 -0
  93. package/dist/jsx/charts/BarChart.mjs.map +1 -1
  94. package/dist/jsx/charts/BarChart.native.js +1 -0
  95. package/dist/jsx/charts/BarChart.native.js.map +1 -1
  96. package/dist/jsx/charts/ChartDataView.mjs +83 -3
  97. package/dist/jsx/charts/ChartDataView.mjs.map +1 -1
  98. package/dist/jsx/charts/ChartDataView.native.js +94 -9
  99. package/dist/jsx/charts/ChartDataView.native.js.map +1 -1
  100. package/dist/jsx/charts/ChartSurface.mjs +26 -8
  101. package/dist/jsx/charts/ChartSurface.mjs.map +1 -1
  102. package/dist/jsx/charts/ChartSurface.native.js +27 -9
  103. package/dist/jsx/charts/ChartSurface.native.js.map +1 -1
  104. package/dist/jsx/charts/chartHeight.mjs +1 -1
  105. package/dist/jsx/charts/chartHeight.mjs.map +1 -1
  106. package/dist/jsx/charts/chartHeight.native.js +1 -1
  107. package/dist/jsx/charts/chartHeight.native.js.map +1 -1
  108. package/dist/jsx/charts/composeChart.mjs +1 -1
  109. package/dist/jsx/charts/composeChart.mjs.map +1 -1
  110. package/dist/jsx/charts/composeChart.native.js +1 -1
  111. package/dist/jsx/charts/composeChart.native.js.map +1 -1
  112. package/dist/jsx/code/CodeBlock/index.mjs +39 -32
  113. package/dist/jsx/code/CodeBlock/index.mjs.map +1 -1
  114. package/dist/jsx/code/CodeBlock/index.native.js +38 -31
  115. package/dist/jsx/code/CodeBlock/index.native.js.map +1 -1
  116. package/dist/jsx/code/LogView.mjs +117 -0
  117. package/dist/jsx/code/LogView.mjs.map +1 -0
  118. package/dist/jsx/code/LogView.native.js +151 -0
  119. package/dist/jsx/code/LogView.native.js.map +1 -0
  120. package/dist/jsx/code/index.mjs +1 -0
  121. package/dist/jsx/code/index.mjs.map +1 -1
  122. package/dist/jsx/code/index.native.js +1 -0
  123. package/dist/jsx/code/index.native.js.map +1 -1
  124. package/dist/jsx/layouts/EmptyState.mjs +9 -43
  125. package/dist/jsx/layouts/EmptyState.mjs.map +1 -1
  126. package/dist/jsx/layouts/EmptyState.native.js +9 -45
  127. package/dist/jsx/layouts/EmptyState.native.js.map +1 -1
  128. package/dist/jsx/layouts/PageTemplates.mjs +61 -1
  129. package/dist/jsx/layouts/PageTemplates.mjs.map +1 -1
  130. package/dist/jsx/layouts/PageTemplates.native.js +62 -0
  131. package/dist/jsx/layouts/PageTemplates.native.js.map +1 -1
  132. package/dist/jsx/layouts/barTitleSpan.mjs +27 -0
  133. package/dist/jsx/layouts/barTitleSpan.mjs.map +1 -0
  134. package/dist/jsx/layouts/barTitleSpan.native.js +78 -0
  135. package/dist/jsx/layouts/barTitleSpan.native.js.map +1 -0
  136. package/dist/jsx/layouts/page.mjs +132 -43
  137. package/dist/jsx/layouts/page.mjs.map +1 -1
  138. package/dist/jsx/layouts/page.native.js +143 -45
  139. package/dist/jsx/layouts/page.native.js.map +1 -1
  140. package/dist/jsx/views/ImageGrid.mjs +10 -1
  141. package/dist/jsx/views/ImageGrid.mjs.map +1 -1
  142. package/dist/jsx/views/ImageGrid.native.js +12 -1
  143. package/dist/jsx/views/ImageGrid.native.js.map +1 -1
  144. package/package.json +9 -9
  145. package/src/charts/BarChart.tsx +8 -2
  146. package/src/charts/ChartDataView.spec.tsx +23 -2
  147. package/src/charts/ChartDataView.tsx +87 -6
  148. package/src/charts/ChartSurface.tsx +17 -8
  149. package/src/charts/chartHeight.ts +8 -2
  150. package/src/charts/composeChart.ts +3 -2
  151. package/src/code/CodeBlock/CodeBlock.copy.spec.tsx +13 -0
  152. package/src/code/CodeBlock/index.tsx +46 -30
  153. package/src/code/LogView.tsx +127 -0
  154. package/src/code/index.ts +1 -0
  155. package/src/layouts/DenseContent.stories.tsx +93 -0
  156. package/src/layouts/EmptyState.spec.tsx +2 -0
  157. package/src/layouts/EmptyState.tsx +6 -39
  158. package/src/layouts/PageHeader.stories.tsx +238 -38
  159. package/src/layouts/PageTemplates.tsx +90 -0
  160. package/src/layouts/barTitleSpan.spec.ts +35 -0
  161. package/src/layouts/barTitleSpan.ts +44 -0
  162. package/src/layouts/glyphCentre.spec.tsx +218 -0
  163. package/src/layouts/navBar.spec.tsx +58 -2
  164. package/src/layouts/page.tsx +126 -34
  165. package/src/views/ImageGrid.tsx +19 -2
  166. package/types/charts/BarChart.d.ts +1 -1
  167. package/types/charts/BarChart.d.ts.map +1 -1
  168. package/types/charts/ChartDataView.d.ts +3 -1
  169. package/types/charts/ChartDataView.d.ts.map +1 -1
  170. package/types/charts/ChartSurface.d.ts.map +1 -1
  171. package/types/charts/chartHeight.d.ts +2 -1
  172. package/types/charts/chartHeight.d.ts.map +1 -1
  173. package/types/charts/composeChart.d.ts +2 -1
  174. package/types/charts/composeChart.d.ts.map +1 -1
  175. package/types/code/CodeBlock/index.d.ts.map +1 -1
  176. package/types/code/LogView.d.ts +31 -0
  177. package/types/code/LogView.d.ts.map +1 -0
  178. package/types/code/index.d.ts +1 -0
  179. package/types/code/index.d.ts.map +1 -1
  180. package/types/layouts/EmptyState.d.ts.map +1 -1
  181. package/types/layouts/PageTemplates.d.ts +26 -0
  182. package/types/layouts/PageTemplates.d.ts.map +1 -1
  183. package/types/layouts/barTitleSpan.d.ts +29 -0
  184. package/types/layouts/barTitleSpan.d.ts.map +1 -0
  185. package/types/layouts/page.d.ts +6 -1
  186. package/types/layouts/page.d.ts.map +1 -1
  187. 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 height = useChartHeight(heightProp, 200);
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 [measuredWidth, setMeasuredWidth] = useState(0);
25
- var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
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 next = event.nativeEvent.layout.width;
28
- setMeasuredWidth(function (prev) {
29
- return Math.abs(prev - next) >= 0.5 ? next : prev;
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
- height,
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","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"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;AA+DtB,SAAAC,aAAA;AA9BD,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAG,MAAA,GAAAb,cAAA,CAAAc,UAAA;EACA,IAAAK,aAAQ,GAAAZ,qBAAA;EACR;IAAAa,MAAO;IAAAC;EAAA,IAAAb,aAAA;EACP,KAAAc,aAAA,EAAAC,gBAAA,IAAApB,QAAA;EACA,IAAGY,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAM,aAAA;EACL,IAAsBE,YAAA,GAAAtB,WAAA,WAAAuB,KAAA;IACpB,IAAMC,IAAA,GAAAD,KAAS,CAAAE,WAAe,CAAAC,MAAA,CAAAb,KAAY;IAC1CQ,gBAAM,WAAgBM,IAAA;MACtB,OAAQC,IAAA,CAAQC,GAAA,CAAAF,IAAA,GAAAH,IAAA,KAAiB,GAAI,GAAAA,IAAA,GAAAG,IAAc;IACnD;EACA,MAAM;EAEN,OAAM,eAAe9B,IAAA,CAAAK,MAAa;IAChCW,KAAA,EAAM,MAAO;IACbF,MAAA;IACFmB,QAAK;IAELC,QACE,EAAAjB,SAAA,cAAAQ,YAAA;IAAC,GAAAvB,eAAA,CAAAmB,MAAA;IAAA,IAAAC,gBAAA;MACCa,UAAM;QACNC,OAAA;QACAC,CAAA;MACA;IAAmD,IAClD,CAAG;IAAsB,GACzBlB,UAAI;IAA2DD,QAC5D,EAAAF,KAAA,sBAAAhB,IAAA,CAAAM,GAAA;MAEHU,KAAA;MAIGF,MAAA;MACN,GAAAP,kBAAA,CAAAK,KAAA,EAAAC,KAAA;MAEJ,GAAAO,aAAA","ignoreList":[]}
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;AAI9D,SAASC,eAAeC,MAAA,EAAiCC,QAAA,EAA0B;EACxFH,gBAAA,CAAiB;EACjB,MAAMI,KAAA,GAAQ,OAAOF,MAAA,KAAW,WAAWH,oBAAA,CAAqB,EAAEM,IAAA,CAAKH,MAAM,IAAIA,MAAA;EACjF,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}
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;AAI9D,SAASC,eAAeC,MAAA,EAAiCC,QAAA,EAA0B;EACxFH,gBAAA,CAAiB;EACjB,IAAAI,KAAM,UAAQF,MAAO,aAAW,GAAAH,oBAAW,GAAqBM,IAAE,CAAAH,MAAK,IAAMA,MAAI;EACjF,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}
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":"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","ignoreList":[]}
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;AAOO;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
+ {"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 { ClipboardIcon } from "@phosphor-icons/react";
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__ */jsx(Pre, {
117
+ }), /* @__PURE__ */jsxs(Pre, {
118
118
  ...knobProps.borderRadius,
119
119
  padding: 0,
120
120
  marginBottom: 0,
121
- children: /* @__PURE__ */jsx(ScrollView, {
122
- style: {
123
- width: "100%"
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
- }), showCopy && /* @__PURE__ */jsx(XStack, {
147
- position: "absolute",
148
- top: 0,
149
- insetInlineEnd: 0,
150
- zIndex: zIndex.localTop,
151
- children: /* @__PURE__ */jsx(Input.Button, {
152
- glyphRing: true,
153
- size: codeSize,
154
- type: "button",
155
- "aria-label": "Copy to clipboard",
156
- "data-press-min": MIN_PRESS_TARGET,
157
- hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
158
- onPress: activateCopy,
159
- onKeyDown: e => {
160
- if (e.key === "Enter" || e.key === " ") {
161
- e.preventDefault();
162
- e.stopPropagation();
163
- activateCopy();
164
- }
165
- },
166
- children: /* @__PURE__ */jsx(Input.Icon, {
167
- "aria-hidden": true,
168
- children: /* @__PURE__ */jsx(ClipboardIcon, {})
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","ClipboardIcon","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","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","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","glyphRing","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","scope"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
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 { ClipboardIcon } from "@phosphor-icons/react";
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__ */_jsx(Pre, {
122
+ }), /* @__PURE__ */_jsxs(Pre, {
123
123
  ...knobProps.borderRadius,
124
124
  padding: 0,
125
125
  marginBottom: 0,
126
- children: /* @__PURE__ */_jsx(ScrollView, {
127
- style: {
128
- width: "100%"
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
- }), showCopy && /* @__PURE__ */_jsx(XStack, {
152
- position: "absolute",
153
- top: 0,
154
- insetInlineEnd: 0,
155
- zIndex: zIndex.localTop,
156
- children: /* @__PURE__ */_jsx(Input.Button, {
157
- glyphRing: true,
158
- size: codeSize,
159
- type: "button",
160
- "aria-label": "Copy to clipboard",
161
- "data-press-min": MIN_PRESS_TARGET,
162
- hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
163
- onPress: activateCopy,
164
- onKeyDown: function onKeyDown(e) {
165
- if (e.key === "Enter" || e.key === " ") {
166
- e.preventDefault();
167
- e.stopPropagation();
168
- activateCopy();
169
- }
170
- },
171
- children: /* @__PURE__ */_jsx(Input.Icon, {
172
- "aria-hidden": true,
173
- children: /* @__PURE__ */_jsx(ClipboardIcon, {})
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","ClipboardIcon","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","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","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","glyphRing","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
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":[]}