react-chart-editor/lib/default_panels/StyleLegendPanel.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");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}(function(){var enterModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.enterModule:undefined;enterModule&&enterModule(module)})();var __signature__=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default.signature:function(a){return a};var StyleLegendPanel=function StyleLegendPanel(props,_ref){var _=_ref.localize;return _react.default.createElement(_components.TraceRequiredPanel,null,_react.default.createElement(_components.PlotlyFold,{name:_("Legend")},_react.default.createElement(_components.Radio,{attr:"showlegend",options:[{label:_("Show"),value:true},{label:_("Hide"),value:false}]}),_react.default.createElement(_components.PlotlySection,{name:_("Legend Title")},_react.default.createElement(_components.TextEditor,{label:_("Text"),attr:"legend.title.text",richTextOnly:true}),_react.default.createElement(_components.FontSelector,{label:_("Typeface"),attr:"legend.title.font.family"}),_react.default.createElement(_components.Numeric,{label:_("Size"),attr:"legend.title.font.size",units:"px"}),_react.default.createElement(_components.ColorPicker,{label:_("Color"),attr:"legend.title.font.color"})),_react.default.createElement(_components.PlotlySection,{name:_("Text")},_react.default.createElement(_components.FontSelector,{label:_("Typeface"),attr:"legend.font.family"}),_react.default.createElement(_components.Numeric,{label:_("Size"),attr:"legend.font.size",units:"px"}),_react.default.createElement(_components.ColorPicker,{label:_("Color"),attr:"legend.font.color"})),_react.default.createElement(_components.PlotlySection,{name:_("Legend Box")},_react.default.createElement(_components.Numeric,{label:_("Border Width"),attr:"legend.borderwidth",units:"px"}),_react.default.createElement(_components.ColorPicker,{label:_("Border Color"),attr:"legend.bordercolor"}),_react.default.createElement(_components.ColorPicker,{label:_("Background Color"),attr:"legend.bgcolor"})),_react.default.createElement(_components.PlotlySection,{name:_("Horizontal Positioning")},_react.default.createElement(_components.Dropdown,{label:_("Anchor Point"),clearable:false,attr:"legend.xanchor",options:[{label:_("Auto"),value:"auto"},{label:_("Left"),value:"left"},{label:_("Center"),value:"center"},{label:_("Right"),value:"right"}]}),_react.default.createElement(_components.Numeric,{label:_("Position"),showSlider:true,step:0.02,attr:"legend.x"})),_react.default.createElement(_components.PlotlySection,{name:_("Vertical Positioning")},_react.default.createElement(_components.Dropdown,{label:_("Anchor Point"),clearable:false,attr:"legend.yanchor",options:[{label:_("Auto"),value:"auto"},{label:_("Top"),value:"top"},{label:_("Middle"),value:"middle"},{label:_("Bottom"),value:"bottom"}]}),_react.default.createElement(_components.Numeric,{label:_("Position"),showSlider:true,step:0.02,attr:"legend.y"}),_react.default.createElement(_components.Dropdown,{label:_("Text Alignment"),clearable:false,attr:"legend.valign",options:[{label:_("Top"),value:"top"},{label:_("Middle"),value:"middle"},{label:_("Bottom"),value:"bottom"}]})),_react.default.createElement(_components.PlotlySection,{name:_("Orientation")},_react.default.createElement(_components.Radio,{attr:"legend.orientation",options:[{label:_("Vertical"),value:"v"},{label:_("Horizontal"),value:"h"}]})),_react.default.createElement(_components.PlotlySection,{name:_("Traces")},_react.default.createElement(_components.Dropdown,{label:_("Trace Order"),attr:"legend.traceorder",options:[{label:_("Normal"),value:"normal"},{label:_("Reversed"),value:"reversed"},{label:_("Grouped"),value:"grouped"},{label:_("Reversed and Grouped"),value:"reversed+grouped"}]}),_react.default.createElement(_components.Dropdown,{label:_("Item Sizing"),attr:"legend.itemsizing",options:[{label:_("Trace"),value:"trace"},{label:_("Constant"),value:"constant"}]}),_react.default.createElement(_components.Numeric,{label:_("Gap Between Groups"),attr:"legend.tracegroupgap",units:"px"}))))};StyleLegendPanel.contextTypes={localize:_propTypes.default.func};var _default=StyleLegendPanel;var _default2=exports.default=_default;;(function(){var reactHotLoader=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default:undefined;if(!reactHotLoader){return}reactHotLoader.register(StyleLegendPanel,"StyleLegendPanel","/Users/dima/plotly/react-chart-editor/src/default_panels/StyleLegendPanel.js");reactHotLoader.register(_default,"default","/Users/dima/plotly/react-chart-editor/src/default_panels/StyleLegendPanel.js")})();;(function(){var leaveModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.leaveModule:undefined;leaveModule&&leaveModule(module)})();
//# sourceMappingURL=StyleLegendPanel.js.map