87 lines
1.7 KiB
TypeScript
87 lines
1.7 KiB
TypeScript
import type { HandleStyles } from "react-rnd";
|
|
|
|
export const RESIZING_DISABLED = {
|
|
bottom: false,
|
|
bottomLeft: false,
|
|
bottomRight: false,
|
|
left: false,
|
|
right: false,
|
|
top: false,
|
|
topLeft: false,
|
|
topRight: false,
|
|
};
|
|
|
|
export const RESIZING_ENABLED = {
|
|
bottom: true,
|
|
bottomLeft: true,
|
|
bottomRight: true,
|
|
left: true,
|
|
right: true,
|
|
top: true,
|
|
topLeft: true,
|
|
topRight: true,
|
|
};
|
|
|
|
export const MIN_WINDOW_HEIGHT = 30;
|
|
export const MIN_WINDOW_WIDTH = 166;
|
|
|
|
const rndDefaults = {
|
|
cancel: ".cancel",
|
|
dragHandleClassName: "handle",
|
|
enableUserSelectHack: false,
|
|
minHeight: `${MIN_WINDOW_HEIGHT}px`,
|
|
minWidth: `${MIN_WINDOW_WIDTH}px`,
|
|
resizeHandleStyles: {
|
|
bottom: {
|
|
bottom: "-3px",
|
|
cursor: "ns-resize",
|
|
height: "6px",
|
|
},
|
|
bottomLeft: {
|
|
bottom: "-3px",
|
|
cursor: "nesw-resize",
|
|
height: "12px",
|
|
left: "-3px",
|
|
width: "12px",
|
|
},
|
|
bottomRight: {
|
|
bottom: "-3px",
|
|
cursor: "nwse-resize",
|
|
height: "12px",
|
|
right: "-3px",
|
|
width: "12px",
|
|
},
|
|
left: {
|
|
cursor: "ew-resize",
|
|
left: "-3px",
|
|
width: "6px",
|
|
},
|
|
right: {
|
|
cursor: "ew-resize",
|
|
right: "-3px",
|
|
width: "6px",
|
|
},
|
|
top: {
|
|
cursor: "ns-resize",
|
|
height: "6px",
|
|
top: "-3px",
|
|
},
|
|
topLeft: {
|
|
cursor: "nwse-resize",
|
|
height: "12px",
|
|
left: "-3px",
|
|
top: "-3px",
|
|
width: "12px",
|
|
},
|
|
topRight: {
|
|
cursor: "nesw-resize",
|
|
height: "12px",
|
|
right: "-3px",
|
|
top: "-3px",
|
|
width: "12px",
|
|
},
|
|
} as HandleStyles,
|
|
};
|
|
|
|
export default rndDefaults;
|