PromucFlow_constructor/app/client/src/widgets/ContainerWidget/index.ts
Yash Vibhandik aea55014ec
fix: added container wrapper component to handle styles (#6476)
* FIX #2587 : added container wrapper component to handle styles, updated test cases

* FIX #2587 : abstract widget style component for common use and wraped on text widget

* updated style boundary and css

* updated cypress test

* fix: accommodate prop pane height change for the test

* removed properties from text widget

* updated container wrapper style to handle border corners, updated migrations for container and form widget

* fixed container overflow

* added testcases for container and text widget

Co-authored-by: Rishabh Saxena <rishabh.robben@gmail.com>
2021-09-16 09:51:31 +05:30

47 lines
1.2 KiB
TypeScript

import Widget from "./widget";
import IconSVG from "./icon.svg";
import { GRID_DENSITY_MIGRATION_V1 } from "widgets/constants";
import { ButtonBoxShadowTypes } from "components/constants";
export const CONFIG = {
type: Widget.getWidgetType(),
name: "Container",
iconSVG: IconSVG,
isCanvas: true,
defaults: {
backgroundColor: "#FFFFFF",
rows: 10 * GRID_DENSITY_MIGRATION_V1,
columns: 8 * GRID_DENSITY_MIGRATION_V1,
widgetName: "Container",
containerStyle: "card",
borderColor: "transparent",
borderWidth: "0",
borderRadius: "0",
boxShadow: ButtonBoxShadowTypes.NONE,
children: [],
blueprint: {
view: [
{
type: "CANVAS_WIDGET",
position: { top: 0, left: 0 },
props: {
containerStyle: "none",
canExtend: false,
detachFromLayout: true,
children: [],
},
},
],
},
version: 1,
},
properties: {
derived: Widget.getDerivedPropertiesMap(),
default: Widget.getDefaultPropertiesMap(),
meta: Widget.getMetaPropertiesMap(),
config: Widget.getPropertyPaneConfig(),
},
};
export default Widget;