easy-layout 5.0.104 → 5.1.1

package/src/example/view.js

@@ -2,7 +2,7 @@
 
 import withStyle from "easy-with-style";  ///
 
-import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv, options } from "../index"; ///
+import { RowDiv, RowsDiv, ColumnDiv, ColumnsDiv } from "../index"; ///
 
 import BlueRowDiv from "./div/row/blue";
 import YellowRowDiv from "./div/row/yellow";
@@ -15,8 +15,6 @@ import LeftVerticalSplitterDiv from "./div/splitter/vertical/left";
 import RightVerticalSplitterDiv from "./div/splitter/vertical/right";
 import MainHorizontalSplitterDiv from "./div/splitter/horizontal/main";
 
-const { ESCAPE_KEY_STOPS_DRAGGING_OPTION } = options;
-
 const View = (properties) => {
   const { className } = properties,
         bottomLeftDiv =
@@ -24,9 +22,13 @@ const View = (properties) => {
           <BottomLeftDiv/>
 
         ,
-        options = {
-          ESCAPE_KEY_STOPS_DRAGGING_OPTION
-        };
+        bottomSizeableDiv =
+
+          <BottomSizeableDiv/>
+
+        ;
+
+  let bottomSizeableDivHeight;
 
   return (
 
@@ -39,13 +41,13 @@ const View = (properties) => {
             {bottomLeftDiv}
           </RowsDiv>
         </LeftSizeableDiv>
-        <LeftVerticalSplitterDiv options={options} />
+        <LeftVerticalSplitterDiv/>
         <ColumnDiv>
           <RowsDiv>
             <RowDiv>
               <ColumnsDiv>
                 <ColumnDiv/>
-                <RightVerticalSplitterDiv options={options} />
+                <RightVerticalSplitterDiv/>
                 <RightSizeableDiv>
                   <RowsDiv>
                     <BlueRowDiv/>
@@ -53,8 +55,20 @@ const View = (properties) => {
                 </RightSizeableDiv>
               </ColumnsDiv>
             </RowDiv>
-            <MainHorizontalSplitterDiv bottomLeftDiv={bottomLeftDiv} options={options} />
-            <BottomSizeableDiv/>
+            <MainHorizontalSplitterDiv onStartDrag={(element) => {
+
+                                         bottomSizeableDivHeight = bottomSizeableDiv.getHeight();
+
+                                       }}
+                                       onDrag={(relativeMouseTop, relativeMouseLeft) => {
+
+                                         const height = bottomSizeableDivHeight - relativeMouseTop;
+
+                                         bottomLeftDiv.setHeight(height);
+
+                                       }}
+            />
+            {bottomSizeableDiv}
           </RowsDiv>
         </ColumnDiv>
       </ColumnsDiv>

package/src/index.js

@@ -1,7 +1,5 @@
 'use strict';
 
-export { default as options } from "./options";
-
 export { default as RowDiv } from "./div/row";
 export { default as RowsDiv } from "./div/rows";
 export { default as ColumnDiv } from "./div/column";

package/lib/options.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = exports.ESCAPE_KEY_STOPS_DRAGGING_OPTION = void 0;
-var ESCAPE_KEY_STOPS_DRAGGING_OPTION = "ESCAPE_KEY_STOPS_DRAGGING";
-exports.ESCAPE_KEY_STOPS_DRAGGING_OPTION = ESCAPE_KEY_STOPS_DRAGGING_OPTION;
-var _default = {
-    ESCAPE_KEY_STOPS_DRAGGING_OPTION: ESCAPE_KEY_STOPS_DRAGGING_OPTION
-};
-exports.default = _default;
-
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9vcHRpb25zLmpzIl0sInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuXG5leHBvcnQgY29uc3QgRVNDQVBFX0tFWV9TVE9QU19EUkFHR0lOR19PUFRJT04gPSBcIkVTQ0FQRV9LRVlfU1RPUFNfRFJBR0dJTkdcIjtcblxuZXhwb3J0IGRlZmF1bHQge1xuICBFU0NBUEVfS0VZX1NUT1BTX0RSQUdHSU5HX09QVElPTlxufTtcbiJdLCJuYW1lcyI6WyJFU0NBUEVfS0VZX1NUT1BTX0RSQUdHSU5HX09QVElPTiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWSxDQUFDOzs7OztBQUVOLElBQU1BLGdDQUFnQyxHQUFHLDJCQUEyQixBQUFDO1FBQS9EQSxnQ0FBZ0MsR0FBaENBLGdDQUFnQztlQUU5QjtJQUNiQSxnQ0FBZ0MsRUFBaENBLGdDQUFnQztDQUNqQyJ9

package/src/options.js

@@ -1,7 +0,0 @@
-"use strict";
-
-export const ESCAPE_KEY_STOPS_DRAGGING_OPTION = "ESCAPE_KEY_STOPS_DRAGGING";
-
-export default {
-  ESCAPE_KEY_STOPS_DRAGGING_OPTION
-};