@eeacms/react-chart-editor/lib/default_panels/GraphCreatePanel.js

plotly.js chart editor react component UI

"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _components=require("../components");var _derived=require("../components/fields/derived");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(function(){var enterModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.enterModule:undefined;enterModule&&enterModule(module)})();var __signature__=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default.signature:function(a){return a};const GraphCreatePanel=(props,_ref)=>{let{localize:_,setPanel}=_ref;return _react.default.createElement(_components.TraceAccordion,{traceFilterCondition:t=>!(t.transforms&&t.transforms.some(tr=>["fit","moving-average"].includes(tr.type))),canAdd:true,canReorder:true},_react.default.createElement(_components.TraceSelector,{label:_("Type"),attr:"type",show:true}),_react.default.createElement(_components.Numeric,{label:_("Dataset"),attr:"dataset",min:0,max:50,showSlider:true}),_react.default.createElement(_derived.DatasetDropdown,{label:_("Dataset"),attr:"dataset",placeholder:_("Choose dataset...")}),_react.default.createElement(_components.Dropzone,{attr:"geojson",fileType:"geojson"}),_react.default.createElement(_components.LocationSelector,{attr:"type"}),_react.default.createElement(_components.DataSelector,{label:_("Values"),attr:"values"}),_react.default.createElement(_components.DataSelector,{label:_("Labels"),attr:"labels"}),_react.default.createElement(_components.DataSelector,{label:_("Parents"),attr:"parents"}),_react.default.createElement(_components.TraceTypeSection,{traceTypes:["sunburst","treemap"],mode:"trace"},_react.default.createElement(_components.DataSelector,{label:_("IDs"),attr:"ids"})),_react.default.createElement(_components.Dropdown,{label:_("Parent Value Mode"),attr:"branchvalues",options:[{label:_("Total"),value:"total"},{label:_("Remainder"),value:"remainder"}],clearable:false}),_react.default.createElement(_components.DataSelector,{label:{histogram2d:_("X Values"),histogram:_("X Values"),"*":_("X")},attr:"x"}),_react.default.createElement(_components.DataSelector,{label:{histogram2d:_("Y Values"),histogram:_("Y Values"),"*":_("Y")},attr:"y"}),_react.default.createElement(_components.DataSelector,{label:{choropleth:_("Values"),histogram2d:_("Z Values"),"*":_("Z")},attr:"z"}),_react.default.createElement(_components.DropdownCustom,{label:_("GeoJSON Location Field"),attr:"featureidkey",options:[{label:_("id"),value:"id"},{label:_("Custom"),value:"custom"}],customOpt:"custom",dafaultOpt:"",clearable:false}),_react.default.createElement(_components.Numeric,{label:_("Radius"),attr:"radius",min:0,max:50,showSlider:true}),_react.default.createElement(_components.DataSelector,{label:_("Measure"),attr:"measure"}),_react.default.createElement(_components.PlotlySection,{name:_("Nodes")},_react.default.createElement(_components.DataSelector,{label:_("Labels"),attr:"node.label"}),_react.default.createElement(_components.DataSelector,{label:_("Groups"),attr:"node.groups"}),_react.default.createElement(_components.DataSelector,{label:_("X"),attr:"node.x"}),_react.default.createElement(_components.DataSelector,{label:_("Y"),attr:"node.y"})),_react.default.createElement(_components.PlotlySection,{name:_("Links")},_react.default.createElement(_components.DataSelector,{label:_("Sources"),attr:"link.source"}),_react.default.createElement(_components.DataSelector,{label:_("Targets"),attr:"link.target"}),_react.default.createElement(_components.DataSelector,{label:_("Values"),attr:"link.value"}),_react.default.createElement(_components.DataSelector,{label:_("Labels"),attr:"link.label"})),_react.default.createElement(_components.Radio,{label:_("Orientation"),attr:"orientation",options:[{label:_("Vertical"),value:"v"},{label:_("Horizontal"),value:"h"}]}),_react.default.createElement(_derived.HistogramInfoVertical,null,_("Note: in vertical orientation, X values are used for binning. If Y values are provided, they are used as inputs to the histogram function which you can configure in the "),_react.default.createElement("a",{onClick:()=>setPanel("Style","Traces")},_("Traces")),_(" panel under Style. If Y values are omitted, the histogram function defaults to Count.")),_react.default.createElement(_derived.HistogramInfoHorizontal,null,_("Note: in horizontal orientation, Y values are used for binning. If X values are provided, they are used as inputs to the histogram function which you can configure in the "),_react.default.createElement("a",{onClick:()=>setPanel("Style","Traces")},_("Traces")),_(" under Style panel. If X values are omitted, the histogram function defaults to Count.")),_react.default.createElement(_derived.Histogram2d,null,_("Note: X and Y Values are used for binning. If Z values are provided, they are used as inputs to the histogram function which you can configure in the "),_react.default.createElement("a",{onClick:()=>setPanel("Style","Traces")},_("Traces")),_(" under Style panel. If Z values are omitted, the histogram function defaults to Count.")),_react.default.createElement(_components.DataSelector,{label:_("I (Optional)"),attr:"i"}),_react.default.createElement(_components.DataSelector,{label:_("J (Optional)"),attr:"j"}),_react.default.createElement(_components.DataSelector,{label:_("K (Optional)"),attr:"k"}),_react.default.createElement(_components.DataSelector,{label:_("Open"),attr:"open"}),_react.default.createElement(_components.DataSelector,{label:_("High"),attr:"high"}),_react.default.createElement(_components.DataSelector,{label:_("Low"),attr:"low"}),_react.default.createElement(_components.DataSelector,{label:_("Close"),attr:"close"}),_react.default.createElement(_components.DataSelector,{label:_("A"),attr:"a"}),_react.default.createElement(_components.DataSelector,{label:_("B"),attr:"b"}),_react.default.createElement(_components.DataSelector,{label:_("C"),attr:"c"}),_react.default.createElement(_components.DataSelector,{label:_("U"),attr:"u"}),_react.default.createElement(_components.DataSelector,{label:_("V"),attr:"v"}),_react.default.createElement(_components.DataSelector,{label:_("W"),attr:"w"}),_react.default.createElement(_components.DataSelector,{label:_("X start"),attr:"starts.x"}),_react.default.createElement(_components.DataSelector,{label:_("Y start"),attr:"starts.y"}),_react.default.createElement(_components.DataSelector,{label:_("Z start"),attr:"starts.z"}),_react.default.createElement(_components.DataSelector,{label:_("Headers"),attr:"header.values"}),_react.default.createElement(_components.DataSelector,{label:_("Columns"),attr:"cells.values"}),_react.default.createElement(_components.TraceTypeSection,{traceTypes:["scatterpolar","scatterpolargl","barpolar"],mode:"trace"},_react.default.createElement(_components.DataSelector,{label:_("Radius"),attr:"r"}),_react.default.createElement(_components.DataSelector,{label:_("Theta"),attr:"theta"}),_react.default.createElement(_components.Dropdown,{label:_("Theta Unit"),options:[{label:_("Radians"),value:"radians"},{label:_("Degrees"),value:"degrees"},{label:_("Gradians"),value:"gradians"}],attr:"thetaunit",clearable:false})),_react.default.createElement(_components.AxesCreator,{attr:"fake_attr"}),_react.default.createElement(_components.SubplotCreator,{attr:"fake_attr"}),_react.default.createElement(_components.PlotlySection,{name:_("Header Options")},_react.default.createElement(_components.DataSelector,{label:_("Fill Color"),attr:"header.fill.color"}),_react.default.createElement(_components.DataSelector,{label:_("Font Color"),attr:"header.font.color"}),_react.default.createElement(_components.DataSelector,{label:_("Font Size"),attr:"header.font.size"})),_react.default.createElement(_components.PlotlySection,{name:_("Cell Options")},_react.default.createElement(_components.DataSelector,{label:_("Fill Color"),attr:"cells.fill.color"}),_react.default.createElement(_components.DataSelector,{label:_("Font Color"),attr:"cells.font.color"}),_react.default.createElement(_components.DataSelector,{label:_("Font Size"),attr:"cells.font.size"})),_react.default.createElement(_components.PlotlySection,{name:_("Column Options")},_react.default.createElement(_components.DataSelector,{label:_("Width"),attr:"columnwidth"}),_react.default.createElement(_components.DataSelector,{label:_("Order"),attr:"columnorder"})),_react.default.createElement(_components.PlotlySection,{name:_("Options")},_react.default.createElement(_components.DataSelector,{label:_("Intensity"),attr:"intensity"}),_react.default.createElement(_components.DataSelector,{label:_("Facecolor"),attr:"facecolor"}),_react.default.createElement(_components.DataSelector,{label:_("Vertexcolor"),attr:"vertexcolor"}),_react.default.createElement(_components.Radio,{label:_("Transpose"),attr:"transpose",options:[{label:_("No"),value:false},{label:_("Yes"),value:true}]})))};const _default=GraphCreatePanel;var _default2=exports.default=_default;GraphCreatePanel.contextTypes={localize:_propTypes.default.func,setPanel:_propTypes.default.func};;(function(){var reactHotLoader=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default:undefined;if(!reactHotLoader){return}reactHotLoader.register(GraphCreatePanel,"GraphCreatePanel","/react-chart-editor/src/default_panels/GraphCreatePanel.js");reactHotLoader.register(_default,"default","/react-chart-editor/src/default_panels/GraphCreatePanel.js")})();;(function(){var leaveModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.leaveModule:undefined;leaveModule&&leaveModule(module)})();
//# sourceMappingURL=GraphCreatePanel.js.map