(props)
| 10 | static displayName = "Frame" |
| 11 | |
| 12 | constructor(props) { |
| 13 | super(props) |
| 14 | |
| 15 | this.droppableTags = { |
| 16 | exclude: ["image", "video", "media", "toplevel", "main_window"] |
| 17 | } |
| 18 | |
| 19 | this.state = { |
| 20 | ...this.state, |
| 21 | fitContent: {width: true, height: true}, |
| 22 | widgetName: "Frame", |
| 23 | attrs: { |
| 24 | ...this.state.attrs, |
| 25 | padding: { |
| 26 | label: "padding", |
| 27 | padX: { |
| 28 | label: "Pad X", |
| 29 | tool: Tools.NUMBER_INPUT, |
| 30 | toolProps: {min: 0, max: 140}, |
| 31 | value: null, |
| 32 | onChange: (value) => { |
| 33 | // this.setWidgetInnerStyle("paddingLeft", `${value}px`) |
| 34 | // this.setWidgetInnerStyle("paddingRight", `${value}px`) |
| 35 | |
| 36 | // const widgetStyle = { |
| 37 | |
| 38 | // } |
| 39 | this.setState((prevState) => ({ |
| 40 | |
| 41 | widgetInnerStyling: { |
| 42 | ...prevState.widgetInnerStyling, |
| 43 | paddingLeft: `${value}px`, |
| 44 | paddingRight: `${value}px` |
| 45 | } |
| 46 | })) |
| 47 | |
| 48 | |
| 49 | this.setAttrValue("padding.padX", value) |
| 50 | } |
| 51 | }, |
| 52 | padY: { |
| 53 | label: "Pad Y", |
| 54 | tool: Tools.NUMBER_INPUT, |
| 55 | toolProps: {min: 0, max: 140}, |
| 56 | value: null, |
| 57 | onChange: (value) => { |
| 58 | |
| 59 | this.setState((prevState) => ({ |
| 60 | |
| 61 | widgetInnerStyling: { |
| 62 | ...prevState.widgetInnerStyling, |
| 63 | paddingTop: `${value}px`, |
| 64 | paddingBottom: `${value}px` |
| 65 | } |
| 66 | })) |
| 67 | // this.setState({ |
| 68 | |
| 69 | // widgetInnerStyling: widgetStyle |
nothing calls this directly
no outgoing calls
no test coverage detected