minerva-design 1.2.0 → 1.4.0

package/dist/native/components/ShapeChart/ShapeChartBase.cjs

@@ -0,0 +1,2 @@
+const e=require("../../theme/MinervaProvider.cjs"),t=require("../../internal/parts.cjs"),n=require("../../charts/src/engine/shapes/canvas.cjs");require("../../charts/src/canvas.cjs");const r=require("../Chart/theme.cjs"),i=require("./draw.cjs"),a=require("./recorder.cjs"),o=require("./geometry.cjs");let s=require("react"),c=require("react-native"),l=require("react/jsx-runtime");var u=8,d=e=>{if(typeof requestAnimationFrame==`function`){let t=requestAnimationFrame(e);return{cancel:()=>cancelAnimationFrame(t)}}let t=setTimeout(e,16);return{cancel:()=>clearTimeout(t)}},f=e=>{switch(e.type){case`pie`:return e.rose?`Rose chart`:(e.innerRadius??0)>0?`Donut chart`:`Pie chart`;case`radar`:return`Radar chart`;case`gauge`:return e.label?`Gauge: ${e.label}`:`Gauge`;case`funnel`:return`Funnel chart`;case`treemap`:return`Treemap`;case`sankey`:return`Sankey diagram`;case`sunburst`:return`Sunburst chart`;case`radialBar`:return`Radial bar chart`;case`calendarHeatmap`:return`Calendar heatmap`;case`bullet`:return`Bullet chart`;default:return`Chart`}};function p(e,t,r){let i=a.createRecorder(),s=e,c=t,l=r,f=null,p=0,m=new Set,h=null,g=null,_=null,v={x:0,y:0},y={x:0,y:0},b=null,x=new Map,S=1,C=()=>{p++,m.forEach(e=>e())},w=()=>{let e=i.ops();e!==h&&(h=e,C())},T={width:0,height:0,getContext:()=>i.context,requestAnimationFrame(e){let t=S++;return x.set(t,d(()=>{x.delete(t),e(),w()})),t},cancelAnimationFrame(e){x.get(e)?.cancel(),x.delete(e)}},E=e=>({x:e.pageX-y.x,y:e.pageY-y.y}),D=e=>{let t=e.nativeEvent,n=t.changedTouches?.[0]??t.touches?.[0]??t;return E(n)},O=()=>{f&&(f.render(),w())};return{subscribe(e){return m.add(e),()=>{m.delete(e)}},version:()=>p,prims(){let e=h??[];return(!g||g.ops!==e)&&(g={ops:e,prims:o.framePrims(e)}),g.prims},mount(e){let t=n.createCanvasShapeChart({canvas:T,width:l?.[0]??0,height:l?.[1]??0,pixelRatio:1,options:s,theme:c});f=t;let r=[t.on(`hover`,t=>{_=t,e().onHover?.(t)}),t.on(`click`,t=>e().onClick?.(t)),t.on(`toggle`,t=>e().onToggle?.(t)),t.on(`drill`,t=>e().onDrill?.(t))];return w(),()=>{r.forEach(e=>e()),t.destroy(),x.forEach(e=>e.cancel()),x.clear(),f===t&&(f=null),_=null}},instance:()=>f,setOptions(e){e!==s&&(s=e,f?.setOptions(e),O())},setTheme(e){e!==c&&(c=e,f?.setTheme(e),O())},setSize(e,t){l&&l[0]===e&&l[1]===t||(l=[e,t],f?.resize(e,t,1),O())},size:()=>l,tip:()=>_?{event:_,x:v.x,y:v.y}:null,touchStart(e){let t=e.nativeEvent;t.locationX!==void 0&&(y={x:t.pageX-t.locationX,y:t.pageY-(t.locationY??0)});let n=E(t);v=n,b={x:n.x,y:n.y,moved:!1},f?.pointerMove(n.x,n.y)},touchMove(e){let t=D(e);v=t,b&&Math.hypot(t.x-b.x,t.y-b.y)>u&&(b.moved=!0),f?.pointerMove(t.x,t.y)},touchEnd(e){let t=D(e),n=b&&!b.moved;b=null,n&&f&&(v=t,f.pointerDown(t.x,t.y),f.pointerUp(t.x,t.y))},touchCancel(){b=null,f?.pointerLeave()}}}function m({anchor:n,width:r,height:i,children:a}){let{colors:o}=e.useTheme(),[u,d]=(0,s.useState)(null),f=n.x+14,p=n.y;return u&&(f+u.width>r-4&&(f=n.x-14-u.width),f=Math.max(4,Math.min(f,r-u.width-4)),p=Math.max(4,Math.min(n.y-u.height-12,i-u.height-4))),(0,l.jsx)(c.View,{pointerEvents:`none`,...t.part(`chart`,`tooltip`,{custom:!0}),onLayout:e=>{let{width:t,height:n}=e.nativeEvent.layout;d(e=>e&&e.width===t&&e.height===n?e:{width:t,height:n})},style:{position:`absolute`,left:0,top:0,maxWidth:Math.max(0,r-8),padding:8,backgroundColor:o[`surface-color`],borderColor:o[`border-color`],borderWidth:1,borderRadius:8,shadowColor:`#0f172a`,shadowOpacity:.18,shadowRadius:8,shadowOffset:{width:0,height:6},elevation:6,opacity:+!!u,transform:[{translateX:f},{translateY:p}]},children:a})}function h({options:n,height:a=320,width:o=`100%`,style:u,testID:d,handleRef:h,renderTooltip:g,..._}){let{tokens:v,fonts:y,reducedMotion:b}=e.useTheme(),x=y.sans,S=(0,s.useMemo)(()=>r.chartThemeInput(v),[v]),C=!!g&&n.tooltip!==!1,w=(0,s.useMemo)(()=>{let e=n;if(b&&e.animation!==!1&&(e={...e,animation:!1}),C){let t=typeof e.tooltip==`object`?e.tooltip:{};e={...e,tooltip:{...t,render:()=>``}}}return e},[n,C,b]),[T]=(0,s.useState)(()=>p(w,S,typeof o==`number`&&typeof a==`number`?[o,a]:null));(0,s.useSyncExternalStore)(T.subscribe,T.version,T.version),(0,s.useLayoutEffect)(()=>{T.setTheme(S),T.setOptions(w)},[T,w,S]),(0,s.useLayoutEffect)(()=>{typeof o==`number`&&typeof a==`number`&&T.setSize(o,a)},[T,o,a]);let E=(0,s.useRef)(_);(0,s.useLayoutEffect)(()=>{E.current=_}),(0,s.useEffect)(()=>{let e=E;return T.mount(()=>e.current)},[T]),(0,s.useImperativeHandle)(h,()=>({getInstance:()=>T.instance()}),[T]);let D=e=>{let{width:t,height:n}=e.nativeEvent.layout;t>0&&n>0&&T.setSize(t,n)},O=T.prims(),k=T.size(),A=C?T.tip():null,j=null;if(A&&k&&g){let e=g(A.event);e!=null&&e!==!1&&(j=(0,l.jsx)(m,{anchor:{x:A.x,y:A.y},width:k[0],height:k[1],children:e}))}return(0,l.jsxs)(c.View,{testID:d,onLayout:D,style:[{width:o,height:a},u],...t.part(`chart`,`root`),children:[(0,l.jsx)(c.View,{style:c.StyleSheet.absoluteFill,accessible:!0,accessibilityRole:`image`,accessibilityLabel:n.ariaLabel??f(n),onStartShouldSetResponder:()=>!0,onResponderGrant:T.touchStart,onResponderMove:T.touchMove,onResponderRelease:T.touchEnd,onResponderTerminate:T.touchCancel,...t.part(`chart`,`surface`),children:(0,l.jsx)(c.View,{pointerEvents:`none`,style:c.StyleSheet.absoluteFill,children:i.renderPrims(O,x)})}),j]})}exports.ShapeChartBase=h,exports.describeShapeChart=f;
+//# sourceMappingURL=ShapeChartBase.cjs.map

package/dist/native/components/ShapeChart/ShapeChartBase.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeChartBase.cjs","names":["createRecorder","framePrims","createCanvasShapeChart","useTheme","useState","View","part","useMemo","chartThemeInput","useRef","StyleSheet","renderPrims","require_MinervaProvider","require_parts","require_canvas","require_theme","require_draw","require_recorder","require_geometry","react","react_native","react_jsx_runtime","TAP_SLOP","requestFrame","id","callback","describeShapeChart","o","createShapeStore","recorder","options","initialOptions","theme","initialTheme","size","initialSize","instance","version","listeners","committed","cache","hover","finger","origin","press","frames","nextFrame","notify","listener","commit","ops","canvas","local","t","pointOf","n","event","renderNow","chart","offs","e","handlers","off","frame","next","width","height","p","tap","CustomTooltip","setSize","left","anchor","top","w","h","previous","colors","ShapeChartBase","family","fonts","tokens","customTooltip","renderTooltip","resolved","reducedMotion","base","store","handlersRef","handleRef","onLayout","prims","tip","tooltip","content","style"],"sources":["../../../../../native/src/components/ShapeChart/ShapeChartBase.tsx"],"sourcesContent":["// The shape chart host of React Native. The platform-free engine\n// (`createCanvasShapeChart` of @minerva/charts/canvas: layouts, animations,\n// legend, tooltip, hover dimming, toggles, events) draws every frame on a\n// recording canvas (./recorder); the recorded operations become views\n// (./geometry, ./draw). No canvas, SVG or native drawing module is needed,\n// and every shape type of the engine is drawn the same way.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createCanvasShapeChart,\n  type CanvasShapeChartInstance,\n  type ChartCanvas,\n  type ChartThemeInput,\n  type ShapeChartOptions,\n  type ShapeDrillEvent,\n  type ShapeHoverEvent,\n  type ShapeToggleEvent,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { chartThemeInput } from \"../Chart/theme\";\nimport { renderPrims } from \"./draw\";\nimport { framePrims, type Prim } from \"./geometry\";\nimport { createRecorder, type DrawOp } from \"./recorder\";\nimport type { ShapeChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ShapeHoverEvent | null) => void;\n  onClick?: (event: ShapeHoverEvent) => void;\n  onToggle?: (event: ShapeToggleEvent) => void;\n  onDrill?: (event: ShapeDrillEvent) => void;\n}\n\n/** Fingers moving less than this (px) tap */\nconst TAP_SLOP = 8;\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\ninterface TouchPoint {\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\n/** Default accessible name of a chart (like the web charts) */\nexport const describeShapeChart = (o: ShapeChartOptions): string => {\n  switch (o.type) {\n    case \"pie\":\n      return o.rose\n        ? \"Rose chart\"\n        : (o.innerRadius ?? 0) > 0\n          ? \"Donut chart\"\n          : \"Pie chart\";\n    case \"radar\":\n      return \"Radar chart\";\n    case \"gauge\":\n      return o.label ? `Gauge: ${o.label}` : \"Gauge\";\n    case \"funnel\":\n      return \"Funnel chart\";\n    case \"treemap\":\n      return \"Treemap\";\n    case \"sankey\":\n      return \"Sankey diagram\";\n    case \"sunburst\":\n      return \"Sunburst chart\";\n    case \"radialBar\":\n      return \"Radial bar chart\";\n    case \"calendarHeatmap\":\n      return \"Calendar heatmap\";\n    case \"bullet\":\n      return \"Bullet chart\";\n    default:\n      return \"Chart\";\n  }\n};\n\ninterface ShapeStore {\n  subscribe(listener: () => void): () => void;\n  version(): number;\n  /** Views of the last frame */\n  prims(): Prim[];\n  /** Creates the engine (in an effect); returns its teardown */\n  mount(handlers: () => Handlers): () => void;\n  instance(): CanvasShapeChartInstance | null;\n  setOptions(options: ShapeChartOptions): void;\n  setTheme(theme: ChartThemeInput): void;\n  setSize(width: number, height: number): void;\n  size(): [number, number] | null;\n  /** Hovered mark and finger, for `renderTooltip` */\n  tip(): { event: ShapeHoverEvent; x: number; y: number } | null;\n  touchStart(event: GestureResponderEvent): void;\n  touchMove(event: GestureResponderEvent): void;\n  touchEnd(event: GestureResponderEvent): void;\n  touchCancel(): void;\n}\n\nfunction createShapeStore(\n  initialOptions: ShapeChartOptions,\n  initialTheme: ChartThemeInput,\n  initialSize: [number, number] | null,\n): ShapeStore {\n  const recorder = createRecorder();\n  let options = initialOptions;\n  let theme = initialTheme;\n  let size = initialSize;\n  let instance: CanvasShapeChartInstance | null = null;\n  let version = 0;\n  const listeners = new Set<() => void>();\n  let committed: DrawOp[] | null = null;\n  let cache: { ops: DrawOp[]; prims: Prim[] } | null = null;\n  let hover: ShapeHoverEvent | null = null;\n  let finger = { x: 0, y: 0 };\n  let origin = { x: 0, y: 0 };\n  let press: { x: number; y: number; moved: boolean } | null = null;\n  const frames = new Map<number, Frame>();\n  let nextFrame = 1;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  /** Draws the views of a new frame */\n  const commit = () => {\n    const ops = recorder.ops();\n    if (ops === committed) return;\n    committed = ops;\n    notify();\n  };\n\n  const canvas: ChartCanvas = {\n    width: 0,\n    height: 0,\n    getContext: () => recorder.context,\n    requestAnimationFrame(callback) {\n      const id = nextFrame++;\n      frames.set(\n        id,\n        requestFrame(() => {\n          frames.delete(id);\n          callback();\n          commit();\n        }),\n      );\n      return id;\n    },\n    cancelAnimationFrame(id) {\n      frames.get(id)?.cancel();\n      frames.delete(id);\n    },\n  };\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n  const pointOf = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const t: TouchPoint =\n      (n.changedTouches?.[0] as TouchPoint | undefined) ??\n      (n.touches?.[0] as TouchPoint | undefined) ??\n      (n as unknown as TouchPoint);\n    return local(t);\n  };\n  /** Renders now (sizes, options) instead of on the next frame */\n  const renderNow = () => {\n    if (!instance) return;\n    instance.render();\n    commit();\n  };\n\n  const store: ShapeStore = {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    version: () => version,\n    prims() {\n      const ops = committed ?? [];\n      if (!cache || cache.ops !== ops) cache = { ops, prims: framePrims(ops) };\n      return cache.prims;\n    },\n    mount(handlers) {\n      const chart = createCanvasShapeChart({\n        canvas,\n        width: size?.[0] ?? 0,\n        height: size?.[1] ?? 0,\n        pixelRatio: 1,\n        options,\n        theme,\n      });\n      instance = chart;\n      const offs = [\n        chart.on(\"hover\", (e) => {\n          hover = e;\n          handlers().onHover?.(e);\n        }),\n        chart.on(\"click\", (e) => handlers().onClick?.(e)),\n        chart.on(\"toggle\", (e) => handlers().onToggle?.(e)),\n        chart.on(\"drill\", (e) => handlers().onDrill?.(e)),\n      ];\n      commit();\n      return () => {\n        offs.forEach((off) => off());\n        chart.destroy();\n        frames.forEach((frame) => frame.cancel());\n        frames.clear();\n        if (instance === chart) instance = null;\n        hover = null;\n      };\n    },\n    instance: () => instance,\n    setOptions(next) {\n      if (next === options) return;\n      options = next;\n      instance?.setOptions(next);\n      renderNow();\n    },\n    setTheme(next) {\n      if (next === theme) return;\n      theme = next;\n      instance?.setTheme(next);\n      renderNow();\n    },\n    setSize(width, height) {\n      if (size && size[0] === width && size[1] === height) return;\n      size = [width, height];\n      instance?.resize(width, height, 1);\n      renderNow();\n    },\n    size: () => size,\n    tip: () => (hover ? { event: hover, x: finger.x, y: finger.y } : null),\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      const p = local(n);\n      finger = p;\n      press = { x: p.x, y: p.y, moved: false };\n      // pressing highlights the mark under the finger (and shows its tooltip)\n      instance?.pointerMove(p.x, p.y);\n    },\n    touchMove(event) {\n      const p = pointOf(event);\n      finger = p;\n      if (press && Math.hypot(p.x - press.x, p.y - press.y) > TAP_SLOP)\n        press.moved = true;\n      instance?.pointerMove(p.x, p.y);\n    },\n    touchEnd(event) {\n      const p = pointOf(event);\n      const tap = press && !press.moved;\n      press = null;\n      // a tap toggles a legend item or clicks a mark\n      if (tap && instance) {\n        finger = p;\n        instance.pointerDown(p.x, p.y);\n        instance.pointerUp(p.x, p.y);\n      }\n    },\n    touchCancel() {\n      press = null;\n      instance?.pointerLeave();\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  anchor,\n  width,\n  height,\n  children,\n}: {\n  anchor: { x: number; y: number };\n  width: number;\n  height: number;\n  children: ReactNode;\n}) {\n  const { colors } = useTheme();\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height - 12, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={{\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n        maxWidth: Math.max(0, width - 8),\n        padding: 8,\n        backgroundColor: colors[\"surface-color\"],\n        borderColor: colors[\"border-color\"],\n        borderWidth: 1,\n        borderRadius: 8,\n        shadowColor: \"#0f172a\",\n        shadowOpacity: 0.18,\n        shadowRadius: 8,\n        shadowOffset: { width: 0, height: 6 },\n        elevation: 6,\n        opacity: size ? 1 : 0,\n        transform: [{ translateX: left }, { translateY: top }],\n      }}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport interface ShapeChartBaseProps extends Handlers {\n  options: ShapeChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ShapeChartHandle>;\n  renderTooltip?: (event: ShapeHoverEvent) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the engine and draws its frames */\nexport function ShapeChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  ...handlers\n}: ShapeChartBaseProps) {\n  const { tokens, fonts, reducedMotion } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ShapeChartOptions => {\n    let next = options;\n    if (reducedMotion && next.animation !== false)\n      next = { ...next, animation: false };\n    if (customTooltip) {\n      const base = typeof next.tooltip === \"object\" ? next.tooltip : {};\n      // an empty text: the engine draws no tooltip, the React one shows\n      next = { ...next, tooltip: { ...base, render: () => \"\" } };\n    }\n    return next;\n  }, [options, customTooltip, reducedMotion]);\n\n  const [store] = useState(() =>\n    createShapeStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  useLayoutEffect(() => {\n    store.setTheme(theme);\n    store.setOptions(resolved);\n  }, [store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width === \"number\" && typeof height === \"number\")\n      store.setSize(width, height);\n  }, [store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    return store.mount(() => h.current);\n  }, [store]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({ getInstance: () => store.instance() }),\n    [store],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    if (w > 0 && h > 0) store.setSize(w, h);\n  };\n\n  const prims = store.prims();\n  const frame = store.size();\n  const tip = customTooltip ? store.tip() : null;\n  let tooltip: ReactNode = null;\n  if (tip && frame && renderTooltip) {\n    const content = renderTooltip(tip.event);\n    if (content !== null && content !== undefined && content !== false)\n      tooltip = (\n        <CustomTooltip\n          anchor={{ x: tip.x, y: tip.y }}\n          width={frame[0]}\n          height={frame[1]}\n        >\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={options.ariaLabel ?? describeShapeChart(options)}\n        onStartShouldSetResponder={() => true}\n        onResponderGrant={store.touchStart}\n        onResponderMove={store.touchMove}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {renderPrims(prims, family)}\n        </View>\n      </View>\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}

package/dist/native/components/ShapeChart/ShapeChartBase.d.cts

@@ -0,0 +1,24 @@
+import { ReactNode, Ref } from 'react';
+import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
+import { ShapeChartOptions, ShapeDrillEvent, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/canvas.cjs';
+import { ShapeChartHandle } from './types.cjs';
+interface Handlers {
+    onHover?: (event: ShapeHoverEvent | null) => void;
+    onClick?: (event: ShapeHoverEvent) => void;
+    onToggle?: (event: ShapeToggleEvent) => void;
+    onDrill?: (event: ShapeDrillEvent) => void;
+}
+/** Default accessible name of a chart (like the web charts) */
+export declare const describeShapeChart: (o: ShapeChartOptions) => string;
+export interface ShapeChartBaseProps extends Handlers {
+    options: ShapeChartOptions;
+    height?: DimensionValue;
+    width?: DimensionValue;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    handleRef?: Ref<ShapeChartHandle>;
+    renderTooltip?: (event: ShapeHoverEvent) => ReactNode;
+}
+/** Sizes the chart, forwards options / theme / touches to the engine and draws its frames */
+export declare function ShapeChartBase({ options, height, width, style, testID, handleRef, renderTooltip, ...handlers }: ShapeChartBaseProps): import('react').JSX.Element;
+export {};

package/dist/native/components/ShapeChart/ShapeChartBase.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode, Ref } from 'react';
+import { DimensionValue, StyleProp, ViewStyle } from 'react-native';
+import { ShapeChartOptions, ShapeDrillEvent, ShapeHoverEvent, ShapeToggleEvent } from '../../../charts/canvas.js';
+import { ShapeChartHandle } from './types.js';
+interface Handlers {
+    onHover?: (event: ShapeHoverEvent | null) => void;
+    onClick?: (event: ShapeHoverEvent) => void;
+    onToggle?: (event: ShapeToggleEvent) => void;
+    onDrill?: (event: ShapeDrillEvent) => void;
+}
+/** Default accessible name of a chart (like the web charts) */
+export declare const describeShapeChart: (o: ShapeChartOptions) => string;
+export interface ShapeChartBaseProps extends Handlers {
+    options: ShapeChartOptions;
+    height?: DimensionValue;
+    width?: DimensionValue;
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+    handleRef?: Ref<ShapeChartHandle>;
+    renderTooltip?: (event: ShapeHoverEvent) => ReactNode;
+}
+/** Sizes the chart, forwards options / theme / touches to the engine and draws its frames */
+export declare function ShapeChartBase({ options, height, width, style, testID, handleRef, renderTooltip, ...handlers }: ShapeChartBaseProps): import('react').JSX.Element;
+export {};

package/dist/native/components/ShapeChart/ShapeChartBase.js

@@ -0,0 +1,271 @@
+import { useTheme as e } from "../../theme/MinervaProvider.js";
+import { part as t } from "../../internal/parts.js";
+import { createCanvasShapeChart as n } from "../../charts/src/engine/shapes/canvas.js";
+import "../../charts/src/canvas.js";
+import { chartThemeInput as r } from "../Chart/theme.js";
+import { renderPrims as i } from "./draw.js";
+import { createRecorder as a } from "./recorder.js";
+import { framePrims as o } from "./geometry.js";
+import { useEffect as s, useImperativeHandle as c, useLayoutEffect as l, useMemo as u, useRef as d, useState as f, useSyncExternalStore as p } from "react";
+import { StyleSheet as m, View as h } from "react-native";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/ShapeChart/ShapeChartBase.tsx
+var v = 8, y = (e) => {
+	if (typeof requestAnimationFrame == "function") {
+		let t = requestAnimationFrame(e);
+		return { cancel: () => cancelAnimationFrame(t) };
+	}
+	let t = setTimeout(e, 16);
+	return { cancel: () => clearTimeout(t) };
+}, b = (e) => {
+	switch (e.type) {
+		case "pie": return e.rose ? "Rose chart" : (e.innerRadius ?? 0) > 0 ? "Donut chart" : "Pie chart";
+		case "radar": return "Radar chart";
+		case "gauge": return e.label ? `Gauge: ${e.label}` : "Gauge";
+		case "funnel": return "Funnel chart";
+		case "treemap": return "Treemap";
+		case "sankey": return "Sankey diagram";
+		case "sunburst": return "Sunburst chart";
+		case "radialBar": return "Radial bar chart";
+		case "calendarHeatmap": return "Calendar heatmap";
+		case "bullet": return "Bullet chart";
+		default: return "Chart";
+	}
+};
+function x(e, t, r) {
+	let i = a(), s = e, c = t, l = r, u = null, d = 0, f = /* @__PURE__ */ new Set(), p = null, m = null, h = null, g = {
+		x: 0,
+		y: 0
+	}, _ = {
+		x: 0,
+		y: 0
+	}, b = null, x = /* @__PURE__ */ new Map(), S = 1, C = () => {
+		d++, f.forEach((e) => e());
+	}, w = () => {
+		let e = i.ops();
+		e !== p && (p = e, C());
+	}, T = {
+		width: 0,
+		height: 0,
+		getContext: () => i.context,
+		requestAnimationFrame(e) {
+			let t = S++;
+			return x.set(t, y(() => {
+				x.delete(t), e(), w();
+			})), t;
+		},
+		cancelAnimationFrame(e) {
+			x.get(e)?.cancel(), x.delete(e);
+		}
+	}, E = (e) => ({
+		x: e.pageX - _.x,
+		y: e.pageY - _.y
+	}), D = (e) => {
+		let t = e.nativeEvent, n = t.changedTouches?.[0] ?? t.touches?.[0] ?? t;
+		return E(n);
+	}, O = () => {
+		u && (u.render(), w());
+	};
+	return {
+		subscribe(e) {
+			return f.add(e), () => {
+				f.delete(e);
+			};
+		},
+		version: () => d,
+		prims() {
+			let e = p ?? [];
+			return (!m || m.ops !== e) && (m = {
+				ops: e,
+				prims: o(e)
+			}), m.prims;
+		},
+		mount(e) {
+			let t = n({
+				canvas: T,
+				width: l?.[0] ?? 0,
+				height: l?.[1] ?? 0,
+				pixelRatio: 1,
+				options: s,
+				theme: c
+			});
+			u = t;
+			let r = [
+				t.on("hover", (t) => {
+					h = t, e().onHover?.(t);
+				}),
+				t.on("click", (t) => e().onClick?.(t)),
+				t.on("toggle", (t) => e().onToggle?.(t)),
+				t.on("drill", (t) => e().onDrill?.(t))
+			];
+			return w(), () => {
+				r.forEach((e) => e()), t.destroy(), x.forEach((e) => e.cancel()), x.clear(), u === t && (u = null), h = null;
+			};
+		},
+		instance: () => u,
+		setOptions(e) {
+			e !== s && (s = e, u?.setOptions(e), O());
+		},
+		setTheme(e) {
+			e !== c && (c = e, u?.setTheme(e), O());
+		},
+		setSize(e, t) {
+			l && l[0] === e && l[1] === t || (l = [e, t], u?.resize(e, t, 1), O());
+		},
+		size: () => l,
+		tip: () => h ? {
+			event: h,
+			x: g.x,
+			y: g.y
+		} : null,
+		touchStart(e) {
+			let t = e.nativeEvent;
+			t.locationX !== void 0 && (_ = {
+				x: t.pageX - t.locationX,
+				y: t.pageY - (t.locationY ?? 0)
+			});
+			let n = E(t);
+			g = n, b = {
+				x: n.x,
+				y: n.y,
+				moved: !1
+			}, u?.pointerMove(n.x, n.y);
+		},
+		touchMove(e) {
+			let t = D(e);
+			g = t, b && Math.hypot(t.x - b.x, t.y - b.y) > v && (b.moved = !0), u?.pointerMove(t.x, t.y);
+		},
+		touchEnd(e) {
+			let t = D(e), n = b && !b.moved;
+			b = null, n && u && (g = t, u.pointerDown(t.x, t.y), u.pointerUp(t.x, t.y));
+		},
+		touchCancel() {
+			b = null, u?.pointerLeave();
+		}
+	};
+}
+function S({ anchor: n, width: r, height: i, children: a }) {
+	let { colors: o } = e(), [s, c] = f(null), l = n.x + 14, u = n.y;
+	return s && (l + s.width > r - 4 && (l = n.x - 14 - s.width), l = Math.max(4, Math.min(l, r - s.width - 4)), u = Math.max(4, Math.min(n.y - s.height - 12, i - s.height - 4))), /* @__PURE__ */ g(h, {
+		pointerEvents: "none",
+		...t("chart", "tooltip", { custom: !0 }),
+		onLayout: (e) => {
+			let { width: t, height: n } = e.nativeEvent.layout;
+			c((e) => e && e.width === t && e.height === n ? e : {
+				width: t,
+				height: n
+			});
+		},
+		style: {
+			position: "absolute",
+			left: 0,
+			top: 0,
+			maxWidth: Math.max(0, r - 8),
+			padding: 8,
+			backgroundColor: o["surface-color"],
+			borderColor: o["border-color"],
+			borderWidth: 1,
+			borderRadius: 8,
+			shadowColor: "#0f172a",
+			shadowOpacity: .18,
+			shadowRadius: 8,
+			shadowOffset: {
+				width: 0,
+				height: 6
+			},
+			elevation: 6,
+			opacity: +!!s,
+			transform: [{ translateX: l }, { translateY: u }]
+		},
+		children: a
+	});
+}
+function C({ options: n, height: a = 320, width: o = "100%", style: v, testID: y, handleRef: C, renderTooltip: w, ...T }) {
+	let { tokens: E, fonts: D, reducedMotion: O } = e(), k = D.sans, A = u(() => r(E), [E]), j = !!w && n.tooltip !== !1, M = u(() => {
+		let e = n;
+		if (O && e.animation !== !1 && (e = {
+			...e,
+			animation: !1
+		}), j) {
+			let t = typeof e.tooltip == "object" ? e.tooltip : {};
+			e = {
+				...e,
+				tooltip: {
+					...t,
+					render: () => ""
+				}
+			};
+		}
+		return e;
+	}, [
+		n,
+		j,
+		O
+	]), [N] = f(() => x(M, A, typeof o == "number" && typeof a == "number" ? [o, a] : null));
+	p(N.subscribe, N.version, N.version), l(() => {
+		N.setTheme(A), N.setOptions(M);
+	}, [
+		N,
+		M,
+		A
+	]), l(() => {
+		typeof o == "number" && typeof a == "number" && N.setSize(o, a);
+	}, [
+		N,
+		o,
+		a
+	]);
+	let P = d(T);
+	l(() => {
+		P.current = T;
+	}), s(() => {
+		let e = P;
+		return N.mount(() => e.current);
+	}, [N]), c(C, () => ({ getInstance: () => N.instance() }), [N]);
+	let F = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout;
+		t > 0 && n > 0 && N.setSize(t, n);
+	}, I = N.prims(), L = N.size(), R = j ? N.tip() : null, z = null;
+	if (R && L && w) {
+		let e = w(R.event);
+		e != null && e !== !1 && (z = /* @__PURE__ */ g(S, {
+			anchor: {
+				x: R.x,
+				y: R.y
+			},
+			width: L[0],
+			height: L[1],
+			children: e
+		}));
+	}
+	return /* @__PURE__ */ _(h, {
+		testID: y,
+		onLayout: F,
+		style: [{
+			width: o,
+			height: a
+		}, v],
+		...t("chart", "root"),
+		children: [/* @__PURE__ */ g(h, {
+			style: m.absoluteFill,
+			accessible: !0,
+			accessibilityRole: "image",
+			accessibilityLabel: n.ariaLabel ?? b(n),
+			onStartShouldSetResponder: () => !0,
+			onResponderGrant: N.touchStart,
+			onResponderMove: N.touchMove,
+			onResponderRelease: N.touchEnd,
+			onResponderTerminate: N.touchCancel,
+			...t("chart", "surface"),
+			children: /* @__PURE__ */ g(h, {
+				pointerEvents: "none",
+				style: m.absoluteFill,
+				children: i(I, k)
+			})
+		}), z]
+	});
+}
+//#endregion
+export { C as ShapeChartBase, b as describeShapeChart };
+
+//# sourceMappingURL=ShapeChartBase.js.map

package/dist/native/components/ShapeChart/ShapeChartBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeChartBase.js","names":["TAP_SLOP","requestFrame","id","callback","describeShapeChart","o","createShapeStore","recorder","createRecorder","options","initialOptions","theme","initialTheme","size","initialSize","instance","version","listeners","committed","cache","hover","finger","origin","press","frames","nextFrame","notify","listener","commit","ops","canvas","local","t","pointOf","n","event","renderNow","framePrims","chart","createCanvasShapeChart","offs","e","handlers","off","frame","next","width","height","p","tap","CustomTooltip","useTheme","setSize","useState","left","anchor","top","View","part","w","h","previous","colors","ShapeChartBase","family","fonts","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","reducedMotion","base","store","useSyncExternalStore","useLayoutEffect","handlersRef","useRef","useEffect","useImperativeHandle","handleRef","onLayout","prims","tip","tooltip","content","style","StyleSheet","renderPrims"],"sources":["../../../../../native/src/components/ShapeChart/ShapeChartBase.tsx"],"sourcesContent":["// The shape chart host of React Native. The platform-free engine\n// (`createCanvasShapeChart` of @minerva/charts/canvas: layouts, animations,\n// legend, tooltip, hover dimming, toggles, events) draws every frame on a\n// recording canvas (./recorder); the recorded operations become views\n// (./geometry, ./draw). No canvas, SVG or native drawing module is needed,\n// and every shape type of the engine is drawn the same way.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createCanvasShapeChart,\n  type CanvasShapeChartInstance,\n  type ChartCanvas,\n  type ChartThemeInput,\n  type ShapeChartOptions,\n  type ShapeDrillEvent,\n  type ShapeHoverEvent,\n  type ShapeToggleEvent,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { chartThemeInput } from \"../Chart/theme\";\nimport { renderPrims } from \"./draw\";\nimport { framePrims, type Prim } from \"./geometry\";\nimport { createRecorder, type DrawOp } from \"./recorder\";\nimport type { ShapeChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ShapeHoverEvent | null) => void;\n  onClick?: (event: ShapeHoverEvent) => void;\n  onToggle?: (event: ShapeToggleEvent) => void;\n  onDrill?: (event: ShapeDrillEvent) => void;\n}\n\n/** Fingers moving less than this (px) tap */\nconst TAP_SLOP = 8;\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\ninterface TouchPoint {\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\n/** Default accessible name of a chart (like the web charts) */\nexport const describeShapeChart = (o: ShapeChartOptions): string => {\n  switch (o.type) {\n    case \"pie\":\n      return o.rose\n        ? \"Rose chart\"\n        : (o.innerRadius ?? 0) > 0\n          ? \"Donut chart\"\n          : \"Pie chart\";\n    case \"radar\":\n      return \"Radar chart\";\n    case \"gauge\":\n      return o.label ? `Gauge: ${o.label}` : \"Gauge\";\n    case \"funnel\":\n      return \"Funnel chart\";\n    case \"treemap\":\n      return \"Treemap\";\n    case \"sankey\":\n      return \"Sankey diagram\";\n    case \"sunburst\":\n      return \"Sunburst chart\";\n    case \"radialBar\":\n      return \"Radial bar chart\";\n    case \"calendarHeatmap\":\n      return \"Calendar heatmap\";\n    case \"bullet\":\n      return \"Bullet chart\";\n    default:\n      return \"Chart\";\n  }\n};\n\ninterface ShapeStore {\n  subscribe(listener: () => void): () => void;\n  version(): number;\n  /** Views of the last frame */\n  prims(): Prim[];\n  /** Creates the engine (in an effect); returns its teardown */\n  mount(handlers: () => Handlers): () => void;\n  instance(): CanvasShapeChartInstance | null;\n  setOptions(options: ShapeChartOptions): void;\n  setTheme(theme: ChartThemeInput): void;\n  setSize(width: number, height: number): void;\n  size(): [number, number] | null;\n  /** Hovered mark and finger, for `renderTooltip` */\n  tip(): { event: ShapeHoverEvent; x: number; y: number } | null;\n  touchStart(event: GestureResponderEvent): void;\n  touchMove(event: GestureResponderEvent): void;\n  touchEnd(event: GestureResponderEvent): void;\n  touchCancel(): void;\n}\n\nfunction createShapeStore(\n  initialOptions: ShapeChartOptions,\n  initialTheme: ChartThemeInput,\n  initialSize: [number, number] | null,\n): ShapeStore {\n  const recorder = createRecorder();\n  let options = initialOptions;\n  let theme = initialTheme;\n  let size = initialSize;\n  let instance: CanvasShapeChartInstance | null = null;\n  let version = 0;\n  const listeners = new Set<() => void>();\n  let committed: DrawOp[] | null = null;\n  let cache: { ops: DrawOp[]; prims: Prim[] } | null = null;\n  let hover: ShapeHoverEvent | null = null;\n  let finger = { x: 0, y: 0 };\n  let origin = { x: 0, y: 0 };\n  let press: { x: number; y: number; moved: boolean } | null = null;\n  const frames = new Map<number, Frame>();\n  let nextFrame = 1;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  /** Draws the views of a new frame */\n  const commit = () => {\n    const ops = recorder.ops();\n    if (ops === committed) return;\n    committed = ops;\n    notify();\n  };\n\n  const canvas: ChartCanvas = {\n    width: 0,\n    height: 0,\n    getContext: () => recorder.context,\n    requestAnimationFrame(callback) {\n      const id = nextFrame++;\n      frames.set(\n        id,\n        requestFrame(() => {\n          frames.delete(id);\n          callback();\n          commit();\n        }),\n      );\n      return id;\n    },\n    cancelAnimationFrame(id) {\n      frames.get(id)?.cancel();\n      frames.delete(id);\n    },\n  };\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n  const pointOf = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const t: TouchPoint =\n      (n.changedTouches?.[0] as TouchPoint | undefined) ??\n      (n.touches?.[0] as TouchPoint | undefined) ??\n      (n as unknown as TouchPoint);\n    return local(t);\n  };\n  /** Renders now (sizes, options) instead of on the next frame */\n  const renderNow = () => {\n    if (!instance) return;\n    instance.render();\n    commit();\n  };\n\n  const store: ShapeStore = {\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n      };\n    },\n    version: () => version,\n    prims() {\n      const ops = committed ?? [];\n      if (!cache || cache.ops !== ops) cache = { ops, prims: framePrims(ops) };\n      return cache.prims;\n    },\n    mount(handlers) {\n      const chart = createCanvasShapeChart({\n        canvas,\n        width: size?.[0] ?? 0,\n        height: size?.[1] ?? 0,\n        pixelRatio: 1,\n        options,\n        theme,\n      });\n      instance = chart;\n      const offs = [\n        chart.on(\"hover\", (e) => {\n          hover = e;\n          handlers().onHover?.(e);\n        }),\n        chart.on(\"click\", (e) => handlers().onClick?.(e)),\n        chart.on(\"toggle\", (e) => handlers().onToggle?.(e)),\n        chart.on(\"drill\", (e) => handlers().onDrill?.(e)),\n      ];\n      commit();\n      return () => {\n        offs.forEach((off) => off());\n        chart.destroy();\n        frames.forEach((frame) => frame.cancel());\n        frames.clear();\n        if (instance === chart) instance = null;\n        hover = null;\n      };\n    },\n    instance: () => instance,\n    setOptions(next) {\n      if (next === options) return;\n      options = next;\n      instance?.setOptions(next);\n      renderNow();\n    },\n    setTheme(next) {\n      if (next === theme) return;\n      theme = next;\n      instance?.setTheme(next);\n      renderNow();\n    },\n    setSize(width, height) {\n      if (size && size[0] === width && size[1] === height) return;\n      size = [width, height];\n      instance?.resize(width, height, 1);\n      renderNow();\n    },\n    size: () => size,\n    tip: () => (hover ? { event: hover, x: finger.x, y: finger.y } : null),\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      const p = local(n);\n      finger = p;\n      press = { x: p.x, y: p.y, moved: false };\n      // pressing highlights the mark under the finger (and shows its tooltip)\n      instance?.pointerMove(p.x, p.y);\n    },\n    touchMove(event) {\n      const p = pointOf(event);\n      finger = p;\n      if (press && Math.hypot(p.x - press.x, p.y - press.y) > TAP_SLOP)\n        press.moved = true;\n      instance?.pointerMove(p.x, p.y);\n    },\n    touchEnd(event) {\n      const p = pointOf(event);\n      const tap = press && !press.moved;\n      press = null;\n      // a tap toggles a legend item or clicks a mark\n      if (tap && instance) {\n        finger = p;\n        instance.pointerDown(p.x, p.y);\n        instance.pointerUp(p.x, p.y);\n      }\n    },\n    touchCancel() {\n      press = null;\n      instance?.pointerLeave();\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  anchor,\n  width,\n  height,\n  children,\n}: {\n  anchor: { x: number; y: number };\n  width: number;\n  height: number;\n  children: ReactNode;\n}) {\n  const { colors } = useTheme();\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height - 12, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={{\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n        maxWidth: Math.max(0, width - 8),\n        padding: 8,\n        backgroundColor: colors[\"surface-color\"],\n        borderColor: colors[\"border-color\"],\n        borderWidth: 1,\n        borderRadius: 8,\n        shadowColor: \"#0f172a\",\n        shadowOpacity: 0.18,\n        shadowRadius: 8,\n        shadowOffset: { width: 0, height: 6 },\n        elevation: 6,\n        opacity: size ? 1 : 0,\n        transform: [{ translateX: left }, { translateY: top }],\n      }}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport interface ShapeChartBaseProps extends Handlers {\n  options: ShapeChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ShapeChartHandle>;\n  renderTooltip?: (event: ShapeHoverEvent) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the engine and draws its frames */\nexport function ShapeChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  ...handlers\n}: ShapeChartBaseProps) {\n  const { tokens, fonts, reducedMotion } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ShapeChartOptions => {\n    let next = options;\n    if (reducedMotion && next.animation !== false)\n      next = { ...next, animation: false };\n    if (customTooltip) {\n      const base = typeof next.tooltip === \"object\" ? next.tooltip : {};\n      // an empty text: the engine draws no tooltip, the React one shows\n      next = { ...next, tooltip: { ...base, render: () => \"\" } };\n    }\n    return next;\n  }, [options, customTooltip, reducedMotion]);\n\n  const [store] = useState(() =>\n    createShapeStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  useLayoutEffect(() => {\n    store.setTheme(theme);\n    store.setOptions(resolved);\n  }, [store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width === \"number\" && typeof height === \"number\")\n      store.setSize(width, height);\n  }, [store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    return store.mount(() => h.current);\n  }, [store]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({ getInstance: () => store.instance() }),\n    [store],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    if (w > 0 && h > 0) store.setSize(w, h);\n  };\n\n  const prims = store.prims();\n  const frame = store.size();\n  const tip = customTooltip ? store.tip() : null;\n  let tooltip: ReactNode = null;\n  if (tip && frame && renderTooltip) {\n    const content = renderTooltip(tip.event);\n    if (content !== null && content !== undefined && content !== false)\n      tooltip = (\n        <CustomTooltip\n          anchor={{ x: tip.x, y: tip.y }}\n          width={frame[0]}\n          height={frame[1]}\n        >\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={options.ariaLabel ?? describeShapeChart(options)}\n        onStartShouldSetResponder={() => true}\n        onResponderGrant={store.touchStart}\n        onResponderMove={store.touchMove}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {renderPrims(prims, family)}\n        </View>\n      </View>\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqDA,IAAMA,IAAW,GAIXC,KAAgB,MAAgC;CACpD,IAAI,OAAO,yBAA0B,YAAY;EAC/C,IAAMC,IAAK,sBAAsBC,CAAQ;EACzC,OAAO,EAAE,cAAc,qBAAqBD,CAAE,EAAE;CAClD;CACA,IAAMA,IAAK,WAAWC,GAAU,EAAE;CAClC,OAAO,EAAE,cAAc,aAAaD,CAAE,EAAE;AAC1C,GAUaE,KAAsB,MAAiC;CAClE,QAAQC,EAAE,MAAV;EACE,KAAK,OACH,OAAOA,EAAE,OACL,gBACCA,EAAE,eAAe,KAAK,IACrB,gBACA;EACR,KAAK,SACH,OAAO;EACT,KAAK,SACH,OAAOA,EAAE,QAAQ,UAAUA,EAAE,UAAU;EACzC,KAAK,UACH,OAAO;EACT,KAAK,WACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,KAAK,YACH,OAAO;EACT,KAAK,aACH,OAAO;EACT,KAAK,mBACH,OAAO;EACT,KAAK,UACH,OAAO;EACT,SACE,OAAO;CACX;AACF;AAsBA,SAASC,EACP,GACA,GACA,GACY;CACZ,IAAMC,IAAWC,EAAe,GAC5BC,IAAUC,GACVC,IAAQC,GACRC,IAAOC,GACPC,IAA4C,MAC5CC,IAAU,GACRC,oBAAY,IAAI,IAAgB,GAClCC,IAA6B,MAC7BC,IAAiD,MACjDC,IAAgC,MAChCC,IAAS;EAAE,GAAG;EAAG,GAAG;CAAE,GACtBC,IAAS;EAAE,GAAG;EAAG,GAAG;CAAE,GACtBC,IAAyD,MACvDC,oBAAS,IAAI,IAAmB,GAClCC,IAAY,GAEVC,UAAe;EAEnB,AADA,KACAT,EAAU,SAAS,MAAaU,EAAS,CAAC;CAC5C,GAEMC,UAAe;EACnB,IAAMC,IAAMtB,EAAS,IAAI;EACzB,AAAIsB,MAAQX,MACZ,IAAYW,GACZH,EAAO;CACT,GAEMI,IAAsB;EAC1B,OAAO;EACP,QAAQ;EACR,kBAAkBvB,EAAS;EAC3B,sBAAsB,GAAU;GAC9B,IAAML,IAAK;GASX,OARAsB,EAAO,IACLtB,GACAD,QAAmB;IAGjB,AAFAuB,EAAO,OAAOtB,CAAE,GAChBC,EAAS,GACTyB,EAAO;GACT,CAAC,CACH,GACO1B;EACT;EACA,qBAAqB,GAAI;GAEvB,AADAsB,EAAO,IAAItB,CAAE,CAAC,EAAE,OAAO,GACvBsB,EAAO,OAAOtB,CAAE;EAClB;CACF,GAEM6B,KAAS,OAAmB;EAChC,GAAGC,EAAE,QAAQV,EAAO;EACpB,GAAGU,EAAE,QAAQV,EAAO;CACtB,IACMW,KAAW,MAAiC;EAChD,IAAMC,IAAIC,EAAM,aACVH,IACHE,EAAE,iBAAiB,MACnBA,EAAE,UAAU,MACZA;EACH,OAAOH,EAAMC,CAAC;CAChB,GAEMI,UAAkB;EACtB,AAAKrB,MACLA,EAAS,OAAO,GAChBa,EAAO;CACT;CAmGA,OAAO;EAhGL,UAAU,GAAU;GAElB,OADAX,EAAU,IAAIU,CAAQ,SACT;IACX,EAAU,OAAOA,CAAQ;GAC3B;EACF;EACA,eAAeX;EACf,QAAQ;GACN,IAAMa,IAAMX,KAAa,CAAC;GAE1B,QADI,CAACC,KAASA,EAAM,QAAQU,OAAK,IAAQ;IAAE;IAAK,OAAOQ,EAAWR,CAAG;GAAE,IAChEV,EAAM;EACf;EACA,MAAM,GAAU;GACd,IAAMmB,IAAQC,EAAuB;IACnC;IACA,OAAO1B,IAAO,MAAM;IACpB,QAAQA,IAAO,MAAM;IACrB,YAAY;IACZ;IACA;GACF,CAAC;GACD,IAAWyB;GACX,IAAME,IAAO;IACXF,EAAM,GAAG,UAAU,MAAM;KAEvB,AADA,IAAQG,GACRC,EAAS,CAAC,CAAC,UAAUD,CAAC;IACxB,CAAC;IACDH,EAAM,GAAG,UAAU,MAAMI,EAAS,CAAC,CAAC,UAAUD,CAAC,CAAC;IAChDH,EAAM,GAAG,WAAW,MAAMI,EAAS,CAAC,CAAC,WAAWD,CAAC,CAAC;IAClDH,EAAM,GAAG,UAAU,MAAMI,EAAS,CAAC,CAAC,UAAUD,CAAC,CAAC;GAClD;GAEA,OADAb,EAAO,SACM;IAMX,AALAY,EAAK,SAAS,MAAQG,EAAI,CAAC,GAC3BL,EAAM,QAAQ,GACdd,EAAO,SAAS,MAAUoB,EAAM,OAAO,CAAC,GACxCpB,EAAO,MAAM,GACTT,MAAauB,MAAO,IAAW,OACnC,IAAQ;GACV;EACF;EACA,gBAAgBvB;EAChB,WAAW,GAAM;GACf,AAAI8B,MAASpC,MACb,IAAUoC,GACV9B,GAAU,WAAW8B,CAAI,GACzBT,EAAU;EACZ;EACA,SAAS,GAAM;GACb,AAAIS,MAASlC,MACb,IAAQkC,GACR9B,GAAU,SAAS8B,CAAI,GACvBT,EAAU;EACZ;EACA,QAAQ,GAAO,GAAQ;GACrB,AAAIvB,KAAQA,EAAK,OAAOiC,KAASjC,EAAK,OAAOkC,MAC7C,IAAO,CAACD,GAAOC,CAAM,GACrBhC,GAAU,OAAO+B,GAAOC,GAAQ,CAAC,GACjCX,EAAU;EACZ;EACA,YAAYvB;EACZ,WAAYO,IAAQ;GAAE,OAAOA;GAAO,GAAGC,EAAO;GAAG,GAAGA,EAAO;EAAE,IAAI;EACjE,WAAW,GAAO;GAChB,IAAMa,IAAIC,EAAM;GAEhB,AAAID,EAAE,cAAc,KAAA,MAClB,IAAS;IAAE,GAAGA,EAAE,QAAQA,EAAE;IAAW,GAAGA,EAAE,SAASA,EAAE,aAAa;GAAG;GACvE,IAAMc,IAAIjB,EAAMG,CAAC;GAIjB,AAHA,IAASc,GACT,IAAQ;IAAE,GAAGA,EAAE;IAAG,GAAGA,EAAE;IAAG,OAAO;GAAM,GAEvCjC,GAAU,YAAYiC,EAAE,GAAGA,EAAE,CAAC;EAChC;EACA,UAAU,GAAO;GACf,IAAMA,IAAIf,EAAQE,CAAK;GAIvB,AAHA,IAASa,GACLzB,KAAS,KAAK,MAAMyB,EAAE,IAAIzB,EAAM,GAAGyB,EAAE,IAAIzB,EAAM,CAAC,IAAIvB,MACtD,EAAM,QAAQ,KAChBe,GAAU,YAAYiC,EAAE,GAAGA,EAAE,CAAC;EAChC;EACA,SAAS,GAAO;GACd,IAAMA,IAAIf,EAAQE,CAAK,GACjBc,IAAM1B,KAAS,CAACA,EAAM;GAG5B,AAFA,IAAQ,MAEJ0B,KAAOlC,MACT,IAASiC,GACTjC,EAAS,YAAYiC,EAAE,GAAGA,EAAE,CAAC,GAC7BjC,EAAS,UAAUiC,EAAE,GAAGA,EAAE,CAAC;EAE/B;EACA,cAAc;GAEZ,AADA,IAAQ,MACRjC,GAAU,aAAa;EACzB;CAEK;AACT;AAGA,SAASmC,EAAc,EACrB,WACA,UACA,WACA,eAMC;CACD,IAAM,EAAE,cAAWC,EAAS,GACtB,CAACtC,GAAMuC,KAAWC,EACtB,IACF,GACIC,IAAOC,EAAO,IAAI,IAClBC,IAAMD,EAAO;CASjB,OARI1C,MACEyC,IAAOzC,EAAK,QAAQiC,IAAQ,MAAG,IAAOS,EAAO,IAAI,KAAK1C,EAAK,QAC/D,IAAO,KAAK,IAAI,GAAG,KAAK,IAAIyC,GAAMR,IAAQjC,EAAK,QAAQ,CAAC,CAAC,GACzD,IAAM,KAAK,IACT,GACA,KAAK,IAAI0C,EAAO,IAAI1C,EAAK,SAAS,IAAIkC,IAASlC,EAAK,SAAS,CAAC,CAChE,IAGA,kBAAC4C,GAAD;EACE,eAAc;EACd,GAAIC,EAAK,SAAS,WAAW,EAAE,QAAQ,GAAK,CAAC;EAC7C,WAAW,MAAyB;GAClC,IAAM,EAAE,OAAOC,GAAG,QAAQC,MAAM,EAAE,YAAY;GAC9C,GAAS,MACPC,KAAYA,EAAS,UAAUF,KAAKE,EAAS,WAAWD,IACpDC,IACA;IAAE,OAAOF;IAAG,QAAQC;GAAE,CAC5B;EACF;EACA,OAAO;GACL,UAAU;GACV,MAAM;GACN,KAAK;GACL,UAAU,KAAK,IAAI,GAAGd,IAAQ,CAAC;GAC/B,SAAS;GACT,iBAAiBgB,EAAO;GACxB,aAAaA,EAAO;GACpB,aAAa;GACb,cAAc;GACd,aAAa;GACb,eAAe;GACf,cAAc;GACd,cAAc;IAAE,OAAO;IAAG,QAAQ;GAAE;GACpC,WAAW;GACX,SAAS;GACT,WAAW,CAAC,EAAE,YAAYR,EAAK,GAAG,EAAE,YAAYE,EAAI,CAAC;EACvD;EAEC;CACG,CAAA;AAEV;AAaA,SAAgBO,EAAe,EAC7B,YACA,YAAS,KACT,WAAQ,QACR,UACA,WACA,cACA,kBACA,GAAGrB,KACmB;CACtB,IAAM,EAAE,WAAQ,UAAO,qBAAkBS,EAAS,GAC5Ca,IAASC,EAAM,MACftD,IAAQuD,QAAcC,EAAgBC,CAAM,GAAG,CAACA,CAAM,CAAC,GACvDC,IAAgB,CAAC,CAACC,KAAiB7D,EAAQ,YAAY,IACvD8D,IAAWL,QAAiC;EAChD,IAAIrB,IAAOpC;EAGX,IAFI+D,KAAiB3B,EAAK,cAAc,OACtC,IAAO;GAAE,GAAGA;GAAM,WAAW;EAAM,IACjCwB,GAAe;GACjB,IAAMI,IAAO,OAAO5B,EAAK,WAAY,WAAWA,EAAK,UAAU,CAAC;GAEhE,IAAO;IAAE,GAAGA;IAAM,SAAS;KAAE,GAAG4B;KAAM,cAAc;IAAG;GAAE;EAC3D;EACA,OAAO5B;CACT,GAAG;EAACpC;EAAS4D;EAAeG;CAAa,CAAC,GAEpC,CAACE,KAASrB,QACd/C,EACEiE,GACA5D,GACA,OAAOmC,KAAU,YAAY,OAAOC,KAAW,WAC3C,CAACD,GAAOC,CAAM,IACd,IACN,CACF;CAQA,AAPA4B,EAAqBD,EAAM,WAAWA,EAAM,SAASA,EAAM,OAAO,GAElEE,QAAsB;EAEpB,AADAF,EAAM,SAAS/D,CAAK,GACpB+D,EAAM,WAAWH,CAAQ;CAC3B,GAAG;EAACG;EAAOH;EAAU5D;CAAK,CAAC,GAE3BiE,QAAsB;EACpB,AAAI,OAAO9B,KAAU,YAAY,OAAOC,KAAW,YACjD2B,EAAM,QAAQ5B,GAAOC,CAAM;CAC/B,GAAG;EAAC2B;EAAO5B;EAAOC;CAAM,CAAC;CAEzB,IAAM8B,IAAcC,EAAiBpC,CAAQ;CAS7C,AARAkC,QAAsB;EACpB,EAAY,UAAUlC;CACxB,CAAC,GACDqC,QAAgB;EACd,IAAMnB,IAAIiB;EACV,OAAOH,EAAM,YAAYd,EAAE,OAAO;CACpC,GAAG,CAACc,CAAK,CAAC,GAEVM,EACEC,UACO,EAAE,mBAAmBP,EAAM,SAAS,EAAE,IAC7C,CAACA,CAAK,CACR;CAEA,IAAMQ,KAAY,MAAyB;EACzC,IAAM,EAAE,OAAOvB,GAAG,QAAQC,MAAM,EAAE,YAAY;EAC9C,AAAID,IAAI,KAAKC,IAAI,KAAGc,EAAM,QAAQf,GAAGC,CAAC;CACxC,GAEMuB,IAAQT,EAAM,MAAM,GACpB9B,IAAQ8B,EAAM,KAAK,GACnBU,IAAMf,IAAgBK,EAAM,IAAI,IAAI,MACtCW,IAAqB;CACzB,IAAID,KAAOxC,KAAS0B,GAAe;EACjC,IAAMgB,IAAUhB,EAAcc,EAAI,KAAK;EACvC,AAAIE,KAAY,QAAiCA,MAAY,OAC3D,IACE,kBAACpC,GAAD;GACE,QAAQ;IAAE,GAAGkC,EAAI;IAAG,GAAGA,EAAI;GAAE;GAC7B,OAAOxC,EAAM;GACb,QAAQA,EAAM;GAEb,UAAA0C;EACY,CAAA;CAErB;CAEA,OACE,kBAAC7B,GAAD;EACU;EACE;EACV,OAAO,CAAC;GAAE;GAAO;EAAO,GAAG8B,CAAK;EAChC,GAAI7B,EAAK,SAAS,MAAM;EAJ1B,UAAA,CAME,kBAACD,GAAD;GACE,OAAO+B,EAAW;GAClB,YAAA;GACA,mBAAkB;GAClB,oBAAoB/E,EAAQ,aAAaL,EAAmBK,CAAO;GACnE,iCAAiC;GACjC,kBAAkBiE,EAAM;GACxB,iBAAiBA,EAAM;GACvB,oBAAoBA,EAAM;GAC1B,sBAAsBA,EAAM;GAC5B,GAAIhB,EAAK,SAAS,SAAS;GAE3B,UAAA,kBAACD,GAAD;IAAM,eAAc;IAAO,OAAO+B,EAAW;IAC1C,UAAAC,EAAYN,GAAOnB,CAAM;GACtB,CAAA;EACF,CAAA,GACLqB,CACG;;AAEV"}

package/dist/native/components/ShapeChart/charts.cjs

@@ -0,0 +1,2 @@
+const e=require("./ShapeChartBase.cjs");let t=require("react"),n=require("react/jsx-runtime");function r({palette:e,legend:n,tooltip:r,format:i,percentFormat:a,hidden:o,animation:s,padding:c,ariaLabel:l}){let u=o?o.join(`,`):null,d=(0,t.useMemo)(()=>u===null?void 0:u?u.split(`,`).map(Number):[],[u]);return(0,t.useMemo)(()=>({palette:e,legend:n,tooltip:r,format:i,percentFormat:a,hidden:d,animation:s,padding:c,ariaLabel:l}),[e,n,r,i,a,d,s,c,l])}function i({frame:t,options:r,defaultHeight:i,onDrill:a}){let{height:o,width:s,style:c,testID:l,ref:u,onHover:d,onClick:f,onToggle:p,renderTooltip:m}=t;return(0,n.jsx)(e.ShapeChartBase,{options:r,height:o??i,width:s,style:c,testID:l,handleRef:u,onHover:d,onClick:f,onToggle:p,onDrill:a,renderTooltip:m})}function a(e){let{data:a,innerRadius:o,startAngle:s,padAngle:c,cornerRadius:l,rose:u,labels:d,labelContent:f,centerValue:p,centerLabel:m,defaultInner:h}=e,g=r(e),_=(0,t.useMemo)(()=>({...g,type:`pie`,data:a,innerRadius:o??h,startAngle:s,padAngle:c,cornerRadius:l,rose:u,labels:d,labelContent:f,centerValue:p,centerLabel:m}),[g,a,o,h,s,c,l,u,d,f,p,m]);return(0,n.jsx)(i,{frame:e,options:_,defaultHeight:320})}function o(e){return(0,n.jsx)(a,{...e,defaultInner:0})}function s(e){return(0,n.jsx)(a,{...e,defaultInner:.62})}function c(e){let{indicators:a,series:o,shape:s,levels:c,dots:l}=e,u=r(e),d=(0,t.useMemo)(()=>({...u,type:`radar`,indicators:a,series:o,shape:s,levels:c,dots:l}),[u,a,o,s,c,l]);return(0,n.jsx)(i,{frame:e,options:d,defaultHeight:320})}function l(e){let{value:a,min:o,max:s,label:c,sweep:l,thickness:u,bands:d,color:f,needle:p,ticks:m}=e,h=r(e),g=(0,t.useMemo)(()=>({...h,type:`gauge`,value:a??0,min:o,max:s,label:c,sweep:l,thickness:u,bands:d,color:f,needle:p,ticks:m}),[h,a,o,s,c,l,u,d,f,p,m]);return(0,n.jsx)(i,{frame:e,options:g,defaultHeight:240})}function u(e){let{data:a,sort:o,gap:s,conversion:c,shape:l}=e,u=r(e),d=(0,t.useMemo)(()=>({...u,type:`funnel`,data:a,sort:o,gap:s,conversion:c,shape:l}),[u,a,o,s,c,l]);return(0,n.jsx)(i,{frame:e,options:d,defaultHeight:320})}function d(e){let{data:a,gap:o,headers:s}=e,c=r(e),l=(0,t.useMemo)(()=>({...c,type:`treemap`,data:a,gap:o,headers:s}),[c,a,o,s]);return(0,n.jsx)(i,{frame:e,options:l,defaultHeight:320})}function f(e){let{nodes:a,links:o,nodeWidth:s,nodePadding:c,align:l,iterations:u,linkColor:d,linkOpacity:f,labels:p,labelValues:m}=e,h=r(e),g=(0,t.useMemo)(()=>({...h,type:`sankey`,nodes:a,links:o,nodeWidth:s,nodePadding:c,align:l,iterations:u,linkColor:d,linkOpacity:f,labels:p,labelValues:m}),[h,a,o,s,c,l,u,d,f,p,m]);return(0,n.jsx)(i,{frame:e,options:g,defaultHeight:360})}function p(e){let{data:a,innerRadius:o,levels:s,startAngle:c,padAngle:l,cornerRadius:u,labels:d,drill:f,drillPath:p,onDrill:m}=e,h=r(e),g=p?JSON.stringify(p):null,_=(0,t.useMemo)(()=>g===null?void 0:JSON.parse(g),[g]),v=(0,t.useMemo)(()=>({...h,type:`sunburst`,data:a,innerRadius:o,levels:s,startAngle:c,padAngle:l,cornerRadius:u,labels:d,drill:f,drillPath:_}),[h,a,o,s,c,l,u,d,f,_]);return(0,n.jsx)(i,{frame:e,options:v,defaultHeight:360,onDrill:m})}function m(e){let{data:a,max:o,innerRadius:s,startAngle:c,sweep:l,gap:u,track:d,rounded:f,labels:p,labelContent:m,centerValue:h,centerLabel:g}=e,_=r(e),v=(0,t.useMemo)(()=>({..._,type:`radialBar`,data:a,max:o,innerRadius:s,startAngle:c,sweep:l,gap:u,track:d,rounded:f,labels:p,labelContent:m,centerValue:h,centerLabel:g}),[_,a,o,s,c,l,u,d,f,p,m,h,g]);return(0,n.jsx)(i,{frame:e,options:v,defaultHeight:300})}var h=e=>{let t=e instanceof Date?e.getTime():typeof e==`number`?e:Date.parse(e);return Number.isFinite(t)?new Date(t).getUTCFullYear():NaN},g=e=>{if(!Array.isArray(e)||e.length<2)return 1;let[t,n]=e,r=Math.min(h(t),h(n)),i=Math.max(h(t),h(n));return i>r?i-r+1:1};function _(e){let{data:a,range:o,layout:s,weekStart:c,locale:l,color:u,colors:d,levels:f,thresholds:p,gap:m,radius:h,maxCellSize:_,monthLabels:v,weekdayLabels:y}=e,b=r(e),x=(0,t.useMemo)(()=>({...b,type:`calendarHeatmap`,data:a,range:o,layout:s,weekStart:c,locale:l,color:u,colors:d,levels:f,thresholds:p,gap:m,radius:h,maxCellSize:_,monthLabels:v,weekdayLabels:y}),[b,a,o,s,c,l,u,d,f,p,m,h,_,v,y]),S=x.legend===!1?0:34,C=s===`months`?560:g(o)*120+S+16;return(0,n.jsx)(i,{frame:e,options:x,defaultHeight:C})}function v(e){let{data:a,orientation:o,ranges:s,rangeLabels:c,rangeColors:l,barSize:u,targetColor:d,ticks:f}=e,p=r(e),m=(0,t.useMemo)(()=>({...p,type:`bullet`,data:a,orientation:o,ranges:s,rangeLabels:c,rangeColors:l,barSize:u,targetColor:d,ticks:f}),[p,a,o,s,c,l,u,d,f]),h=m.legend?34:0,g=o===`vertical`?320:Math.max(96,a.length*64+16)+h;return(0,n.jsx)(i,{frame:e,options:m,defaultHeight:g})}var y={gauge:240,radialBar:300,sankey:360,sunburst:360};function b(e){let{options:t,onDrill:r}=e;return(0,n.jsx)(i,{frame:e,options:t,defaultHeight:y[t.type]??320,onDrill:r})}exports.BulletChart=v,exports.CalendarHeatmap=_,exports.DonutChart=s,exports.FunnelChart=u,exports.GaugeChart=l,exports.PieChart=o,exports.RadarChart=c,exports.RadialBarChart=m,exports.SankeyChart=f,exports.ShapeChart=b,exports.SunburstChart=p,exports.TreemapChart=d;
+//# sourceMappingURL=charts.cjs.map

package/dist/native/components/ShapeChart/charts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.cjs","names":["useMemo","ShapeChartBase","require_ShapeChartBase","react","react_jsx_runtime","useCommonOptions","hiddenKey","hidden","stableHidden","palette","legend","tooltip","format","percentFormat","animation","padding","ariaLabel","ShapeHost","frame","height","defaultHeight","ref","PieBase","props","common","options","innerRadius","defaultInner","data","startAngle","padAngle","cornerRadius","rose","labels","labelContent","centerValue","centerLabel","PieChart","DonutChart","RadarChart","indicators","series","shape","levels","dots","GaugeChart","value","min","max","label","sweep","thickness","bands","color","needle","ticks","FunnelChart","sort","gap","conversion","TreemapChart","headers","SankeyChart","nodes","links","nodeWidth","nodePadding","align","iterations","linkColor","linkOpacity","labelValues","SunburstChart","drillKey","drillPath","stablePath","drill","RadialBarChart","track","rounded","yearOf","time","date","calendarStrips","range","a","b","from","to","CalendarHeatmap","layout","weekStart","locale","colors","thresholds","radius","maxCellSize","monthLabels","weekdayLabels","BulletChart","orientation","ranges","rangeLabels","rangeColors","barSize","targetColor","DEFAULT_HEIGHTS","ShapeChart"],"sources":["../../../../../native/src/components/ShapeChart/charts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type {\n  BulletChartOptions,\n  CalendarDate,\n  CalendarHeatmapOptions,\n  FunnelChartOptions,\n  GaugeChartOptions,\n  PieChartOptions,\n  RadarChartOptions,\n  RadialBarChartOptions,\n  SankeyChartOptions,\n  ShapeChartCommonOptions,\n  ShapeChartOptions,\n  ShapeDrillEvent,\n  SunburstChartOptions,\n  TreemapChartOptions,\n} from \"@minerva/charts/canvas\";\nimport { ShapeChartBase } from \"./ShapeChartBase\";\nimport type {\n  BulletChartProps,\n  CalendarHeatmapProps,\n  DonutChartProps,\n  FunnelChartProps,\n  GaugeChartProps,\n  PieChartProps,\n  RadarChartProps,\n  RadialBarChartProps,\n  SankeyChartProps,\n  ShapeChartCommonProps,\n  ShapeChartFrameProps,\n  ShapeChartProps,\n  SunburstChartProps,\n  TreemapChartProps,\n} from \"./types\";\n\n/** Engine options shared by every type, stable while the props are equal */\nfunction useCommonOptions({\n  palette,\n  legend,\n  tooltip,\n  format,\n  percentFormat,\n  hidden,\n  animation,\n  padding,\n  ariaLabel,\n}: ShapeChartCommonProps): ShapeChartCommonOptions {\n  // a new array with the same indexes keeps the options (and the animation)\n  const hiddenKey = hidden ? hidden.join(\",\") : null;\n  const stableHidden = useMemo(\n    () =>\n      hiddenKey === null\n        ? undefined\n        : hiddenKey\n          ? hiddenKey.split(\",\").map(Number)\n          : [],\n    [hiddenKey],\n  );\n  return useMemo(\n    () => ({\n      palette,\n      legend,\n      tooltip,\n      format,\n      percentFormat,\n      hidden: stableHidden,\n      animation,\n      padding,\n      ariaLabel,\n    }),\n    [\n      palette,\n      legend,\n      tooltip,\n      format,\n      percentFormat,\n      stableHidden,\n      animation,\n      padding,\n      ariaLabel,\n    ],\n  );\n}\n\nfunction ShapeHost({\n  frame,\n  options,\n  defaultHeight,\n  onDrill,\n}: {\n  frame: ShapeChartFrameProps;\n  options: ShapeChartOptions;\n  defaultHeight: number;\n  onDrill?: (event: ShapeDrillEvent) => void;\n}) {\n  const {\n    height,\n    width,\n    style,\n    testID,\n    ref,\n    onHover,\n    onClick,\n    onToggle,\n    renderTooltip,\n  } = frame;\n  return (\n    <ShapeChartBase\n      options={options}\n      height={height ?? defaultHeight}\n      width={width}\n      style={style}\n      testID={testID}\n      handleRef={ref}\n      onHover={onHover}\n      onClick={onClick}\n      onToggle={onToggle}\n      onDrill={onDrill}\n      renderTooltip={renderTooltip}\n    />\n  );\n}\n\nfunction PieBase(props: PieChartProps & { defaultInner: number }) {\n  const {\n    data,\n    innerRadius,\n    startAngle,\n    padAngle,\n    cornerRadius,\n    rose,\n    labels,\n    labelContent,\n    centerValue,\n    centerLabel,\n    defaultInner,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): PieChartOptions => ({\n      ...common,\n      type: \"pie\",\n      data,\n      innerRadius: innerRadius ?? defaultInner,\n      startAngle,\n      padAngle,\n      cornerRadius,\n      rose,\n      labels,\n      labelContent,\n      centerValue,\n      centerLabel,\n    }),\n    [\n      common,\n      data,\n      innerRadius,\n      defaultInner,\n      startAngle,\n      padAngle,\n      cornerRadius,\n      rose,\n      labels,\n      labelContent,\n      centerValue,\n      centerLabel,\n    ],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={320} />;\n}\n\n/**\n * Pie chart (or a donut with `innerRadius`, or a Nightingale rose with\n * `rose`): slices with gaps, outside labels with leader lines, legend\n * toggles, tooltip while a slice is pressed.\n */\nexport function PieChart(props: PieChartProps) {\n  return <PieBase {...props} defaultInner={0} />;\n}\n\n/** Donut chart: a PieChart with a hole and optional center texts */\nexport function DonutChart(props: DonutChartProps) {\n  return <PieBase {...props} defaultInner={0.62} />;\n}\n\n/** Radar (spider) chart comparing series over several indicators */\nexport function RadarChart(props: RadarChartProps) {\n  const { indicators, series, shape, levels, dots } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): RadarChartOptions => ({\n      ...common,\n      type: \"radar\",\n      indicators,\n      series,\n      shape,\n      levels,\n      dots,\n    }),\n    [common, indicators, series, shape, levels, dots],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={320} />;\n}\n\n/** Gauge (speedometer) showing one value on an arc, with colored bands */\nexport function GaugeChart(props: GaugeChartProps) {\n  const {\n    value,\n    min,\n    max,\n    label,\n    sweep,\n    thickness,\n    bands,\n    color,\n    needle,\n    ticks,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): GaugeChartOptions => ({\n      ...common,\n      type: \"gauge\",\n      value: value ?? 0,\n      min,\n      max,\n      label,\n      sweep,\n      thickness,\n      bands,\n      color,\n      needle,\n      ticks,\n    }),\n    [\n      common,\n      value,\n      min,\n      max,\n      label,\n      sweep,\n      thickness,\n      bands,\n      color,\n      needle,\n      ticks,\n    ],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={240} />;\n}\n\n/** Funnel chart of the stages of a process, with conversion rates */\nexport function FunnelChart(props: FunnelChartProps) {\n  const { data, sort, gap, conversion, shape } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): FunnelChartOptions => ({\n      ...common,\n      type: \"funnel\",\n      data,\n      sort,\n      gap,\n      conversion,\n      shape,\n    }),\n    [common, data, sort, gap, conversion, shape],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={320} />;\n}\n\n/** Treemap: nested rectangles of areas proportional to the values */\nexport function TreemapChart(props: TreemapChartProps) {\n  const { data, gap, headers } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): TreemapChartOptions => ({\n      ...common,\n      type: \"treemap\",\n      data,\n      gap,\n      headers,\n    }),\n    [common, data, gap, headers],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={320} />;\n}\n\n/**\n * Sankey diagram: flows between nodes in columns, link thickness\n * proportional to the flow; pressing a node or a link highlights its flows\n */\nexport function SankeyChart(props: SankeyChartProps) {\n  const {\n    nodes,\n    links,\n    nodeWidth,\n    nodePadding,\n    align,\n    iterations,\n    linkColor,\n    linkOpacity,\n    labels,\n    labelValues,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): SankeyChartOptions => ({\n      ...common,\n      type: \"sankey\",\n      nodes,\n      links,\n      nodeWidth,\n      nodePadding,\n      align,\n      iterations,\n      linkColor,\n      linkOpacity,\n      labels,\n      labelValues,\n    }),\n    [\n      common,\n      nodes,\n      links,\n      nodeWidth,\n      nodePadding,\n      align,\n      iterations,\n      linkColor,\n      linkOpacity,\n      labels,\n      labelValues,\n    ],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={360} />;\n}\n\n/**\n * Sunburst chart: a hierarchy as concentric rings; tapping a parent zooms\n * into it, tapping the center goes back up\n */\nexport function SunburstChart(props: SunburstChartProps) {\n  const {\n    data,\n    innerRadius,\n    levels,\n    startAngle,\n    padAngle,\n    cornerRadius,\n    labels,\n    drill,\n    drillPath,\n    onDrill,\n  } = props;\n  const common = useCommonOptions(props);\n  // a new array with the same names keeps the options (and the animation)\n  const drillKey = drillPath ? JSON.stringify(drillPath) : null;\n  const stablePath = useMemo(\n    () => (drillKey === null ? undefined : (JSON.parse(drillKey) as string[])),\n    [drillKey],\n  );\n  const options = useMemo(\n    (): SunburstChartOptions => ({\n      ...common,\n      type: \"sunburst\",\n      data,\n      innerRadius,\n      levels,\n      startAngle,\n      padAngle,\n      cornerRadius,\n      labels,\n      drill,\n      drillPath: stablePath,\n    }),\n    [\n      common,\n      data,\n      innerRadius,\n      levels,\n      startAngle,\n      padAngle,\n      cornerRadius,\n      labels,\n      drill,\n      stablePath,\n    ],\n  );\n  return (\n    <ShapeHost\n      frame={props}\n      options={options}\n      defaultHeight={360}\n      onDrill={onDrill}\n    />\n  );\n}\n\n/** Radial bar chart: concentric progress rings (activity rings, KPI completion) */\nexport function RadialBarChart(props: RadialBarChartProps) {\n  const {\n    data,\n    max,\n    innerRadius,\n    startAngle,\n    sweep,\n    gap,\n    track,\n    rounded,\n    labels,\n    labelContent,\n    centerValue,\n    centerLabel,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): RadialBarChartOptions => ({\n      ...common,\n      type: \"radialBar\",\n      data,\n      max,\n      innerRadius,\n      startAngle,\n      sweep,\n      gap,\n      track,\n      rounded,\n      labels,\n      labelContent,\n      centerValue,\n      centerLabel,\n    }),\n    [\n      common,\n      data,\n      max,\n      innerRadius,\n      startAngle,\n      sweep,\n      gap,\n      track,\n      rounded,\n      labels,\n      labelContent,\n      centerValue,\n      centerLabel,\n    ],\n  );\n  return <ShapeHost frame={props} options={options} defaultHeight={300} />;\n}\n\nconst yearOf = (date: CalendarDate) => {\n  const time =\n    date instanceof Date\n      ? date.getTime()\n      : typeof date === \"number\"\n        ? date\n        : Date.parse(date);\n  return Number.isFinite(time) ? new Date(time).getUTCFullYear() : NaN;\n};\n\n/** Strips of the `weeks` layout: one per year when a range spans more than 53 weeks */\nconst calendarStrips = (range: CalendarHeatmapOptions[\"range\"]) => {\n  if (!Array.isArray(range) || range.length < 2) return 1;\n  const [a, b] = range as readonly [CalendarDate, CalendarDate];\n  const from = Math.min(yearOf(a), yearOf(b));\n  const to = Math.max(yearOf(a), yearOf(b));\n  return to > from ? to - from + 1 : 1;\n};\n\n/** Calendar heatmap: daily values on a calendar, contributions-style */\nexport function CalendarHeatmap(props: CalendarHeatmapProps) {\n  const {\n    data,\n    range,\n    layout,\n    weekStart,\n    locale,\n    color,\n    colors,\n    levels,\n    thresholds,\n    gap,\n    radius,\n    maxCellSize,\n    monthLabels,\n    weekdayLabels,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): CalendarHeatmapOptions => ({\n      ...common,\n      type: \"calendarHeatmap\",\n      data,\n      range,\n      layout,\n      weekStart,\n      locale,\n      color,\n      colors,\n      levels,\n      thresholds,\n      gap,\n      radius,\n      maxCellSize,\n      monthLabels,\n      weekdayLabels,\n    }),\n    [\n      common,\n      data,\n      range,\n      layout,\n      weekStart,\n      locale,\n      color,\n      colors,\n      levels,\n      thresholds,\n      gap,\n      radius,\n      maxCellSize,\n      monthLabels,\n      weekdayLabels,\n    ],\n  );\n  const legend = options.legend === false ? 0 : 34;\n  const defaultHeight =\n    layout === \"months\" ? 560 : calendarStrips(range) * 120 + legend + 16;\n  return (\n    <ShapeHost frame={props} options={options} defaultHeight={defaultHeight} />\n  );\n}\n\n/** Bullet chart: KPI bars against qualitative ranges and a target marker */\nexport function BulletChart(props: BulletChartProps) {\n  const {\n    data,\n    orientation,\n    ranges,\n    rangeLabels,\n    rangeColors,\n    barSize,\n    targetColor,\n    ticks,\n  } = props;\n  const common = useCommonOptions(props);\n  const options = useMemo(\n    (): BulletChartOptions => ({\n      ...common,\n      type: \"bullet\",\n      data,\n      orientation,\n      ranges,\n      rangeLabels,\n      rangeColors,\n      barSize,\n      targetColor,\n      ticks,\n    }),\n    [\n      common,\n      data,\n      orientation,\n      ranges,\n      rangeLabels,\n      rangeColors,\n      barSize,\n      targetColor,\n      ticks,\n    ],\n  );\n  const legend = options.legend ? 34 : 0;\n  const defaultHeight =\n    orientation === \"vertical\"\n      ? 320\n      : Math.max(96, data.length * 64 + 16) + legend;\n  return (\n    <ShapeHost frame={props} options={options} defaultHeight={defaultHeight} />\n  );\n}\n\n/** Default height of a shape chart type (ShapeChart) */\nconst DEFAULT_HEIGHTS: Partial<Record<ShapeChartOptions[\"type\"], number>> = {\n  gauge: 240,\n  radialBar: 300,\n  sankey: 360,\n  sunburst: 360,\n};\n\n/**\n * Any shape chart from its engine options (`type`: pie, radar, gauge,\n * funnel, treemap and the other shape types of the engine), drawn with views\n */\nexport function ShapeChart(props: ShapeChartProps) {\n  const { options, onDrill } = props;\n  return (\n    <ShapeHost\n      frame={props}\n      options={options}\n      defaultHeight={DEFAULT_HEIGHTS[options.type] ?? 320}\n      onDrill={onDrill}\n    />\n  );\n}\n"],"mappings":"8FAoCA,SAASK,EAAiB,CACxB,UACA,SACA,UACA,SACA,gBACA,SACA,YACA,UACA,aACiD,CAEjD,IAAMC,EAAYC,EAASA,EAAO,KAAK,GAAG,EAAI,KACxCC,GAAA,EAAeR,EAAAA,QAAAA,KAEjBM,IAAc,KACV,IAAA,GACAA,EACEA,EAAU,MAAM,GAAG,CAAC,CAAC,IAAI,MAAM,EAC/B,CAAC,EACT,CAACA,CAAS,CACZ,EACA,OAAA,EAAON,EAAAA,QAAAA,MACE,CACL,UACA,SACA,UACA,SACA,gBACA,OAAQQ,EACR,YACA,UACA,WACF,GACA,CACEC,EACAC,EACAC,EACAC,EACAC,EACAL,EACAM,EACAC,EACAC,CACF,CACF,CACF,CAEA,SAASC,EAAU,CACjB,QACA,UACA,gBACA,WAMC,CACD,GAAM,CACJ,SACA,QACA,QACA,SACA,MACA,UACA,UACA,WACA,iBACEC,EACJ,OACE,EAAAd,EAAA,IAAA,CAACH,EAAAA,eAAD,CACW,UACT,OAAQkB,GAAUC,EACX,QACA,QACC,SACR,UAAWC,EACF,UACA,UACC,WACD,UACM,eAChB,CAAA,CAEL,CAEA,SAASC,EAAQ,EAAiD,CAChE,GAAM,CACJ,OACA,cACA,aACA,WACA,eACA,OACA,SACA,eACA,cACA,cACA,gBACEC,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACU,CACtB,GAAGwB,EACH,KAAM,MACN,OACA,YAAaE,GAAeC,EAC5B,aACA,WACA,eACA,OACA,SACA,eACA,cACA,aACF,GACA,CACEH,EACAI,EACAF,EACAC,EACAE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,EACA,OAAO,EAAAhC,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAOA,SAAgBc,EAAS,EAAsB,CAC7C,OAAO,EAAAjC,EAAA,IAAA,CAACkB,EAAD,CAAS,GAAIC,EAAO,aAAc,CAAI,CAAA,CAC/C,CAGA,SAAgBe,EAAW,EAAwB,CACjD,OAAO,EAAAlC,EAAA,IAAA,CAACkB,EAAD,CAAS,GAAIC,EAAO,aAAc,GAAO,CAAA,CAClD,CAGA,SAAgBgB,EAAW,EAAwB,CACjD,GAAM,CAAE,aAAY,SAAQ,QAAO,SAAQ,QAAShB,EAC9CC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACY,CACxB,GAAGwB,EACH,KAAM,QACN,aACA,SACA,QACA,SACA,MACF,GACA,CAACA,EAAQgB,EAAYC,EAAQC,EAAOC,EAAQC,CAAI,CAClD,EACA,OAAO,EAAAxC,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAGA,SAAgBsB,EAAW,EAAwB,CACjD,GAAM,CACJ,QACA,MACA,MACA,QACA,QACA,YACA,QACA,QACA,SACA,SACEtB,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACY,CACxB,GAAGwB,EACH,KAAM,QACN,MAAOsB,GAAS,EAChB,MACA,MACA,QACA,QACA,YACA,QACA,QACA,SACA,OACF,GACA,CACEtB,EACAsB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,CACF,CACF,EACA,OAAO,EAAAnD,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAGA,SAAgBiC,EAAY,EAAyB,CACnD,GAAM,CAAE,OAAM,OAAM,MAAK,aAAY,SAAUjC,EACzCC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACa,CACzB,GAAGwB,EACH,KAAM,SACN,OACA,OACA,MACA,aACA,OACF,GACA,CAACA,EAAQI,EAAM6B,EAAMC,EAAKC,EAAYjB,CAAK,CAC7C,EACA,OAAO,EAAAtC,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAGA,SAAgBqC,EAAa,EAA0B,CACrD,GAAM,CAAE,OAAM,MAAK,WAAYrC,EACzBC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACc,CAC1B,GAAGwB,EACH,KAAM,UACN,OACA,MACA,SACF,GACA,CAACA,EAAQI,EAAM8B,EAAKG,CAAO,CAC7B,EACA,OAAO,EAAAzD,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAMA,SAAgBuC,EAAY,EAAyB,CACnD,GAAM,CACJ,QACA,QACA,YACA,cACA,QACA,aACA,YACA,cACA,SACA,eACEvC,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACa,CACzB,GAAGwB,EACH,KAAM,SACN,QACA,QACA,YACA,cACA,QACA,aACA,YACA,cACA,SACA,aACF,GACA,CACEA,EACAuC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACArC,EACAsC,CACF,CACF,EACA,OAAO,EAAAnE,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAMA,SAAgBiD,EAAc,EAA2B,CACvD,GAAM,CACJ,OACA,cACA,SACA,aACA,WACA,eACA,SACA,QACA,YACA,WACEjD,EACEC,EAASnB,EAAiBkB,CAAK,EAE/BkD,EAAWC,EAAY,KAAK,UAAUA,CAAS,EAAI,KACnDC,GAAA,EAAa3E,EAAAA,QAAAA,KACVyE,IAAa,KAAO,IAAA,GAAa,KAAK,MAAMA,CAAQ,EAC3D,CAACA,CAAQ,CACX,EACMhD,GAAA,EAAUzB,EAAAA,QAAAA,MACe,CAC3B,GAAGwB,EACH,KAAM,WACN,OACA,cACA,SACA,aACA,WACA,eACA,SACA,QACA,UAAWmD,CACb,GACA,CACEnD,EACAI,EACAF,EACAiB,EACAd,EACAC,EACAC,EACAE,EACA2C,EACAD,CACF,CACF,EACA,OACE,EAAAvE,EAAA,IAAA,CAACa,EAAD,CACE,MAAOM,EACE,UACT,cAAe,IACN,SACV,CAAA,CAEL,CAGA,SAAgBsD,EAAe,EAA4B,CACzD,GAAM,CACJ,OACA,MACA,cACA,aACA,QACA,MACA,QACA,UACA,SACA,eACA,cACA,eACEtD,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACgB,CAC5B,GAAGwB,EACH,KAAM,YACN,OACA,MACA,cACA,aACA,QACA,MACA,QACA,UACA,SACA,eACA,cACA,aACF,GACA,CACEA,EACAI,EACAoB,EACAtB,EACAG,EACAqB,EACAQ,EACAoB,EACAC,EACA9C,EACAC,EACAC,EACAC,CACF,CACF,EACA,OAAO,EAAAhC,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAS,cAAe,GAAM,CAAA,CACzE,CAEA,IAAMyD,EAAU,GAAuB,CACrC,IAAMC,EACJC,aAAgB,KACZA,EAAK,QAAQ,EACb,OAAOA,GAAS,SACdA,EACA,KAAK,MAAMA,CAAI,EACvB,OAAO,OAAO,SAASD,CAAI,EAAI,IAAI,KAAKA,CAAI,CAAC,CAAC,eAAe,EAAI,GACnE,EAGME,EAAkB,GAA2C,CACjE,GAAI,CAAC,MAAM,QAAQC,CAAK,GAAKA,EAAM,OAAS,EAAG,MAAO,GACtD,GAAM,CAACC,EAAGC,GAAKF,EACTG,EAAO,KAAK,IAAIP,EAAOK,CAAC,EAAGL,EAAOM,CAAC,CAAC,EACpCE,EAAK,KAAK,IAAIR,EAAOK,CAAC,EAAGL,EAAOM,CAAC,CAAC,EACxC,OAAOE,EAAKD,EAAOC,EAAKD,EAAO,EAAI,CACrC,EAGA,SAAgBE,EAAgB,EAA6B,CAC3D,GAAM,CACJ,OACA,QACA,SACA,YACA,SACA,QACA,SACA,SACA,aACA,MACA,SACA,cACA,cACA,iBACElE,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACiB,CAC7B,GAAGwB,EACH,KAAM,kBACN,OACA,QACA,SACA,YACA,SACA,QACA,SACA,SACA,aACA,MACA,SACA,cACA,cACA,eACF,GACA,CACEA,EACAI,EACAwD,EACAM,EACAC,EACAC,EACAvC,EACAwC,EACAlD,EACAmD,EACApC,EACAqC,EACAC,EACAC,EACAC,CACF,CACF,EACMxF,EAASe,EAAQ,SAAW,GAAQ,EAAI,GACxCL,EACJsE,IAAW,SAAW,IAAMP,EAAeC,CAAK,EAAI,IAAM1E,EAAS,GACrE,OACE,EAAAN,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAwB,eAAgB,CAAA,CAE9E,CAGA,SAAgB4E,EAAY,EAAyB,CACnD,GAAM,CACJ,OACA,cACA,SACA,cACA,cACA,UACA,cACA,SACE5E,EACEC,EAASnB,EAAiBkB,CAAK,EAC/BE,GAAA,EAAUzB,EAAAA,QAAAA,MACa,CACzB,GAAGwB,EACH,KAAM,SACN,OACA,cACA,SACA,cACA,cACA,UACA,cACA,OACF,GACA,CACEA,EACAI,EACAwE,EACAC,EACAC,EACAC,EACAC,EACAC,EACAlD,CACF,CACF,EACM7C,EAASe,EAAQ,OAAS,GAAK,EAC/BL,EACJgF,IAAgB,WACZ,IACA,KAAK,IAAI,GAAIxE,EAAK,OAAS,GAAK,EAAE,EAAIlB,EAC5C,OACE,EAAAN,EAAA,IAAA,CAACa,EAAD,CAAW,MAAOM,EAAgB,UAAwB,eAAgB,CAAA,CAE9E,CAGA,IAAMmF,EAAsE,CAC1E,MAAO,IACP,UAAW,IACX,OAAQ,IACR,SAAU,GACZ,EAMA,SAAgBC,EAAW,EAAwB,CACjD,GAAM,CAAE,UAAS,WAAYpF,EAC7B,OACE,EAAAnB,EAAA,IAAA,CAACa,EAAD,CACE,MAAOM,EACE,UACT,cAAemF,EAAgBjF,EAAQ,OAAS,IACvC,SACV,CAAA,CAEL"}

package/dist/native/components/ShapeChart/charts.d.cts

@@ -0,0 +1,38 @@
+import { BulletChartProps, CalendarHeatmapProps, DonutChartProps, FunnelChartProps, GaugeChartProps, PieChartProps, RadarChartProps, RadialBarChartProps, SankeyChartProps, ShapeChartProps, SunburstChartProps, TreemapChartProps } from './types.cjs';
+/**
+ * Pie chart (or a donut with `innerRadius`, or a Nightingale rose with
+ * `rose`): slices with gaps, outside labels with leader lines, legend
+ * toggles, tooltip while a slice is pressed.
+ */
+export declare function PieChart(props: PieChartProps): import('react').JSX.Element;
+/** Donut chart: a PieChart with a hole and optional center texts */
+export declare function DonutChart(props: DonutChartProps): import('react').JSX.Element;
+/** Radar (spider) chart comparing series over several indicators */
+export declare function RadarChart(props: RadarChartProps): import('react').JSX.Element;
+/** Gauge (speedometer) showing one value on an arc, with colored bands */
+export declare function GaugeChart(props: GaugeChartProps): import('react').JSX.Element;
+/** Funnel chart of the stages of a process, with conversion rates */
+export declare function FunnelChart(props: FunnelChartProps): import('react').JSX.Element;
+/** Treemap: nested rectangles of areas proportional to the values */
+export declare function TreemapChart(props: TreemapChartProps): import('react').JSX.Element;
+/**
+ * Sankey diagram: flows between nodes in columns, link thickness
+ * proportional to the flow; pressing a node or a link highlights its flows
+ */
+export declare function SankeyChart(props: SankeyChartProps): import('react').JSX.Element;
+/**
+ * Sunburst chart: a hierarchy as concentric rings; tapping a parent zooms
+ * into it, tapping the center goes back up
+ */
+export declare function SunburstChart(props: SunburstChartProps): import('react').JSX.Element;
+/** Radial bar chart: concentric progress rings (activity rings, KPI completion) */
+export declare function RadialBarChart(props: RadialBarChartProps): import('react').JSX.Element;
+/** Calendar heatmap: daily values on a calendar, contributions-style */
+export declare function CalendarHeatmap(props: CalendarHeatmapProps): import('react').JSX.Element;
+/** Bullet chart: KPI bars against qualitative ranges and a target marker */
+export declare function BulletChart(props: BulletChartProps): import('react').JSX.Element;
+/**
+ * Any shape chart from its engine options (`type`: pie, radar, gauge,
+ * funnel, treemap and the other shape types of the engine), drawn with views
+ */
+export declare function ShapeChart(props: ShapeChartProps): import('react').JSX.Element;

package/dist/native/components/ShapeChart/charts.d.ts

@@ -0,0 +1,38 @@
+import { BulletChartProps, CalendarHeatmapProps, DonutChartProps, FunnelChartProps, GaugeChartProps, PieChartProps, RadarChartProps, RadialBarChartProps, SankeyChartProps, ShapeChartProps, SunburstChartProps, TreemapChartProps } from './types.js';
+/**
+ * Pie chart (or a donut with `innerRadius`, or a Nightingale rose with
+ * `rose`): slices with gaps, outside labels with leader lines, legend
+ * toggles, tooltip while a slice is pressed.
+ */
+export declare function PieChart(props: PieChartProps): import('react').JSX.Element;
+/** Donut chart: a PieChart with a hole and optional center texts */
+export declare function DonutChart(props: DonutChartProps): import('react').JSX.Element;
+/** Radar (spider) chart comparing series over several indicators */
+export declare function RadarChart(props: RadarChartProps): import('react').JSX.Element;
+/** Gauge (speedometer) showing one value on an arc, with colored bands */
+export declare function GaugeChart(props: GaugeChartProps): import('react').JSX.Element;
+/** Funnel chart of the stages of a process, with conversion rates */
+export declare function FunnelChart(props: FunnelChartProps): import('react').JSX.Element;
+/** Treemap: nested rectangles of areas proportional to the values */
+export declare function TreemapChart(props: TreemapChartProps): import('react').JSX.Element;
+/**
+ * Sankey diagram: flows between nodes in columns, link thickness
+ * proportional to the flow; pressing a node or a link highlights its flows
+ */
+export declare function SankeyChart(props: SankeyChartProps): import('react').JSX.Element;
+/**
+ * Sunburst chart: a hierarchy as concentric rings; tapping a parent zooms
+ * into it, tapping the center goes back up
+ */
+export declare function SunburstChart(props: SunburstChartProps): import('react').JSX.Element;
+/** Radial bar chart: concentric progress rings (activity rings, KPI completion) */
+export declare function RadialBarChart(props: RadialBarChartProps): import('react').JSX.Element;
+/** Calendar heatmap: daily values on a calendar, contributions-style */
+export declare function CalendarHeatmap(props: CalendarHeatmapProps): import('react').JSX.Element;
+/** Bullet chart: KPI bars against qualitative ranges and a target marker */
+export declare function BulletChart(props: BulletChartProps): import('react').JSX.Element;
+/**
+ * Any shape chart from its engine options (`type`: pie, radar, gauge,
+ * funnel, treemap and the other shape types of the engine), drawn with views
+ */
+export declare function ShapeChart(props: ShapeChartProps): import('react').JSX.Element;