react-chart-editor/lib/default_panels/StyleShapesPanel.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 StyleShapesPanel=function StyleShapesPanel(props,_ref){var _=_ref.localize;return _react.default.createElement(_components.ShapeAccordion,{canAdd:true,canReorder:true},_react.default.createElement(_components.Radio,{attr:"visible",options:[{label:_("Show"),value:true},{label:_("Hide"),value:false}]}),_react.default.createElement(_components.Radio,{attr:"type",options:[{label:_("Line"),value:"line"},{label:_("Rectangle"),value:"rect"},{label:_("Ellipse"),value:"circle"}]}),_react.default.createElement(_components.PlotlySection,{name:_("Horizontal Boundaries")},_react.default.createElement(_components.PositioningRef,{label:_("Relative to"),attr:"xref"}),_react.default.createElement(_components.PositioningNumeric,{label:_("Start Point"),attr:"x0"}),_react.default.createElement(_components.PositioningNumeric,{label:_("End Point"),attr:"x1"})),_react.default.createElement(_components.PlotlySection,{name:_("Vertical Boundaries")},_react.default.createElement(_components.PositioningRef,{label:_("Relative to"),attr:"yref"}),_react.default.createElement(_components.PositioningNumeric,{label:_("Start Point"),attr:"y0"}),_react.default.createElement(_components.PositioningNumeric,{label:_("End Point"),attr:"y1"})),_react.default.createElement(_components.PlotlySection,{name:_("Lines")},_react.default.createElement(_components.Numeric,{label:_("Width"),attr:"line.width"}),_react.default.createElement(_components.ColorPicker,{label:_("Color"),attr:"line.color"}),_react.default.createElement(_components.LineDashSelector,{label:_("Type"),attr:"line.dash"})),_react.default.createElement(_components.PlotlySection,{name:_("Fill")},_react.default.createElement(_components.ColorPicker,{label:_("Color"),attr:"fillcolor"}),_react.default.createElement(_components.NumericFraction,{label:_("Opacity"),attr:"opacity"})))};StyleShapesPanel.contextTypes={localize:_propTypes.default.func};var _default=StyleShapesPanel;var _default2=exports.default=_default;;(function(){var reactHotLoader=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.default:undefined;if(!reactHotLoader){return}reactHotLoader.register(StyleShapesPanel,"StyleShapesPanel","/Users/dima/plotly/react-chart-editor/src/default_panels/StyleShapesPanel.js");reactHotLoader.register(_default,"default","/Users/dima/plotly/react-chart-editor/src/default_panels/StyleShapesPanel.js")})();;(function(){var leaveModule=typeof reactHotLoaderGlobal!=="undefined"?reactHotLoaderGlobal.leaveModule:undefined;leaveModule&&leaveModule(module)})();
//# sourceMappingURL=StyleShapesPanel.js.map