@oliasoft-open-source/charts-library 5.1.5 → 5.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +0 -3
- package/package.json +1 -1
- package/dist/assets/Color-YHDXOIA2-Bq81z8oe.js +0 -1
- package/dist/assets/DocsRenderer-CFRXHY34-CrxXBgm2.js +0 -580
- package/dist/assets/bar-chart-const-Cgj9sgUU.js +0 -1
- package/dist/assets/bar-chart.stories-CskKjwzY.js +0 -136
- package/dist/assets/chunk-XP5HYGXS-D5tuasO7.js +0 -1
- package/dist/assets/client-DnE3718B.js +0 -1
- package/dist/assets/entry-preview-CqdghNTQ.js +0 -2
- package/dist/assets/entry-preview-docs-Cet2djRm.js +0 -46
- package/dist/assets/get-custom-legend-plugin-example-Bx2dNJXg.js +0 -1
- package/dist/assets/get-draggableData-BuAjVvlk.js +0 -2
- package/dist/assets/iframe-Covr22ew.js +0 -217
- package/dist/assets/index-BhTLYoCu.js +0 -24
- package/dist/assets/index-CgYGpm1H.js +0 -1
- package/dist/assets/index-DHw5ixvP.js +0 -1
- package/dist/assets/index-Dytf1aFS.js +0 -8
- package/dist/assets/index-YTOF1_EJ.js +0 -9
- package/dist/assets/index-uDG1oqxT.js +0 -1
- package/dist/assets/jsx-runtime-W3oueGCa.js +0 -9
- package/dist/assets/legend-C1G_eM07.js +0 -1367
- package/dist/assets/legend-context-D335GXn0.js +0 -68
- package/dist/assets/line-chart-Df7xumu-.js +0 -6
- package/dist/assets/line-chart.stories-mXxv_jdM.js +0 -1162
- package/dist/assets/line-chart.test-case.stories-MkRygT1i.js +0 -430
- package/dist/assets/pie-chart.stories-CKrEnHPR.js +0 -45
- package/dist/assets/preview-CtUZNZ56.js +0 -2
- package/dist/assets/preview-DD_OYowb.js +0 -1
- package/dist/assets/preview-sKP0fxxa.js +0 -3
- package/dist/assets/react-18-BdgjDjvZ.js +0 -1
- package/dist/assets/scatter-chart.stories-DTnV_CPW.js +0 -41
- package/dist/assets/test-utils-BBHUGUfi.js +0 -9
- package/dist/bar-chart/bar-chart-const.d.ts +0 -2
- package/dist/bar-chart/bar-chart-default-props.d.ts +0 -2
- package/dist/bar-chart/bar-chart.d.ts +0 -3
- package/dist/bar-chart/bar-chart.interface.d.ts +0 -96
- package/dist/bar-chart/utils/get-bar-chart-data-labels.d.ts +0 -10
- package/dist/bar-chart/utils/get-bar-chart-scales.d.ts +0 -3
- package/dist/bar-chart/utils/get-bar-chart-tooltips.d.ts +0 -6
- package/dist/bar-chart/utils/use-bar-chart-config.d.ts +0 -13
- package/dist/bar-chart/utils/use-bar-chart-options.d.ts +0 -55
- package/dist/common/common.interface.d.ts +0 -210
- package/dist/common/controls-portal.d.ts +0 -7
- package/dist/common/enums.d.ts +0 -10
- package/dist/common/helpers/chart-border-plugin.d.ts +0 -16
- package/dist/common/helpers/chart-consts.d.ts +0 -39
- package/dist/common/helpers/chart-utils.d.ts +0 -86
- package/dist/common/helpers/container.d.ts +0 -18
- package/dist/common/helpers/custom-format-number.d.ts +0 -1
- package/dist/common/helpers/download-pgn.d.ts +0 -3
- package/dist/common/helpers/enums.d.ts +0 -80
- package/dist/common/helpers/get-chart-annotation.d.ts +0 -91
- package/dist/common/helpers/get-custom-legend-plugin-example.d.ts +0 -8
- package/dist/common/helpers/get-draggableData.d.ts +0 -18
- package/dist/common/helpers/range/estimate-data-series-have-close-values.d.ts +0 -8
- package/dist/common/helpers/range/range.d.ts +0 -33
- package/dist/common/helpers/text.d.ts +0 -1
- package/dist/common/helpers/to-annotation.d.ts +0 -4
- package/dist/common/hooks/use-generated-labels.d.ts +0 -4
- package/dist/common/hooks/use-legend-state.d.ts +0 -28
- package/dist/common/hooks/use-legend.d.ts +0 -4
- package/dist/common/hooks/use-reset.d.ts +0 -3
- package/dist/common/hooks/use-update-annotations.d.ts +0 -7
- package/dist/common/legend-component/legend-dropzone.d.ts +0 -3
- package/dist/common/legend-component/legend-interface.d.ts +0 -48
- package/dist/common/legend-component/legend-item/LegendItemLine.d.ts +0 -5
- package/dist/common/legend-component/legend-item/legend-item.d.ts +0 -3
- package/dist/common/legend-component/legend-panel.d.ts +0 -3
- package/dist/common/legend-component/legend.d.ts +0 -3
- package/dist/common/legend-component/state/legend-action-types.d.ts +0 -3
- package/dist/common/legend-component/state/legend-context.d.ts +0 -14
- package/dist/common/legend-component/state/legend-state-reducer.d.ts +0 -30
- package/dist/common/legend-component/utils/create-style-object.d.ts +0 -27
- package/dist/common/legend-component/utils/get-generated-labels.d.ts +0 -2
- package/dist/common/plugins/annotation-dragger-plugin/annotation-dragger-plugin.d.ts +0 -15
- package/dist/common/plugins/annotation-dragger-plugin/enums.d.ts +0 -20
- package/dist/common/plugins/annotation-dragger-plugin/event-helpers.d.ts +0 -6
- package/dist/common/plugins/annotation-dragger-plugin/helpers.d.ts +0 -53
- package/dist/common/plugins/annotation-dragger-plugin/point-annotation-label.d.ts +0 -5
- package/dist/common/plugins/ellipsis-annotation-plugin/compute-ellipse-geometry.d.ts +0 -9
- package/dist/common/plugins/ellipsis-annotation-plugin/ellipsis-annotation-plugin.d.ts +0 -18
- package/dist/common/plugins/gradient-background-plugin/enums.d.ts +0 -10
- package/dist/common/plugins/gradient-background-plugin/gradient-background-plugin.d.ts +0 -2
- package/dist/favicon.svg +0 -1
- package/dist/iframe.html +0 -666
- package/dist/index.html +0 -149
- package/dist/index.json +0 -1
- package/dist/line-chart/constants/default-translations.d.ts +0 -25
- package/dist/line-chart/constants/line-chart-consts.d.ts +0 -13
- package/dist/line-chart/controls/axes-options/axes-options-interfaces.d.ts +0 -57
- package/dist/line-chart/controls/axes-options/axes-options.d.ts +0 -6
- package/dist/line-chart/controls/axes-options/axes-validation.d.ts +0 -8
- package/dist/line-chart/controls/controls-interfaces.d.ts +0 -20
- package/dist/line-chart/controls/controls.d.ts +0 -3
- package/dist/line-chart/controls/drag-options-interfaces.d.ts +0 -14
- package/dist/line-chart/controls/drag-options.d.ts +0 -23
- package/dist/line-chart/controls/line-options.d.ts +0 -19
- package/dist/line-chart/hooks/use-chart-functions.d.ts +0 -33
- package/dist/line-chart/hooks/use-chart-options.d.ts +0 -16
- package/dist/line-chart/hooks/use-chart-plugins.d.ts +0 -7
- package/dist/line-chart/hooks/use-chart-state.d.ts +0 -12
- package/dist/line-chart/hooks/use-toggle-handler.d.ts +0 -12
- package/dist/line-chart/initialize/config.d.ts +0 -12
- package/dist/line-chart/initialize/initialize-line-chart.d.ts +0 -12
- package/dist/line-chart/line-chart-get-default-props.d.ts +0 -2
- package/dist/line-chart/line-chart.d.ts +0 -3
- package/dist/line-chart/line-chart.interface.d.ts +0 -150
- package/dist/line-chart/plugins/chart-area-text-plugin.d.ts +0 -17
- package/dist/line-chart/plugins/line-chart.minor-gridlines-plugin.d.ts +0 -8
- package/dist/line-chart/plugins/plugin-constants.d.ts +0 -11
- package/dist/line-chart/plugins/plugins.interface.d.ts +0 -9
- package/dist/line-chart/state/action-types.d.ts +0 -12
- package/dist/line-chart/state/helpers.d.ts +0 -13
- package/dist/line-chart/state/initial-state.d.ts +0 -11
- package/dist/line-chart/state/line-chart-reducer.d.ts +0 -2
- package/dist/line-chart/state/manage-state-in-local-storage.d.ts +0 -15
- package/dist/line-chart/state/state.interfaces.d.ts +0 -26
- package/dist/line-chart/utils/axis-formatting/axis-formatting.d.ts +0 -2
- package/dist/line-chart/utils/axis-scales/axis-scales.d.ts +0 -9
- package/dist/line-chart/utils/check-custom-option/check-custom-option.d.ts +0 -12
- package/dist/line-chart/utils/datalabels-alignment/datalabels-alignment.interface.d.ts +0 -20
- package/dist/line-chart/utils/datalabels-alignment/get-alignment-condition.d.ts +0 -8
- package/dist/line-chart/utils/datalabels-alignment/get-alignment-data.d.ts +0 -11
- package/dist/line-chart/utils/datalabels-alignment/get-datalabels-position.d.ts +0 -6
- package/dist/line-chart/utils/enums.d.ts +0 -4
- package/dist/line-chart/utils/generate-line-chart-datasets.d.ts +0 -8
- package/dist/line-chart/utils/get-annotations-data.d.ts +0 -1
- package/dist/line-chart/utils/get-axes-data-from-metasets.d.ts +0 -1
- package/dist/line-chart/utils/get-axes-ranges-from-chart.d.ts +0 -9
- package/dist/line-chart/utils/get-axis-range-by-type.d.ts +0 -10
- package/dist/line-chart/utils/get-generated-labels.d.ts +0 -2
- package/dist/line-chart/utils/get-line-chart-data-labels.d.ts +0 -16
- package/dist/line-chart/utils/get-line-chart-scales.d.ts +0 -4
- package/dist/line-chart/utils/get-line-chart-tooltips.d.ts +0 -34
- package/dist/line-chart/utils/line-chart-utils.d.ts +0 -24
- package/dist/line-chart/utils/translations/get-translations.d.ts +0 -8
- package/dist/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/nunito-sans-bold.woff2 +0 -0
- package/dist/nunito-sans-italic.woff2 +0 -0
- package/dist/nunito-sans-regular.woff2 +0 -0
- package/dist/pie-chart/pie-chart-defalut-props.interface.d.ts +0 -50
- package/dist/pie-chart/pie-chart-get-default-props.d.ts +0 -3
- package/dist/pie-chart/pie-chart.d.ts +0 -3
- package/dist/pie-chart/pie-chart.interface.d.ts +0 -70
- package/dist/pie-chart/use-pie-chart-config.d.ts +0 -42
- package/dist/project.json +0 -1
- package/dist/sb-addons/actions-1/manager-bundle.js +0 -3
- package/dist/sb-addons/docs-2/manager-bundle.js +0 -242
- package/dist/sb-addons/storybook-core-core-server-presets-0/common-manager-bundle.js +0 -3
- package/dist/sb-addons/storybook-dark-mode-esm-preset-3/manager-bundle.js +0 -5
- package/dist/sb-common-assets/favicon.svg +0 -1
- package/dist/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/dist/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/dist/sb-manager/globals-module-info.js +0 -1051
- package/dist/sb-manager/globals-runtime.js +0 -41591
- package/dist/sb-manager/globals.js +0 -48
- package/dist/sb-manager/runtime.js +0 -12048
- package/dist/scatter-chart/hooks/use-scatter-chart-config.d.ts +0 -113
- package/dist/scatter-chart/scatter-chart-default-props.interface.d.ts +0 -71
- package/dist/scatter-chart/scatter-chart-get-default-props.d.ts +0 -3
- package/dist/scatter-chart/scatter-chart.d.ts +0 -3
- package/dist/scatter-chart/scatter-chart.interface.d.ts +0 -81
- package/dist/scatter-chart/utils/get-scales-config.d.ts +0 -49
- package/dist/scatter-chart/utils/get-tooltip-config.d.ts +0 -21
|
@@ -1,430 +0,0 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-W3oueGCa.js";import{r as s}from"./index-YTOF1_EJ.js";import{D as ea,B as l}from"./legend-C1G_eM07.js";import{L as c}from"./line-chart-Df7xumu-.js";import{D as la}from"./legend-context-D335GXn0.js";import"./index-DHw5ixvP.js";import"./index-BhTLYoCu.js";import"./index-CgYGpm1H.js";import"./get-draggableData-BuAjVvlk.js";const ta="chartOne-plan-view-chart-controls",na={datasets:[{label:"CH-4ST",lineTension:0,borderColor:"#a30125",pointBackgroundColor:"#a30125",pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:.3927,label:[]},{x:0,y:2.4838,label:[]},{x:0,y:7.1727,label:[]},{x:0,y:14.4238,label:[]},{x:0,y:24.1818,label:[]},{x:0,y:36.3728,label:[]},{x:0,y:50.9039,label:[]},{x:0,y:67.6648,label:[]},{x:0,y:86.528,label:[]},{x:0,y:107.3503,label:[]},{x:0,y:129.9733,label:[]},{x:0,y:154.2251,label:[]},{x:0,y:179.9215,label:[]},{x:0,y:206.867,label:[]},{x:0,y:234.8569,label:[]},{x:0,y:263.6785,label:[]},{x:0,y:293.1127,label:[]},{x:0,y:322.9358,label:[]},{x:0,y:344.2833,label:[]},{x:0,y:352.9221,label:[]},{x:0,y:382.9221,label:[]},{x:0,y:412.9221,label:[]},{x:0,y:442.9221,label:[]},{x:0,y:472.9221,label:[]},{x:0,y:502.9221,label:[]},{x:0,y:532.9221,label:[]},{x:0,y:562.9221,label:[]},{x:0,y:592.9221,label:[]},{x:0,y:622.9221,label:[]},{x:0,y:644.2821,label:[]}]},{label:"CH-4",lineTension:0,borderColor:"#0154a3",pointBackgroundColor:"#0154a3",pointRadius:0,pointHoverRadius:0,pointHitRadius:0,borderWidth:2,fill:!1,data:[{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]},{x:0,y:0,label:[]}]}]},oa={direction:"vertical",axes:{x:[{label:"E/W [m]",position:"top"}],y:[{label:"N/S [m]",position:"left"}]},additionalAxesOptions:{chartScaleType:"linear"},graph:{showDataLabels:!0,showMinorGridlines:!0,lineTension:0},chartStyling:{height:"100%"},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[]}},sa={controlsPortalId:ta,data:na,options:oa},m=[{label:"Dataset 1",data:[{x:0,y:0},{x:5,y:25}]}],ra={data:{datasets:m},options:{title:"Chart title",chartStyling:{height:"100%"}}},ma={title:"LineChart / Test Cases",component:c,args:{chart:ra}},y=()=>a.jsx(c,{chart:{data:{datasets:[{label:"Duration %",lineTension:"0",pointHitRadius:10,borderColor:"#dc3912",pointBackgroundColor:"#dc3912",borderWidth:2,pointRadius:4,data:[{x:3,y:0},{x:3,y:100}],yAxisID:"y2"}]},options:{direction:"vertical",axes:{x:[{label:"Duration (TempSim long) [d]",position:"bottom"}],y:[{label:"Probability"},{label:"Percentage [%]"}]},annotations:{annotationsData:[{annotationAxis:"y2",color:"darkgrey",value:16},{displayDragCoordinates:!1,color:"#ff9900",label:"P16",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:17,yMin:15,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:66},{displayDragCoordinates:!1,color:"#109618",label:"P66",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:67,yMin:65,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:78},{displayDragCoordinates:!1,color:"#990099",label:"P78",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:79,yMin:77,yScaleID:"y2"},{annotationAxis:"y2",color:"darkgrey",value:90},{displayDragCoordinates:!1,color:"#0099c6",label:"P90",dragAxis:"y",enableDrag:!0,resizable:!1,type:"box",xMax:3,xMin:3,yMax:91,yMin:89,yScaleID:"y2"}],enableDragAnnotation:!0,showAnnotations:!0},additionalAxesOptions:{range:{x:{min:3}},chartScaleType:"linear",reverse:!1},graph:{showMinorGridlines:!0},chartStyling:{height:"100%"},chartOptions:{showPoints:!1,enableDragAnnotation:!0}}}}),b=()=>a.jsx(c,{chart:sa}),x=()=>{const[u,n]=s.useState(m),[L,d]=s.useState(0),[g,_]=s.useState(!1),[D,i]=s.useState(!0),[O,C]=s.useState(!1),[f,W]=s.useState(!0),[A,E]=s.useState("linear"),[S,p]=s.useState(!1),M=s.useMemo(()=>({title:"Stress Tester",axes:{x:[{label:"X Axis"}],y:[{label:"Y Axis"}]},chartOptions:{enableDragAnnotation:!0},annotations:{showAnnotations:!0,enableDragAnnotation:!0,annotationsData:[{enableDrag:!0,type:"box",xMin:3.5,xMax:4,yMin:5,yMax:10,color:"rgba(255, 0, 0, 0.3)",label:"DRAG ME!"},{type:"point",enableDrag:!0,xValue:1,yValue:10,radius:ea,color:"red",label:"Draggable Point",labelConfig:{font:`bold 8px ${la}`,color:"rgba(0,0,0,0.7)"}}]},chartStyling:{height:"100%",squareAspectRatio:f},additionalAxesOptions:{chartScaleType:A},legend:{display:!1}}),[u,f,A]),U=s.useMemo(()=>({data:{datasets:u},options:M}),[u,M]),V=()=>{p(!0),i(!0),setTimeout(()=>{i(!1),p(!1)},5e3)},F=()=>{n(m),d(e=>e+1),i(!0),p(!1)},$=()=>{C(!0);const e=[],o=50,r=40;for(let t=0;t<o;t++)setTimeout(()=>{e.push({label:`DS ${t+1}`,data:[{x:t,y:Math.random()*100},{x:t+1,y:Math.random()*100}],borderColor:`hsl(${t*(360/o)}, 100%, 50%)`}),n([...e]),t===15&&(console.warn("Forcing unmount mid-update"),i(!1)),t===25&&(console.warn("Remounting chart"),i(!0),d(h=>h+1)),t===o-1&&(console.log("Async injection complete"),C(!1))},t*r)},z=()=>{n([{label:"Broken Dataset",borderColor:"red"}])},X=()=>{n([])},Y=()=>{n([{label:"X/Y Points",data:[{x:0,y:0},{x:1,y:1}],borderColor:"green"},{label:"Y Only Array",data:[2,4,6],borderColor:"blue"}])},K=()=>{n([{label:"Bad Y Axis Ref",yAxisID:"y-missing",data:[{x:1,y:1},{x:2,y:2}],borderColor:"purple"}])},H=()=>{const e=Array.from({length:5e3},(o,r)=>({x:r,y:Math.sin(r/100)*100}));n([{label:"Big 5k Points",data:e,borderColor:"orange"}])},N=()=>{n([{label:"Corrupt Point Dataset",data:[{x:0,y:10},{x:1},{y:20},null,void 0,"bad-value",{x:5,y:50}],borderColor:"red"}])},G=()=>{n([{label:"Valid A",data:[{x:0,y:1},{x:1,y:2}],borderColor:"blue"},{label:"Corrupt",data:"not-an-array",borderColor:"red"},{label:"Valid B",data:[{x:0,y:3},{x:1,y:4}],borderColor:"green"}])},q=()=>{const e=[];for(let t=0;t<4;t++){const h=Array.from({length:3e3},(ia,aa)=>({x:aa,y:Math.random()*100}));e.push({label:`Stream DS ${t+1}`,data:h,borderColor:`hsl(${t*90}, 100%, 50%)`})}let o=0;const r=setInterval(()=>{n(e.slice(0,o+1)),o++,o===e.length&&clearInterval(r)},500)},J=()=>{E(e=>e==="linear"?"logarithmic":"linear")},Q=()=>{W(e=>!e)},Z=()=>{let e=0;const o=setInterval(()=>{d(r=>r+1),e++,e===100&&clearInterval(o)},30)};return a.jsxs(a.Fragment,{children:[a.jsxs("div",{style:{display:"flex",gap:8,flexWrap:"wrap",marginBottom:16},children:[a.jsx(l,{label:"Reset to Initial State",colored:!0,onClick:F}),a.jsx(l,{label:"Async Dataset + Unmount",onClick:$,disabled:O}),a.jsx(l,{label:"Set Invalid Dataset",onClick:z}),a.jsx(l,{label:"Set Empty Dataset",onClick:X}),a.jsx(l,{label:"Mixed Data Formats",onClick:Y}),a.jsx(l,{label:"Bad Axis Ref",onClick:K}),a.jsx(l,{label:"Toggle size",onClick:()=>_(!g)}),a.jsx(l,{label:"Toggle Axis Type",onClick:J}),a.jsx(l,{label:"Toggle Aspect Ratio",onClick:Q}),a.jsx(l,{label:"Spam Re-renders",onClick:Z}),a.jsx(l,{label:D?"Unmount Chart":"Remount Chart",onClick:()=>i(e=>!e)}),a.jsx(l,{label:"Manual Re-render",onClick:()=>d(e=>e+1)}),a.jsx(l,{label:"Empty Dataset",onClick:()=>n([])}),a.jsx(l,{label:"Add 5k Points Slowly",onClick:H}),a.jsx(l,{label:"Dataset With Invalid Point",onClick:N}),a.jsx(l,{label:"Malformed Dataset Combo",onClick:G}),a.jsx(l,{label:"Cycle Big Load (Async)",onClick:q}),a.jsx(l,{label:"Timed Unmount During Drag",onClick:V,disabled:S})]}),S&&a.jsx("span",{style:{color:"crimson",fontWeight:"bold"},children:"⏱ Unmounting in 5s – start dragging!"}),a.jsx("div",{style:{height:g?300:null,width:g?300:null,padding:"var(--padding)",overflow:"auto"},children:D?a.jsx(c,{chart:U},L):a.jsx("div",{style:{padding:40,textAlign:"center"},children:"Chart unmounted"})})]})};y.__docgenInfo={description:"",methods:[],displayName:"PartialRangeWithSimilarValues"};b.__docgenInfo={description:"",methods:[],displayName:"closeToValueInDifferentAxes"};x.__docgenInfo={description:"",methods:[],displayName:"StressTest"};var T,v,R;y.parameters={...y.parameters,docs:{...(T=y.parameters)==null?void 0:T.docs,source:{originalSource:`() => {
|
|
2
|
-
return <LineChart chart={{
|
|
3
|
-
data: {
|
|
4
|
-
datasets: [{
|
|
5
|
-
label: 'Duration %',
|
|
6
|
-
lineTension: '0',
|
|
7
|
-
pointHitRadius: 10,
|
|
8
|
-
borderColor: '#dc3912',
|
|
9
|
-
pointBackgroundColor: '#dc3912',
|
|
10
|
-
borderWidth: 2,
|
|
11
|
-
pointRadius: 4,
|
|
12
|
-
data: [{
|
|
13
|
-
x: 3,
|
|
14
|
-
y: 0
|
|
15
|
-
}, {
|
|
16
|
-
x: 3,
|
|
17
|
-
y: 100
|
|
18
|
-
}],
|
|
19
|
-
yAxisID: 'y2'
|
|
20
|
-
}]
|
|
21
|
-
},
|
|
22
|
-
options: {
|
|
23
|
-
direction: 'vertical',
|
|
24
|
-
axes: {
|
|
25
|
-
x: [{
|
|
26
|
-
label: 'Duration (TempSim long) [d]',
|
|
27
|
-
position: 'bottom'
|
|
28
|
-
}],
|
|
29
|
-
y: [{
|
|
30
|
-
label: 'Probability'
|
|
31
|
-
}, {
|
|
32
|
-
label: 'Percentage [%]'
|
|
33
|
-
}]
|
|
34
|
-
},
|
|
35
|
-
annotations: {
|
|
36
|
-
annotationsData: [{
|
|
37
|
-
annotationAxis: 'y2',
|
|
38
|
-
color: 'darkgrey',
|
|
39
|
-
value: 16
|
|
40
|
-
}, {
|
|
41
|
-
displayDragCoordinates: false,
|
|
42
|
-
color: '#ff9900',
|
|
43
|
-
label: 'P16',
|
|
44
|
-
dragAxis: 'y',
|
|
45
|
-
enableDrag: true,
|
|
46
|
-
resizable: false,
|
|
47
|
-
type: 'box',
|
|
48
|
-
xMax: 3,
|
|
49
|
-
xMin: 3,
|
|
50
|
-
yMax: 17,
|
|
51
|
-
yMin: 15,
|
|
52
|
-
yScaleID: 'y2'
|
|
53
|
-
}, {
|
|
54
|
-
annotationAxis: 'y2',
|
|
55
|
-
color: 'darkgrey',
|
|
56
|
-
value: 66
|
|
57
|
-
}, {
|
|
58
|
-
displayDragCoordinates: false,
|
|
59
|
-
color: '#109618',
|
|
60
|
-
label: 'P66',
|
|
61
|
-
dragAxis: 'y',
|
|
62
|
-
enableDrag: true,
|
|
63
|
-
resizable: false,
|
|
64
|
-
type: 'box',
|
|
65
|
-
xMax: 3,
|
|
66
|
-
xMin: 3,
|
|
67
|
-
yMax: 67,
|
|
68
|
-
yMin: 65,
|
|
69
|
-
yScaleID: 'y2'
|
|
70
|
-
}, {
|
|
71
|
-
annotationAxis: 'y2',
|
|
72
|
-
color: 'darkgrey',
|
|
73
|
-
value: 78
|
|
74
|
-
}, {
|
|
75
|
-
displayDragCoordinates: false,
|
|
76
|
-
color: '#990099',
|
|
77
|
-
label: 'P78',
|
|
78
|
-
dragAxis: 'y',
|
|
79
|
-
enableDrag: true,
|
|
80
|
-
resizable: false,
|
|
81
|
-
type: 'box',
|
|
82
|
-
xMax: 3,
|
|
83
|
-
xMin: 3,
|
|
84
|
-
yMax: 79,
|
|
85
|
-
yMin: 77,
|
|
86
|
-
yScaleID: 'y2'
|
|
87
|
-
}, {
|
|
88
|
-
annotationAxis: 'y2',
|
|
89
|
-
color: 'darkgrey',
|
|
90
|
-
value: 90
|
|
91
|
-
}, {
|
|
92
|
-
displayDragCoordinates: false,
|
|
93
|
-
color: '#0099c6',
|
|
94
|
-
label: 'P90',
|
|
95
|
-
dragAxis: 'y',
|
|
96
|
-
enableDrag: true,
|
|
97
|
-
resizable: false,
|
|
98
|
-
type: 'box',
|
|
99
|
-
xMax: 3,
|
|
100
|
-
xMin: 3,
|
|
101
|
-
yMax: 91,
|
|
102
|
-
yMin: 89,
|
|
103
|
-
yScaleID: 'y2'
|
|
104
|
-
}],
|
|
105
|
-
enableDragAnnotation: true,
|
|
106
|
-
showAnnotations: true
|
|
107
|
-
},
|
|
108
|
-
additionalAxesOptions: {
|
|
109
|
-
range: {
|
|
110
|
-
x: {
|
|
111
|
-
min: 3
|
|
112
|
-
}
|
|
113
|
-
},
|
|
114
|
-
chartScaleType: 'linear',
|
|
115
|
-
reverse: false
|
|
116
|
-
},
|
|
117
|
-
graph: {
|
|
118
|
-
showMinorGridlines: true
|
|
119
|
-
},
|
|
120
|
-
chartStyling: {
|
|
121
|
-
height: '100%'
|
|
122
|
-
},
|
|
123
|
-
chartOptions: {
|
|
124
|
-
showPoints: false,
|
|
125
|
-
enableDragAnnotation: true
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
}} />;
|
|
129
|
-
}`,...(R=(v=y.parameters)==null?void 0:v.docs)==null?void 0:R.source}}};var k,I,B;b.parameters={...b.parameters,docs:{...(k=b.parameters)==null?void 0:k.docs,source:{originalSource:`() => {
|
|
130
|
-
return <LineChart chart={planView} />;
|
|
131
|
-
}`,...(B=(I=b.parameters)==null?void 0:I.docs)==null?void 0:B.source}}};var j,w,P;x.parameters={...x.parameters,docs:{...(j=x.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
|
|
132
|
-
const [datasets, setDatasets] = useState(basicDS);
|
|
133
|
-
const [chartKey, setChartKey] = useState(0);
|
|
134
|
-
const [isSmall, setIsSmall] = useState(false);
|
|
135
|
-
const [showChart, setShowChart] = useState(true);
|
|
136
|
-
const [loading, setLoading] = useState(false);
|
|
137
|
-
const [aspectRatio, setAspectRatio] = useState(true);
|
|
138
|
-
const [xAxisType, setXAxisType] = useState('linear');
|
|
139
|
-
const [timerRunning, setTimerRunning] = useState(false);
|
|
140
|
-
const baseOptions = useMemo(() => ({
|
|
141
|
-
title: 'Stress Tester',
|
|
142
|
-
axes: {
|
|
143
|
-
x: [{
|
|
144
|
-
label: 'X Axis'
|
|
145
|
-
}],
|
|
146
|
-
y: [{
|
|
147
|
-
label: 'Y Axis'
|
|
148
|
-
}]
|
|
149
|
-
},
|
|
150
|
-
chartOptions: {
|
|
151
|
-
enableDragAnnotation: true
|
|
152
|
-
},
|
|
153
|
-
annotations: {
|
|
154
|
-
showAnnotations: true,
|
|
155
|
-
enableDragAnnotation: true,
|
|
156
|
-
annotationsData: [{
|
|
157
|
-
enableDrag: true,
|
|
158
|
-
type: 'box',
|
|
159
|
-
xMin: 3.5,
|
|
160
|
-
xMax: 4,
|
|
161
|
-
yMin: 5,
|
|
162
|
-
yMax: 10,
|
|
163
|
-
color: 'rgba(255, 0, 0, 0.3)',
|
|
164
|
-
label: 'DRAG ME!'
|
|
165
|
-
}, {
|
|
166
|
-
type: 'point',
|
|
167
|
-
enableDrag: true,
|
|
168
|
-
xValue: 1,
|
|
169
|
-
yValue: 10,
|
|
170
|
-
radius: DEFAULT_POINT_RADIUS,
|
|
171
|
-
color: 'red',
|
|
172
|
-
label: 'Draggable Point',
|
|
173
|
-
labelConfig: {
|
|
174
|
-
font: \`bold 8px \${DEFAULT_FONT_FAMILY}\`,
|
|
175
|
-
color: 'rgba(0,0,0,0.7)'
|
|
176
|
-
}
|
|
177
|
-
}]
|
|
178
|
-
},
|
|
179
|
-
chartStyling: {
|
|
180
|
-
height: '100%',
|
|
181
|
-
squareAspectRatio: aspectRatio
|
|
182
|
-
},
|
|
183
|
-
additionalAxesOptions: {
|
|
184
|
-
chartScaleType: xAxisType
|
|
185
|
-
},
|
|
186
|
-
legend: {
|
|
187
|
-
display: false
|
|
188
|
-
}
|
|
189
|
-
}), [datasets, aspectRatio, xAxisType]);
|
|
190
|
-
const chartConfig = useMemo(() => ({
|
|
191
|
-
data: {
|
|
192
|
-
datasets
|
|
193
|
-
},
|
|
194
|
-
options: baseOptions
|
|
195
|
-
}), [datasets, baseOptions]);
|
|
196
|
-
const startTimedUnmount = () => {
|
|
197
|
-
setTimerRunning(true);
|
|
198
|
-
setShowChart(true);
|
|
199
|
-
setTimeout(() => {
|
|
200
|
-
setShowChart(false);
|
|
201
|
-
setTimerRunning(false);
|
|
202
|
-
}, 5000);
|
|
203
|
-
};
|
|
204
|
-
const resetChart = () => {
|
|
205
|
-
setDatasets(basicDS);
|
|
206
|
-
setChartKey(k => k + 1);
|
|
207
|
-
setShowChart(true);
|
|
208
|
-
setTimerRunning(false);
|
|
209
|
-
};
|
|
210
|
-
const injectDatasetsAsync = () => {
|
|
211
|
-
setLoading(true);
|
|
212
|
-
const buffer = [];
|
|
213
|
-
const total = 50;
|
|
214
|
-
const delay = 40;
|
|
215
|
-
for (let i = 0; i < total; i++) {
|
|
216
|
-
setTimeout(() => {
|
|
217
|
-
buffer.push({
|
|
218
|
-
label: \`DS \${i + 1}\`,
|
|
219
|
-
data: [{
|
|
220
|
-
x: i,
|
|
221
|
-
y: Math.random() * 100
|
|
222
|
-
}, {
|
|
223
|
-
x: i + 1,
|
|
224
|
-
y: Math.random() * 100
|
|
225
|
-
}],
|
|
226
|
-
borderColor: \`hsl(\${i * (360 / total)}, 100%, 50%)\`
|
|
227
|
-
});
|
|
228
|
-
setDatasets([...buffer]);
|
|
229
|
-
if (i === 15) {
|
|
230
|
-
console.warn('Forcing unmount mid-update');
|
|
231
|
-
setShowChart(false);
|
|
232
|
-
}
|
|
233
|
-
if (i === 25) {
|
|
234
|
-
console.warn('Remounting chart');
|
|
235
|
-
setShowChart(true);
|
|
236
|
-
setChartKey(prev => prev + 1);
|
|
237
|
-
}
|
|
238
|
-
if (i === total - 1) {
|
|
239
|
-
console.log('Async injection complete');
|
|
240
|
-
setLoading(false);
|
|
241
|
-
}
|
|
242
|
-
}, i * delay);
|
|
243
|
-
}
|
|
244
|
-
};
|
|
245
|
-
const setInvalidDataset = () => {
|
|
246
|
-
setDatasets([{
|
|
247
|
-
label: 'Broken Dataset',
|
|
248
|
-
borderColor: 'red'
|
|
249
|
-
}]);
|
|
250
|
-
};
|
|
251
|
-
const setEmptyDataset = () => {
|
|
252
|
-
setDatasets([]);
|
|
253
|
-
};
|
|
254
|
-
const setMixedDataTypes = () => {
|
|
255
|
-
setDatasets([{
|
|
256
|
-
label: 'X/Y Points',
|
|
257
|
-
data: [{
|
|
258
|
-
x: 0,
|
|
259
|
-
y: 0
|
|
260
|
-
}, {
|
|
261
|
-
x: 1,
|
|
262
|
-
y: 1
|
|
263
|
-
}],
|
|
264
|
-
borderColor: 'green'
|
|
265
|
-
}, {
|
|
266
|
-
label: 'Y Only Array',
|
|
267
|
-
data: [2, 4, 6],
|
|
268
|
-
borderColor: 'blue'
|
|
269
|
-
}]);
|
|
270
|
-
};
|
|
271
|
-
const setMissingAxisRef = () => {
|
|
272
|
-
setDatasets([{
|
|
273
|
-
label: 'Bad Y Axis Ref',
|
|
274
|
-
yAxisID: 'y-missing',
|
|
275
|
-
data: [{
|
|
276
|
-
x: 1,
|
|
277
|
-
y: 1
|
|
278
|
-
}, {
|
|
279
|
-
x: 2,
|
|
280
|
-
y: 2
|
|
281
|
-
}],
|
|
282
|
-
borderColor: 'purple'
|
|
283
|
-
}]);
|
|
284
|
-
};
|
|
285
|
-
const addBigDataset = () => {
|
|
286
|
-
const data = Array.from({
|
|
287
|
-
length: 5000
|
|
288
|
-
}, (_, i) => ({
|
|
289
|
-
x: i,
|
|
290
|
-
y: Math.sin(i / 100) * 100
|
|
291
|
-
}));
|
|
292
|
-
setDatasets([{
|
|
293
|
-
label: 'Big 5k Points',
|
|
294
|
-
data,
|
|
295
|
-
borderColor: 'orange'
|
|
296
|
-
}]);
|
|
297
|
-
};
|
|
298
|
-
const addDatasetWithInvalidPoint = () => {
|
|
299
|
-
setDatasets([{
|
|
300
|
-
label: 'Corrupt Point Dataset',
|
|
301
|
-
data: [{
|
|
302
|
-
x: 0,
|
|
303
|
-
y: 10
|
|
304
|
-
}, {
|
|
305
|
-
x: 1
|
|
306
|
-
},
|
|
307
|
-
// missing y
|
|
308
|
-
{
|
|
309
|
-
y: 20
|
|
310
|
-
},
|
|
311
|
-
// missing x
|
|
312
|
-
null, undefined, 'bad-value', {
|
|
313
|
-
x: 5,
|
|
314
|
-
y: 50
|
|
315
|
-
}],
|
|
316
|
-
borderColor: 'red'
|
|
317
|
-
}]);
|
|
318
|
-
};
|
|
319
|
-
const addMalformedDatasetCombo = () => {
|
|
320
|
-
setDatasets([{
|
|
321
|
-
label: 'Valid A',
|
|
322
|
-
data: [{
|
|
323
|
-
x: 0,
|
|
324
|
-
y: 1
|
|
325
|
-
}, {
|
|
326
|
-
x: 1,
|
|
327
|
-
y: 2
|
|
328
|
-
}],
|
|
329
|
-
borderColor: 'blue'
|
|
330
|
-
}, {
|
|
331
|
-
label: 'Corrupt',
|
|
332
|
-
data: 'not-an-array',
|
|
333
|
-
borderColor: 'red'
|
|
334
|
-
}, {
|
|
335
|
-
label: 'Valid B',
|
|
336
|
-
data: [{
|
|
337
|
-
x: 0,
|
|
338
|
-
y: 3
|
|
339
|
-
}, {
|
|
340
|
-
x: 1,
|
|
341
|
-
y: 4
|
|
342
|
-
}],
|
|
343
|
-
borderColor: 'green'
|
|
344
|
-
}]);
|
|
345
|
-
};
|
|
346
|
-
const streamLargeData = () => {
|
|
347
|
-
const allDS = [];
|
|
348
|
-
for (let j = 0; j < 4; j++) {
|
|
349
|
-
const data = Array.from({
|
|
350
|
-
length: 3000
|
|
351
|
-
}, (_, i) => ({
|
|
352
|
-
x: i,
|
|
353
|
-
y: Math.random() * 100
|
|
354
|
-
}));
|
|
355
|
-
allDS.push({
|
|
356
|
-
label: \`Stream DS \${j + 1}\`,
|
|
357
|
-
data,
|
|
358
|
-
borderColor: \`hsl(\${j * 90}, 100%, 50%)\`
|
|
359
|
-
});
|
|
360
|
-
}
|
|
361
|
-
let step = 0;
|
|
362
|
-
const interval = setInterval(() => {
|
|
363
|
-
setDatasets(allDS.slice(0, step + 1));
|
|
364
|
-
step++;
|
|
365
|
-
if (step === allDS.length) clearInterval(interval);
|
|
366
|
-
}, 500);
|
|
367
|
-
};
|
|
368
|
-
const cycleXAxisType = () => {
|
|
369
|
-
setXAxisType(prev => prev === 'linear' ? 'logarithmic' : 'linear');
|
|
370
|
-
};
|
|
371
|
-
const toggleAspectRatio = () => {
|
|
372
|
-
setAspectRatio(prev => !prev);
|
|
373
|
-
};
|
|
374
|
-
const spamReRenders = () => {
|
|
375
|
-
let count = 0;
|
|
376
|
-
const interval = setInterval(() => {
|
|
377
|
-
setChartKey(prev => prev + 1);
|
|
378
|
-
count++;
|
|
379
|
-
if (count === 100) clearInterval(interval);
|
|
380
|
-
}, 30);
|
|
381
|
-
};
|
|
382
|
-
return <>
|
|
383
|
-
<div style={{
|
|
384
|
-
display: 'flex',
|
|
385
|
-
gap: 8,
|
|
386
|
-
flexWrap: 'wrap',
|
|
387
|
-
marginBottom: 16
|
|
388
|
-
}}>
|
|
389
|
-
<Button label="Reset to Initial State" colored onClick={resetChart} />
|
|
390
|
-
<Button label="Async Dataset + Unmount" onClick={injectDatasetsAsync} disabled={loading} />
|
|
391
|
-
<Button label="Set Invalid Dataset" onClick={setInvalidDataset} />
|
|
392
|
-
<Button label="Set Empty Dataset" onClick={setEmptyDataset} />
|
|
393
|
-
<Button label="Mixed Data Formats" onClick={setMixedDataTypes} />
|
|
394
|
-
<Button label="Bad Axis Ref" onClick={setMissingAxisRef} />
|
|
395
|
-
<Button label="Toggle size" onClick={() => setIsSmall(!isSmall)} />
|
|
396
|
-
<Button label="Toggle Axis Type" onClick={cycleXAxisType} />
|
|
397
|
-
<Button label="Toggle Aspect Ratio" onClick={toggleAspectRatio} />
|
|
398
|
-
<Button label="Spam Re-renders" onClick={spamReRenders} />
|
|
399
|
-
<Button label={showChart ? 'Unmount Chart' : 'Remount Chart'} onClick={() => setShowChart(s => !s)} />
|
|
400
|
-
<Button label="Manual Re-render" onClick={() => setChartKey(k => k + 1)} />
|
|
401
|
-
<Button label="Empty Dataset" onClick={() => setDatasets([])} />
|
|
402
|
-
<Button label="Add 5k Points Slowly" onClick={addBigDataset} />
|
|
403
|
-
<Button label="Dataset With Invalid Point" onClick={addDatasetWithInvalidPoint} />
|
|
404
|
-
<Button label="Malformed Dataset Combo" onClick={addMalformedDatasetCombo} />
|
|
405
|
-
<Button label="Cycle Big Load (Async)" onClick={streamLargeData} />
|
|
406
|
-
<Button label="Timed Unmount During Drag" onClick={startTimedUnmount} disabled={timerRunning} />
|
|
407
|
-
</div>
|
|
408
|
-
|
|
409
|
-
{timerRunning && <span style={{
|
|
410
|
-
color: 'crimson',
|
|
411
|
-
fontWeight: 'bold'
|
|
412
|
-
}}>
|
|
413
|
-
⏱ Unmounting in 5s – start dragging!
|
|
414
|
-
</span>}
|
|
415
|
-
|
|
416
|
-
<div style={{
|
|
417
|
-
height: isSmall ? 300 : null,
|
|
418
|
-
width: isSmall ? 300 : null,
|
|
419
|
-
padding: 'var(--padding)',
|
|
420
|
-
overflow: 'auto'
|
|
421
|
-
}}>
|
|
422
|
-
{showChart ? <LineChart key={chartKey} chart={chartConfig} /> : <div style={{
|
|
423
|
-
padding: 40,
|
|
424
|
-
textAlign: 'center'
|
|
425
|
-
}}>
|
|
426
|
-
Chart unmounted
|
|
427
|
-
</div>}
|
|
428
|
-
</div>
|
|
429
|
-
</>;
|
|
430
|
-
}`,...(P=(w=x.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};const Da=["PartialRangeWithSimilarValues","closeToValueInDifferentAxes","StressTest"];export{y as PartialRangeWithSimilarValues,x as StressTest,Da as __namedExportsOrder,b as closeToValueInDifferentAxes,ma as default};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import{j as H}from"./jsx-runtime-W3oueGCa.js";import{r as Le}from"./index-YTOF1_EJ.js";import{A as Oe,P as He,C as w,g as je,T as Ie,L as B,a as Ae,d as ve,r as Ne,b as we,s as Me,c as $e,e as ye,f as We,h as Re,i as Ee,j as Ue,k as Be,l as Fe,p as Ve,m as Ge,n as Ze,o as qe,q as Xe,t as Ye}from"./legend-context-D335GXn0.js";import{D as ze,a as Je}from"./bar-chart-const-Cgj9sgUU.js";import"./index-CgYGpm1H.js";const Ke="_chart_1jdnu_1",Qe="_fixedHeight_1jdnu_13",ea="_stretchHeight_1jdnu_19",M={chart:Ke,fixedHeight:Qe,stretchHeight:ea},aa=e=>({width:e==null?void 0:e.width,height:e==null?void 0:e.height,maintainAspectRatio:(e==null?void 0:e.maintainAspectRatio)||!1,staticChartHeight:(e==null?void 0:e.staticChartHeight)||!1,performanceMode:(e==null?void 0:e.performanceMode)??!0}),ta=e=>({tooltips:(e==null?void 0:e.tooltips)??!0,showLabelsInTooltips:(e==null?void 0:e.showLabelsInTooltips)||!1,scientificNotation:(e==null?void 0:e.scientificNotation)??!0}),sa=e=>({showDataLabels:(e==null?void 0:e.showDataLabels)||!1,stacked:(e==null?void 0:e.stacked)||!1,cutout:(e==null?void 0:e.cutout)||0}),ra=e=>({display:(e==null?void 0:e.display)??!0,useDataset:(e==null?void 0:e.useDataset)||!1,position:(e==null?void 0:e.position)||He.Bottom,align:(e==null?void 0:e.align)||Oe.Center}),na=e=>({enableZoom:(e==null?void 0:e.enableZoom)||!1,enablePan:(e==null?void 0:e.enablePan)||!1}),oa=e=>({onLegendClick:e==null?void 0:e.onLegendClick,onHover:e==null?void 0:e.onHover,onUnhover:e==null?void 0:e.onUnhover}),la=e=>({labels:(e==null?void 0:e.labels)||[],datasets:(e==null?void 0:e.datasets)||[]}),Pe=e=>{const l=(e==null?void 0:e.chart)||{},s=(l==null?void 0:l.options)||{};return{testId:(l==null?void 0:l.testId)??null,data:la(l==null?void 0:l.data),options:{title:(s==null?void 0:s.title)||"",chartStyling:aa(s==null?void 0:s.chartStyling),tooltip:ta(s==null?void 0:s.tooltip),graph:sa(s==null?void 0:s.graph),legend:ra(s==null?void 0:s.legend),chartOptions:na(s==null?void 0:s.chartOptions),interactions:oa(s==null?void 0:s.interactions)}}},ia=e=>{const[l,s]=Le.useState(!1),{data:i,options:t}=e,j=(u=>{var n;const a=[...u];if(t.graph.stacked){const o={label:((n=a==null?void 0:a[0])==null?void 0:n.label)??"",backgroundColor:[],borderColor:"",borderWidth:Number(a[0].borderWidth)||1,data:[],borderDash:[]};return i.labels.map((c,d)=>{a.map((g,b)=>{o.data.push(g.data[d]);const{backgroundColor:x}=g,{borderColor:f}=g;o.backgroundColor.push((Array.isArray(x)?x[d%((f==null?void 0:f.length)||1)]:x)||w[d]+`${99-10*b}`),o.borderColor=f??""})}),[o]}return a.map((o,c)=>{const{borderWidth:d="1"}=o??{},g=parseFloat(String(d))||1,b=w[c],x=o.borderColor||b,f=o.backgroundColor||je(w);return{...o,borderWidth:g,borderColor:x,backgroundColor:f}})})(i.datasets),N=()=>t.title!==""?{display:!0,text:e.options.title}:{},I=(u,a,r)=>{var o;const{chart:n}=r??{};if(a&&n){const{index:c=0}=a;if(n.toggleDataVisibility(c),n.update(),(o=t.interactions)!=null&&o.onLegendClick){const d=n.isDatasetVisible(c);t.interactions.onLegendClick(a.text,!d)}}};return{generatedDatasets:j,getTitle:N,legendClick:I,onClick:(u,a,r)=>{r.resetZoom()},onHover:(u,a)=>{if(l&&!(a!=null&&a.length)&&(s(!1),t.interactions.onUnhover&&t.interactions.onUnhover(u)),!l&&(a!=null&&a.length)&&(s(!0),t.interactions.onHover)){const{index:r,datasetIndex:n}=a[0],o=j;t.interactions.onHover(u,n,r,o)}},getDatalabels:()=>t.graph.showDataLabels?{display:"auto",align:"center",anchor:"center",formatter:(u,a)=>{if(a.chart.getDatasetMeta(t.graph.stacked?0:a.datasetIndex).data[a.dataIndex].hidden)return"";const r=a.dataset.data[a.dataIndex],n=(r==null?void 0:r.label)||(typeof r=="number"?r:Array.isArray(r)?r.reduce((c,d,g)=>g===0?`${c} ${d}`:`${c}, ${d}`,""):"");return typeof r=="number"?Number.isInteger(n)?n:n.toFixed(2):n}}:{display:!1},getLegend:()=>({position:t.legend.position,display:t.legend.display,align:t.legend.align,labels:{boxHeight:6,boxWidth:6,usePointStyle:!0,filter:u=>{var a;return t.legend.useDataset?!((a=i.datasets[u.index])!=null&&a.hideLegend):!0}},onClick:I}),getToolTips:()=>{const u=a=>{var n;let r={};return(n=t==null?void 0:t.tooltip)!=null&&n.scientificNotation?(Math.abs(a)<ze||Math.abs(a)>Je)&&(r={roundScientificCoefficient:3}):r={scientific:!1},ve(Ne(a),r)};return{callbacks:{title:a=>{const{dataIndex:r}=a[0],n=t.graph.stacked?parseInt(String(r/i.labels.length)):r;return`${i.labels[n]}`},label:a=>{var b;const{dataIndex:r}=a,n=t.graph.stacked?r%i.datasets.length:a.datasetIndex,o=i.datasets.length>1?`${(b=i.datasets[n])==null?void 0:b.label}: `:"",c=a.dataset.data[r],d=typeof c=="object"?`${c.value||""} ${t.tooltip.showLabelsInTooltips&&c.label?"("+c.label+")":""}`:c,g=i!=null&&i.yUnit?`[${i==null?void 0:i.yUnit}]`:"";return`${o} ${u(d)} ${g}`}},padding:Ae,boxWidth:B,boxHeight:B,boxPadding:Ie,usePointStyle:!0}}}};Re.register(Ee,Ue,Be,Fe,Ve,Ge,Ze,qe,Xe,Ye);const ca=e=>{Me();const l=Pe(e),s=Le.useRef(null),{data:i,options:t,testId:y}=l,{generatedDatasets:j,getTitle:N,onClick:I,onHover:W,getDatalabels:R,getLegend:E,getToolTips:U}=ia(l);return H.jsx("div",{className:$e(M.chart,!t.chartStyling.width||!t.chartStyling.height?t.chartStyling.staticChartHeight?M.fixedHeight:M.stretchHeight:""),style:{width:t.chartStyling.width||"auto",height:t.chartStyling.height||"auto"},"data-testid":y,children:H.jsx(ye,{ref:s,data:{datasets:j,labels:t.graph.stacked?void 0:i.labels},options:{cutout:t.graph.cutout,onClick:I,responsive:!0,maintainAspectRatio:t.chartStyling.maintainAspectRatio,animation:t.chartStyling.performanceMode?!1:{duration:We.FAST},hover:{mode:"nearest",intersect:!0},onHover:W,plugins:{annotation:!1,title:N(),datalabels:R(),tooltip:U(),legend:E()}}})})},$=e=>{const{options:l}=Pe(e);return H.jsx(we,{options:l,children:H.jsx(ca,{...e})})};$.__docgenInfo={description:"",methods:[],displayName:"PieChartWithLegend",props:{chart:{required:!0,tsType:{name:"IPieChartData"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};const h=["label 1","label 2","label 3"],C={label:"data1",data:[3,8,7]},_e={label:"data2",data:[1,2,3]},Te={label:"data3",data:[5,0,4]},da={label:"spacing data",offset:40,data:[3,8,7]},ua={label:"hover data",data:[3,8,7],hoverOffset:40},ke={label:"data",data:[{value:210,label:"label"},{value:333,label:"labal"},{value:248,label:"lebel"}]},ha={label:"data",data:[210,333,248]},pa={data:{labels:h,datasets:[C]}},ga={data:{labels:h,datasets:[C,_e,Te]}},ba={data:{labels:h,datasets:[C,_e,Te]},options:{title:"Stacked",graph:{stacked:!0}}},fa={data:{labels:h,datasets:[ke]},options:{title:"With custom datalabels",graph:{showDataLabels:!0}}},ma={data:{labels:h,datasets:[ha]},options:{title:"With value as datalabels",graph:{showDataLabels:!0}}},Ca={data:{labels:h,datasets:[ke]},options:{title:"With datalabels in tooltips",tooltip:{showLabelsInTooltips:!0}}},xa={data:{labels:h,datasets:[ua]},options:{title:"Hover offset"}},Da={data:{labels:h,datasets:[da]},options:{title:"Segment offset"}},Sa={data:{labels:h,datasets:[C]},options:{chartStyling:{performanceMode:!1}}},La={data:{labels:h,datasets:[C]},options:{title:"Cutout 50%",graph:{cutout:"50%"}}},Pa={data:{labels:h,datasets:[C]},options:{title:"Cutout 20 pixels",graph:{cutout:20}}},Ia={title:"PieChart",component:$,args:{chart:pa}},p=e=>H.jsx($,{...e}),A=p.bind({}),D=p.bind({});D.args={chart:ga};const S=p.bind({});S.args={chart:ba};const L=p.bind({});L.args={chart:fa};const P=p.bind({});P.args={chart:ma};const _=p.bind({});_.args={chart:Ca};const T=p.bind({});T.args={chart:Sa};const k=p.bind({});k.args={chart:La};const O=p.bind({});O.args={chart:Pa};const m=p.bind({});m.args={chart:xa};const v=p.bind({});m.args={chart:Da};var F,V,G;A.parameters={...A.parameters,docs:{...(F=A.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
|
|
2
|
-
return <PieChart
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...(G=(V=A.parameters)==null?void 0:V.docs)==null?void 0:G.source}}};var Z,q,X;D.parameters={...D.parameters,docs:{...(Z=D.parameters)==null?void 0:Z.docs,source:{originalSource:`args => {
|
|
6
|
-
return <PieChart
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(X=(q=D.parameters)==null?void 0:q.docs)==null?void 0:X.source}}};var Y,z,J;S.parameters={...S.parameters,docs:{...(Y=S.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
10
|
-
return <PieChart
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(J=(z=S.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};var K,Q,ee;L.parameters={...L.parameters,docs:{...(K=L.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
|
|
14
|
-
return <PieChart
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(ee=(Q=L.parameters)==null?void 0:Q.docs)==null?void 0:ee.source}}};var ae,te,se;P.parameters={...P.parameters,docs:{...(ae=P.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
|
|
18
|
-
return <PieChart
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(se=(te=P.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};var re,ne,oe;_.parameters={..._.parameters,docs:{...(re=_.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
22
|
-
return <PieChart
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...(oe=(ne=_.parameters)==null?void 0:ne.docs)==null?void 0:oe.source}}};var le,ie,ce;T.parameters={...T.parameters,docs:{...(le=T.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
|
|
26
|
-
return <PieChart
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(ce=(ie=T.parameters)==null?void 0:ie.docs)==null?void 0:ce.source}}};var de,ue,he;k.parameters={...k.parameters,docs:{...(de=k.parameters)==null?void 0:de.docs,source:{originalSource:`args => {
|
|
30
|
-
return <PieChart
|
|
31
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
-
{...args} />;
|
|
33
|
-
}`,...(he=(ue=k.parameters)==null?void 0:ue.docs)==null?void 0:he.source}}};var pe,ge,be;O.parameters={...O.parameters,docs:{...(pe=O.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
|
|
34
|
-
return <PieChart
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} />;
|
|
37
|
-
}`,...(be=(ge=O.parameters)==null?void 0:ge.docs)==null?void 0:be.source}}};var fe,me,Ce;m.parameters={...m.parameters,docs:{...(fe=m.parameters)==null?void 0:fe.docs,source:{originalSource:`args => {
|
|
38
|
-
return <PieChart
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(Ce=(me=m.parameters)==null?void 0:me.docs)==null?void 0:Ce.source}}};var xe,De,Se;v.parameters={...v.parameters,docs:{...(xe=v.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
|
|
42
|
-
return <PieChart
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} />;
|
|
45
|
-
}`,...(Se=(De=v.parameters)==null?void 0:De.docs)==null?void 0:Se.source}}};const Aa=["Default","MultipleSets","MultipleSetsStacked","Datalabels","DatalabelsValues","DatalabelsInTooltips","Animated","Doughnut","DoughnutFixedCutout","HoverOffset","SegmentOffset"];export{T as Animated,L as Datalabels,_ as DatalabelsInTooltips,P as DatalabelsValues,A as Default,k as Doughnut,O as DoughnutFixedCutout,m as HoverOffset,D as MultipleSets,S as MultipleSetsStacked,v as SegmentOffset,Aa as __namedExportsOrder,Ia as default};
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-CFRXHY34-CrxXBgm2.js","./iframe-Covr22ew.js","./index-YTOF1_EJ.js","./jsx-runtime-W3oueGCa.js","./index-DHw5ixvP.js","./index-BhTLYoCu.js","./index-Dytf1aFS.js","./client-DnE3718B.js"])))=>i.map(i=>d[i]);
|
|
2
|
-
import{_ as o}from"./iframe-Covr22ew.js";var s=Object.defineProperty,i=(e,r)=>{for(var t in r)s(e,t,{get:r[t],enumerable:!0})},n={};i(n,{parameters:()=>d});var _=Object.entries(globalThis.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,a]=r;return a.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await o(async()=>{const{DocsRenderer:r}=await import("./DocsRenderer-CFRXHY34-CrxXBgm2.js").then(t=>t.e);return{DocsRenderer:r}},__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
let p;const S=new Uint8Array(16);function A(){if(!p&&(p=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!p))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return p(S)}const o=[];for(let e=0;e<256;++e)o.push((e+256).toString(16).slice(1));function D(e,t=0){return o[e[t+0]]+o[e[t+1]]+o[e[t+2]]+o[e[t+3]]+"-"+o[e[t+4]]+o[e[t+5]]+"-"+o[e[t+6]]+o[e[t+7]]+"-"+o[e[t+8]]+o[e[t+9]]+"-"+o[e[t+10]]+o[e[t+11]]+o[e[t+12]]+o[e[t+13]]+o[e[t+14]]+o[e[t+15]]}const I=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),h={randomUUID:I};function f(e,t,r){if(h.randomUUID&&!e)return h.randomUUID();e=e||{};const n=e.random||(e.rng||A)();return n[6]=n[6]&15|64,n[8]=n[8]&63|128,D(n)}const{addons:v}=__STORYBOOK_MODULE_PREVIEW_API__,{ImplicitActionsDuringRendering:U}=__STORYBOOK_MODULE_CORE_EVENTS_PREVIEW_ERRORS__,{global:d}=__STORYBOOK_MODULE_GLOBAL__;var w="storybook/actions",j=`${w}/action-event`,V={depth:10,clearOnStoryChange:!0,limit:50},E=(e,t)=>{let r=Object.getPrototypeOf(e);return!r||t(r)?r:E(r,t)},C=e=>!!(typeof e=="object"&&e&&E(e,t=>/^Synthetic(?:Base)?Event$/.test(t.constructor.name))&&typeof e.persist=="function"),K=e=>{if(C(e)){let t=Object.create(e.constructor.prototype,Object.getOwnPropertyDescriptors(e));t.persist();let r=Object.getOwnPropertyDescriptor(t,"view"),n=r==null?void 0:r.value;return typeof n=="object"&&(n==null?void 0:n.constructor.name)==="Window"&&Object.defineProperty(t,"view",{...r,value:Object.create(n.constructor.prototype)}),t}return e},L=()=>typeof crypto=="object"&&typeof crypto.getRandomValues=="function"?f():Date.now().toString(36)+Math.random().toString(36).substring(2);function _(e,t={}){let r={...V,...t},n=function(...s){var g,O;if(t.implicit){let y=(g="__STORYBOOK_PREVIEW__"in d?d.__STORYBOOK_PREVIEW__:void 0)==null?void 0:g.storyRenders.find(l=>l.phase==="playing"||l.phase==="rendering");if(y){let l=!((O=globalThis==null?void 0:globalThis.FEATURES)!=null&&O.disallowImplicitActionsInRenderV8),R=new U({phase:y.phase,name:e,deprecated:l});if(l)console.warn(R);else throw R}}let i=v.getChannel(),c=L(),a=5,u=s.map(K),b=s.length>1?u:u[0],x={id:c,count:0,data:{name:e,args:b},options:{...r,maxDepth:a+(r.depth||3),allowFunction:r.allowFunction||!1}};i.emit(j,x)};return n.isAction=!0,n.implicit=t.implicit,n}var T=(e,t)=>typeof t[e]>"u"&&!(e in t),B=e=>{let{initialArgs:t,argTypes:r,id:n,parameters:{actions:s}}=e;if(!s||s.disable||!s.argTypesRegex||!r)return{};let i=new RegExp(s.argTypesRegex);return Object.entries(r).filter(([c])=>!!i.test(c)).reduce((c,[a,u])=>(T(a,t)&&(c[a]=_(a,{implicit:!0,id:n})),c),{})},M=e=>{let{initialArgs:t,argTypes:r,parameters:{actions:n}}=e;return n!=null&&n.disable||!r?{}:Object.entries(r).filter(([s,i])=>!!i.action).reduce((s,[i,c])=>(T(i,t)&&(s[i]=_(typeof c.action=="string"?c.action:i)),s),{})},Y=[M,B],m=!1,P=e=>{let{parameters:{actions:t}}=e;if(!(t!=null&&t.disable)&&!m&&"__STORYBOOK_TEST_ON_MOCK_CALL__"in d&&typeof d.__STORYBOOK_TEST_ON_MOCK_CALL__=="function"){let r=d.__STORYBOOK_TEST_ON_MOCK_CALL__;r((n,s)=>{let i=n.getMockName();i!=="spy"&&(!/^next\/.*::/.test(i)||["next/router::useRouter()","next/navigation::useRouter()","next/navigation::redirect","next/cache::","next/headers::cookies().set","next/headers::cookies().delete","next/headers::headers().set","next/headers::headers().delete"].some(c=>i.startsWith(c)))&&_(i)(s)}),m=!0}},N=[P];export{Y as argsEnhancers,N as loaders};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-W3oueGCa.js";import{r as v}from"./index-YTOF1_EJ.js";import{c as p,D as j}from"./DocsRenderer-CFRXHY34-CrxXBgm2.js";import{e as E}from"./index-CgYGpm1H.js";import"./preview-CtUZNZ56.js";import"./iframe-Covr22ew.js";import"./index-DHw5ixvP.js";import"./index-BhTLYoCu.js";import"./index-Dytf1aFS.js";import"./client-DnE3718B.js";var g="DARK_MODE";function f(t){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},f(t)}var b;function A(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(t,a).enumerable})),e.push.apply(e,n)}return e}function D(t){for(var r=1;r<arguments.length;r++){var e=arguments[r]!=null?arguments[r]:{};r%2?A(Object(e),!0).forEach(function(n){I(t,n,e[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):A(Object(e)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))})}return t}function I(t,r,e){return r=M(r),r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function M(t){var r=R(t,"string");return f(r)==="symbol"?r:String(r)}function R(t,r){if(f(t)!=="object"||t===null)return t;var e=t[Symbol.toPrimitive];if(e!==void 0){var n=e.call(t,r);if(f(n)!=="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(t)}function y(t){return L(t)||N(t)||K(t)||x()}function x(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
2
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function K(t,r){if(t){if(typeof t=="string")return O(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return O(t,r)}}function N(t){if(typeof Symbol<"u"&&t[Symbol.iterator]!=null||t["@@iterator"]!=null)return Array.from(t)}function L(t){if(Array.isArray(t))return O(t)}function O(t,r){(r==null||r>t.length)&&(r=t.length);for(var e=0,n=new Array(r);e<r;e++)n[e]=t[e];return n}const{global:U}=__STORYBOOK_MODULE_GLOBAL__,{STORY_CHANGED:st,SET_STORIES:ct,DOCS_RENDERED:ft}=__STORYBOOK_MODULE_CORE_EVENTS__;var T=U,Y=T.document,h=T.window,C="sb-addon-themes-3";(b=h.matchMedia)===null||b===void 0||b.call(h,"(prefers-color-scheme: dark)");var S={classTarget:"body",dark:p.dark,darkClass:["dark"],light:p.light,lightClass:["light"],stylePreview:!1,userHasExplicitlySetTheTheme:!1},k=function(r){h.localStorage.setItem(C,JSON.stringify(r))},B=function(r,e){var n=e.current,a=e.darkClass,l=a===void 0?S.darkClass:a,o=e.lightClass,i=o===void 0?S.lightClass:o;if(n==="dark"){var u,s;(u=r.classList).remove.apply(u,y(d(i))),(s=r.classList).add.apply(s,y(d(l)))}else{var m,_;(m=r.classList).remove.apply(m,y(d(l))),(_=r.classList).add.apply(_,y(d(i)))}},d=function(r){var e=[];return e.concat(r).map(function(n){return n})},W=function(r){var e=Y.querySelector(r.classTarget);e&&B(e,r)},P=function(){var r=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},e=h.localStorage.getItem(C);if(typeof e=="string"){var n=JSON.parse(e);return r&&(r.dark&&!E(n.dark,r.dark)&&(n.dark=r.dark,k(n)),r.light&&!E(n.light,r.light)&&(n.light=r.light,k(n))),n}return D(D({},S),r)};W(P());function H(t,r){return q(t)||G(t,r)||$(t,r)||V()}function V(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
3
|
-
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function $(t,r){if(t){if(typeof t=="string")return w(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return w(t,r)}}function w(t,r){(r==null||r>t.length)&&(r=t.length);for(var e=0,n=new Array(r);e<r;e++)n[e]=t[e];return n}function G(t,r){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var n,a,l,o,i=[],u=!0,s=!1;try{if(l=(e=e.call(t)).next,r!==0)for(;!(u=(n=l.call(e)).done)&&(i.push(n.value),i.length!==r);u=!0);}catch(m){s=!0,a=m}finally{try{if(!u&&e.return!=null&&(o=e.return(),Object(o)!==o))return}finally{if(s)throw a}}return i}}function q(t){if(Array.isArray(t))return t}const{addons:J,useState:F,useEffect:z}=__STORYBOOK_MODULE_PREVIEW_API__;function Q(){var t=F(P().current==="dark"),r=H(t,2),e=r[0],n=r[1];return z(function(){var a=J.getChannel();return a.on(g,n),function(){return a.off(g,n)}},[]),e}const{definePreview:mt}=__STORYBOOK_MODULE_PREVIEW_API__,yt=[t=>c.jsx(c.Fragment,{children:c.jsx(t,{})}),t=>{const r=Q();return v.useEffect(()=>(document.documentElement.dataset.theme=r?"dark":"default",()=>{delete document.documentElement.dataset.theme}),[r]),c.jsx(t,{})}],X=t=>{const[r,e]=v.useState(!1);return v.useEffect(()=>{const n=a=>e(a);return t.context.channel.on(g,n),()=>{t.context.channel.off(g,n)}},[t.context.channel]),c.jsx(j,{...t,theme:r?p.dark:p.light})},dt={docs:{container:X},darkMode:{current:"light",stylePreview:!0}},pt=["autodocs"];export{yt as decorators,dt as parameters,pt as tags};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as s}from"./index-YTOF1_EJ.js";import{c as l}from"./client-DnE3718B.js";import"./index-BhTLYoCu.js";var n=new Map;function m(){return globalThis.IS_REACT_ACT_ENVIRONMENT}var a=({callback:e,children:r})=>{let t=s.useRef();return s.useLayoutEffect(()=>{t.current!==e&&(t.current=e,e())},[e]),r};typeof Promise.withResolvers>"u"&&(Promise.withResolvers=()=>{let e=null,r=null;return{promise:new Promise((t,o)=>{e=t,r=o}),resolve:e,reject:r}});var v=async(e,r,t)=>{let o=await c(r,t);if(m()){o.render(e);return}let{promise:i,resolve:u}=Promise.withResolvers();return o.render(s.createElement(a,{callback:u},e)),i},f=(e,r)=>{let t=n.get(e);t&&(t.unmount(),n.delete(e))},c=async(e,r)=>{let t=n.get(e);return t||(t=l.createRoot(e,r),n.set(e,t)),t};export{v as renderElement,f as unmountElement};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import{j as g}from"./jsx-runtime-W3oueGCa.js";import{r as ye}from"./index-YTOF1_EJ.js";import{d as ve,r as Ae,z as ke,B as u,S as De,E as je,O as He,N as we,f as q,C as Me,A as Ee,P as Ne,Y as Pe,G as z,b as Ie,s as Ue,Q as qe,Z as ze,U as Ze,h as Fe,i as Ye,V as Ve,j as Xe,p as $e,m as Je,n as Qe,q as Ke,t as Ge}from"./legend-context-D335GXn0.js";import{j as et,u as tt,t as at,o as st,p as rt,l as lt,H as ot,L as nt,m as ct,n as dt}from"./legend-C1G_eM07.js";import{D as it,a as ut}from"./bar-chart-const-Cgj9sgUU.js";import"./index-CgYGpm1H.js";import"./index-DHw5ixvP.js";import"./index-BhTLYoCu.js";const Z=(e,t)=>{let a={};return t?(Math.abs(e)<it||Math.abs(e)>ut)&&(a={roundScientificCoefficient:3}):a={scientific:!1},ve(Ae(e),a)},gt=(e,t)=>{var a;if((a=t==null?void 0:t.tooltip)!=null&&a.showLabelsInTooltips){const r=e[0],{label:s}=(r==null?void 0:r.dataset)??{};return s}},ht=(e,t)=>{var o;const{raw:a,dataset:r}=e??{},s=a==null?void 0:a.label,n=(o=t==null?void 0:t.tooltip)==null?void 0:o.scientificNotation;return`${s??(r==null?void 0:r.label)} ( x: ${Z(a==null?void 0:a.x,n)} , y: ${Z(a==null?void 0:a.y,n)} )`},mt=e=>{var t,a,r;return{enabled:(t=e==null?void 0:e.tooltip)==null?void 0:t.enabled,callbacks:{title:s=>gt(s,e),label:s=>ht(s,e)},backgroundColor:(a=e==null?void 0:e.tooltip)==null?void 0:a.backgroundColor,displayColors:(r=e==null?void 0:e.tooltip)==null?void 0:r.displayColors,padding:7}},F=({options:e,axisType:t=u.X,currentScale:a})=>{var C,T,p,b,L,f,w,y,M;const r=ke(e.direction),s=a||((T=(C=e==null?void 0:e.axes)==null?void 0:C[t])==null?void 0:T[0]),n=r&&t===u.Y||!r&&t===u.X,o=(s==null?void 0:s.gridLines)||{},x=()=>{var l;const c=r?u.Y:u.X;return t===c?(l=e==null?void 0:e.additionalAxesOptions)==null?void 0:l.reverse:!1},S=()=>{const c=e==null?void 0:e.additionalAxesOptions;return{...{stepSize:(s==null?void 0:s.stepSize)??(t===u.Y?c==null?void 0:c.stepSize:void 0)},includeBounds:!1,font:{size:je}}};return{type:De.Linear,position:s==null?void 0:s.position,beginAtZero:(p=e==null?void 0:e.additionalAxesOptions)==null?void 0:p.beginAtZero,reverse:x(),suggestedMax:(b=e==null?void 0:e.additionalAxesOptions)==null?void 0:b.suggestedMax,suggestedMin:(L=e==null?void 0:e.additionalAxesOptions)==null?void 0:L.suggestedMin,min:n?(f=e==null?void 0:e.additionalAxesOptions)==null?void 0:f.min:void 0,max:n?(w=e==null?void 0:e.additionalAxesOptions)==null?void 0:w.max:void 0,title:{display:!!((y=s==null?void 0:s.label)!=null&&y.length)||!!((M=s==null?void 0:s.unit)!=null&&M.length),text:(s==null?void 0:s.label)||(s==null?void 0:s.unit),padding:0},ticks:S(),grid:{...o}}},bt=e=>{const t=F({options:e,axisType:u.X}),a=F({options:e,axisType:u.Y});return{x:t,y:a}},ft=(e,t)=>{const{data:a,options:r}=e,{interactions:s,chartStyling:n}=r,[o,x]=ye.useState(!1),{legend:S,customLegendPlugin:C,legendClick:T}=et({chartRef:t,options:r}),{state:p}=tt(),{annotation:b}=p,f=(c=>c.map((l,R)=>{const{borderWidth:E=st}=l??{},_e=parseFloat(String(E))||1,U=Me[R],We=l.borderColor??U,Be=l.backgroundColor??U;return{...l,borderWidth:_e,borderColor:We,backgroundColor:Be}}))(a.datasets),w=(c,l,R)=>{R.resetZoom()},y=(c,l)=>{if(o&&!(l!=null&&l.length)&&(x(!1),s.onUnhover&&s.onUnhover(c)),!o&&(l!=null&&l.length)&&(x(!0),s.onHover)){const{index:R,datasetIndex:E}=l[0];s.onHover(c,E,R,f)}},M={onClick:w,onHover:y,...n,interactions:{onLegendClick:T,onHover:y},scales:bt(e==null?void 0:e.options),animation:n.performanceMode?{duration:q.NO}:{duration:q.FAST,onComplete:s==null?void 0:s.onAnimationComplete},plugins:{legend:{...S,display:!1,events:[]},customLegendPlugin:C,title:He(r),annotation:at(b),chartAreaBorder:{borderColor:we},datalabels:{display:r.graph.showDataLabels},tooltip:mt(r)}};return{generatedDatasets:f,scatterOptions:M}};var d=(e=>(e[e.TopToBottom=0]="TopToBottom",e[e.BottomToTop=1]="BottomToTop",e[e.LeftToRight=2]="LeftToRight",e[e.RightToLeft=3]="RightToLeft",e[e.TopLeftToBottomRight=4]="TopLeftToBottomRight",e[e.BottomRightToTopLeft=5]="BottomRightToTopLeft",e[e.BottomLeftToTopRight=6]="BottomLeftToTopRight",e[e.TopRightToBottomLeft=7]="TopRightToBottomLeft",e))(d||{});const xt=e=>({display:(e==null?void 0:e.display)??!1,gradientColors:(e==null?void 0:e.gradientColors)??Pe,direction:(e==null?void 0:e.direction)??d.BottomLeftToTopRight}),Ct=e=>({width:(e==null?void 0:e.width)??z,height:(e==null?void 0:e.height)??z,maintainAspectRatio:(e==null?void 0:e.maintainAspectRatio)||!1,staticChartHeight:(e==null?void 0:e.staticChartHeight)||!1,performanceMode:(e==null?void 0:e.performanceMode)??!0,gradient:xt(e==null?void 0:e.gradient)}),Tt=e=>({enabled:(e==null?void 0:e.enabled)??!0,tooltips:(e==null?void 0:e.tooltips)??!0,showLabelsInTooltips:(e==null?void 0:e.showLabelsInTooltips)||!1,backgroundColor:(e==null?void 0:e.backgroundColor)||"#333",displayColors:(e==null?void 0:e.displayColors)||!1,scientificNotation:(e==null?void 0:e.scientificNotation)??!0}),pt=e=>({showMinorGridlines:(e==null?void 0:e.showMinorGridlines)??!1,showDataLabels:(e==null?void 0:e.showDataLabels)??!1}),St=e=>({display:(e==null?void 0:e.display)??!0,useDataset:(e==null?void 0:e.useDataset)||!1,position:(e==null?void 0:e.position)||Ne.BottomLeft,align:(e==null?void 0:e.align)||Ee.Center}),Lt=e=>({enableZoom:(e==null?void 0:e.enableZoom)||!1,enablePan:(e==null?void 0:e.enablePan)||!1}),yt=e=>({onLegendClick:e==null?void 0:e.onLegendClick,onHover:e==null?void 0:e.onHover,onUnhover:e==null?void 0:e.onUnhover,onAnimationComplete:e==null?void 0:e.onAnimationComplete}),Rt=e=>({labels:(e==null?void 0:e.labels)||[],datasets:(e==null?void 0:e.datasets)||[]}),Ot=e=>e?e.map(t=>({...t,display:(t==null?void 0:t.display)??!0})):[],_t=e=>({showAnnotations:(e==null?void 0:e.showAnnotations)??!0,controlAnnotation:(e==null?void 0:e.controlAnnotation)||!1,annotationsData:Ot(e==null?void 0:e.annotationsData)}),Wt=e=>({x:(e==null?void 0:e.x)||[{}],y:(e==null?void 0:e.y)||[{}]}),Bt=e=>({reverse:(e==null?void 0:e.reverse)||!1,stacked:(e==null?void 0:e.stacked)||!1,beginAtZero:(e==null?void 0:e.beginAtZero)??!0,stepSize:e==null?void 0:e.stepSize,suggestedMin:e==null?void 0:e.suggestedMin,suggestedMax:e==null?void 0:e.suggestedMax,min:e==null?void 0:e.min,max:e==null?void 0:e.max}),Re=e=>{const t=(e==null?void 0:e.chart)||{},a=(t==null?void 0:t.options)||{};return{testId:(t==null?void 0:t.testId)??null,data:Rt(t==null?void 0:t.data),options:{title:(a==null?void 0:a.title)||"",axes:Wt(a==null?void 0:a.axes),additionalAxesOptions:Bt(a==null?void 0:a.additionalAxesOptions),direction:(a==null?void 0:a.direction)||rt.VERTICAL,chartStyling:Ct(a==null?void 0:a.chartStyling),tooltip:Tt(a==null?void 0:a.tooltip),graph:pt(a==null?void 0:a.graph),legend:St(a==null?void 0:a.legend),annotations:_t(a==null?void 0:a.annotations),chartOptions:Lt(a==null?void 0:a.chartOptions),interactions:yt(a==null?void 0:a.interactions)}}},vt=(e,t)=>{switch(e){case d.TopToBottom:return[t.left,t.top,t.left,t.bottom];case d.BottomToTop:return[t.left,t.bottom,t.left,t.top];case d.LeftToRight:return[t.left,t.top,t.right,t.top];case d.RightToLeft:return[t.right,t.top,t.left,t.top];case d.TopLeftToBottomRight:return[t.left,t.top,t.right,t.bottom];case d.BottomRightToTopLeft:return[t.right,t.bottom,t.left,t.top];case d.BottomLeftToTopRight:return[t.left,t.bottom,t.right,t.top];case d.TopRightToBottomLeft:return[t.right,t.top,t.left,t.bottom];default:return[t.left,t.bottom,t.right,t.top]}},At={id:"gradientBackgroundPlugin",beforeDraw:e=>{const{ctx:t,chartArea:a,options:r}=e;if(!t||!a)return;const s=r==null?void 0:r.gradient,{display:n=!1,gradientColors:o,direction:x=d.BottomLeftToTopRight}=s??{};if(!n||!o||o.length===0)return;const[S,C,T,p]=vt(x,a),b=t.createLinearGradient(S,C,T,p);o.forEach(({offset:L,color:f})=>{b.addColorStop(L,f)}),t.save(),t.globalCompositeOperation="destination-over",t.fillStyle=b,t.fillRect(a.left,a.top,a.right-a.left,a.bottom-a.top),t.restore()}},kt="_chart_1qlu1_1",Dt="_canvas_1qlu1_11",jt="_fixedHeight_1qlu1_20",Ht="_stretchHeight_1qlu1_26",wt="_squareAspectRatio_1qlu1_32",Y={chart:kt,canvas:Dt,fixedHeight:jt,stretchHeight:Ht,squareAspectRatio:wt};Fe.register(Ye,Ve,Xe,$e,Je,Qe,Ke,Ge,dt,At);const Mt=e=>{Ue();const t=ye.useRef(null),a=Re(e),{options:r,testId:s}=a,{scatterOptions:n,generatedDatasets:o}=ft(a,t);return g.jsx("div",{className:qe(r.chartStyling,Y),style:{width:r.chartStyling.width,height:r.chartStyling.height},"data-testid":s,children:g.jsx(lt,{backend:ot,context:window,children:g.jsxs("div",{className:Y.canvas,id:"canvas",children:[g.jsx(ze,{ref:t,data:{datasets:o},options:n,plugins:Ze(r.graph,r.legend)}),!!o.length&&g.jsx(nt,{chartRef:t,legendConfig:{options:r,generatedDatasets:o,chartType:ct.SCATTER}})]})})})},N=e=>{const{options:t}=Re(e);return g.jsx(Ie,{options:t,children:g.jsx(Mt,{...e})})};N.__docgenInfo={description:"",methods:[],displayName:"ScatterChartWithLegend",props:{chart:{required:!0,tsType:{name:"IScatterChartData"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""}}};const h=["label 1","label 2","label 3"],m={label:"Dataset 1",data:[{x:1,y:5},{x:3,y:7},{x:6,y:2},{x:8,y:6},{x:9,y:4}]},P={label:"Dataset 2",data:[{x:1,y:3},{x:4,y:5},{x:7,y:9},{x:10,y:2},{x:12,y:7}]},Et={label:"Dataset 3",data:[{x:2,y:8},{x:5,y:6},{x:8,y:10},{x:11,y:5},{x:14,y:9}]},Oe={label:"Dataset 4",data:[{x:2,y:8},{x:14,y:9}]},Nt={label:"Dataset 5",data:[{x:14,y:7,label:"Echo"},{x:3,y:18,label:"Lima"},{x:19,y:2,label:"Romeo"},{x:8,y:11,label:"Charlie"},{x:12,y:9,label:"Oscar"}]},Pt={label:"Dataset 6",data:[{x:15,y:3,label:"Hotel"},{x:9,y:14,label:"Tango"},{x:4,y:17,label:"Whiskey"},{x:11,y:7,label:"Juliet"},{x:13,y:1,label:"Zulu"}]},It={label:"Dataset Decimals",data:[{x:4.30021321123002,y:2.30021321123005},{x:5.12321321000003,y:3.23213210000037}]},I={data:{labels:h,datasets:[m]}},Ut={data:{labels:h,datasets:[m]},options:{chartStyling:{height:300,width:700}}},qt={data:{labels:h,datasets:[m,P,Et]}},zt={data:{labels:h,datasets:[m]},options:{title:"With Data Labels",graph:{showDataLabels:!0}}},Zt={data:{labels:h,datasets:[m,P,It]},options:{title:"With Tooltips",tooltip:{title:"Tooltip",showLabelsInTooltips:!0}}},Ft={data:{labels:h,datasets:[{...m,backgroundColor:"red",borderColor:"red"}]}},Yt={data:{labels:h,datasets:[m]},options:{title:"With Annotation",annotations:{showAnnotations:!0,annotationsData:[{annotationAxis:"y",label:"Horizontal Annotation",value:2.5,color:"rgba(96, 32, 196, 0.5)"}]}}},Vt={data:{labels:h,datasets:[m,P,Oe]},options:{title:"With Axes Labels",axes:{x:[{label:"x axis"}],y:[{label:"y axis"}]}}},Xt={...I,options:{title:"With Gradient",chartStyling:{gradient:{display:!0}}}},$t={data:{datasets:[Nt,Pt,Oe]},options:{title:"With datapoint label showing when hovered",tooltip:{showLabelsInTooltips:!0}}},ra={title:"ScatterChart",component:N,args:{chart:I}},i=e=>g.jsx(N,{...e}),O=i.bind({});O.args={chart:I};const _=i.bind({});_.args={chart:Ut};const W=i.bind({});W.args={chart:qt};const B=i.bind({});B.args={chart:zt};const v=i.bind({});v.args={chart:Zt};const A=i.bind({});A.args={chart:Yt};const k=i.bind({});k.args={chart:Vt};const D=i.bind({});D.args={chart:Xt};const j=i.bind({});j.args={chart:$t};const H=i.bind({});H.args={chart:Ft};var V,X,$;O.parameters={...O.parameters,docs:{...(V=O.parameters)==null?void 0:V.docs,source:{originalSource:`args => {
|
|
2
|
-
return <ScatterChart
|
|
3
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
|
-
{...args} />;
|
|
5
|
-
}`,...($=(X=O.parameters)==null?void 0:X.docs)==null?void 0:$.source}}};var J,Q,K;_.parameters={..._.parameters,docs:{...(J=_.parameters)==null?void 0:J.docs,source:{originalSource:`args => {
|
|
6
|
-
return <ScatterChart
|
|
7
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
8
|
-
{...args} />;
|
|
9
|
-
}`,...(K=(Q=_.parameters)==null?void 0:Q.docs)==null?void 0:K.source}}};var G,ee,te;W.parameters={...W.parameters,docs:{...(G=W.parameters)==null?void 0:G.docs,source:{originalSource:`args => {
|
|
10
|
-
return <ScatterChart
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} />;
|
|
13
|
-
}`,...(te=(ee=W.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,se,re;B.parameters={...B.parameters,docs:{...(ae=B.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
|
|
14
|
-
return <ScatterChart
|
|
15
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
16
|
-
{...args} />;
|
|
17
|
-
}`,...(re=(se=B.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var le,oe,ne;v.parameters={...v.parameters,docs:{...(le=v.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
|
|
18
|
-
return <ScatterChart
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} />;
|
|
21
|
-
}`,...(ne=(oe=v.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var ce,de,ie;A.parameters={...A.parameters,docs:{...(ce=A.parameters)==null?void 0:ce.docs,source:{originalSource:`args => {
|
|
22
|
-
return <ScatterChart
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} />;
|
|
25
|
-
}`,...(ie=(de=A.parameters)==null?void 0:de.docs)==null?void 0:ie.source}}};var ue,ge,he;k.parameters={...k.parameters,docs:{...(ue=k.parameters)==null?void 0:ue.docs,source:{originalSource:`args => {
|
|
26
|
-
return <ScatterChart
|
|
27
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
28
|
-
{...args} />;
|
|
29
|
-
}`,...(he=(ge=k.parameters)==null?void 0:ge.docs)==null?void 0:he.source}}};var me,be,fe;D.parameters={...D.parameters,docs:{...(me=D.parameters)==null?void 0:me.docs,source:{originalSource:`args => {
|
|
30
|
-
return <ScatterChart
|
|
31
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
32
|
-
{...args} />;
|
|
33
|
-
}`,...(fe=(be=D.parameters)==null?void 0:be.docs)==null?void 0:fe.source}}};var xe,Ce,Te;j.parameters={...j.parameters,docs:{...(xe=j.parameters)==null?void 0:xe.docs,source:{originalSource:`args => {
|
|
34
|
-
return <ScatterChart
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} />;
|
|
37
|
-
}`,...(Te=(Ce=j.parameters)==null?void 0:Ce.docs)==null?void 0:Te.source}}};var pe,Se,Le;H.parameters={...H.parameters,docs:{...(pe=H.parameters)==null?void 0:pe.docs,source:{originalSource:`args => {
|
|
38
|
-
return <ScatterChart
|
|
39
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
40
|
-
{...args} />;
|
|
41
|
-
}`,...(Le=(Se=H.parameters)==null?void 0:Se.docs)==null?void 0:Le.source}}};const la=["Default","StyledChart","MultipleDatasets","WithDataLabels","WithTooltips","WithAnnotation","WithAxesLabels","WithGradient","WithDatapointsHavingLabel","CustomPointColor"];export{H as CustomPointColor,O as Default,W as MultipleDatasets,_ as StyledChart,A as WithAnnotation,k as WithAxesLabels,B as WithDataLabels,j as WithDatapointsHavingLabel,D as WithGradient,v as WithTooltips,la as __namedExportsOrder,ra as default};
|