ywana-core8 0.0.790 → 0.0.792

package/dist/index.modern.js

@@ -2915,10 +2915,162 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
   })));
 };
 
+var SCROLL_SENSITIVITY = 0.0005;
+var MAX_ZOOM = 5;
+var MIN_ZOOM = 0.1;
+var ImageViewer = function ImageViewer(_ref) {
+  var image = _ref.image;
+
+  var _useState = useState({
+    x: 0,
+    y: 0
+  }),
+      offset = _useState[0],
+      setOffset = _useState[1];
+
+  var _useState2 = useState(1),
+      zoom = _useState2[0],
+      setZoom = _useState2[1];
+
+  var _useState3 = useState(false),
+      draggind = _useState3[0],
+      setDragging = _useState3[1];
+
+  var touch = useRef({
+    x: 0,
+    y: 0
+  });
+  var canvasRef = useRef(null);
+  var containerRef = useRef(null);
+  var observer = useRef(null);
+  var background = useMemo(function () {
+    return new Image();
+  }, [image]);
+
+  var clamp = function clamp(num, min, max) {
+    return Math.min(Math.max(num, min), max);
+  };
+
+  var handleWheel = function handleWheel(event) {
+    var deltaY = event.deltaY;
+
+    if (!draggind) {
+      setZoom(function (zoom) {
+        return clamp(zoom + deltaY * SCROLL_SENSITIVITY * -1, MIN_ZOOM, MAX_ZOOM);
+      });
+    }
+  };
+
+  var handleMouseMove = function handleMouseMove(event) {
+    if (draggind) {
+      var _touch$current = touch.current,
+          x = _touch$current.x,
+          y = _touch$current.y;
+      var clientX = event.clientX,
+          clientY = event.clientY;
+      setOffset({
+        x: offset.x + (x - clientX),
+        y: offset.y + (y - clientY)
+      });
+      touch.current = {
+        x: clientX,
+        y: clientY
+      };
+    }
+  };
+
+  var handleMouseDown = function handleMouseDown(event) {
+    var clientX = event.clientX,
+        clientY = event.clientY;
+    touch.current = {
+      x: clientX,
+      y: clientY
+    };
+    setDragging(true);
+  };
+
+  var handleMouseUp = function handleMouseUp() {
+    return setDragging(false);
+  };
+
+  var draw = function draw() {
+    if (canvasRef.current) {
+      var _canvasRef$current = canvasRef.current,
+          width = _canvasRef$current.width,
+          height = _canvasRef$current.height;
+      var context = canvasRef.current.getContext("2d"); // Set canvas dimensions
+
+      canvasRef.current.width = width;
+      canvasRef.current.height = height; // Clear canvas and scale it
+
+      context.translate(-offset.x, -offset.y);
+      context.scale(zoom, zoom);
+      context.clearRect(0, 0, width, height); // Make sure we're zooming to the center
+
+      var x = (context.canvas.width / zoom - background.width) / 2;
+      var y = (context.canvas.height / zoom - background.height) / 2; // Draw image
+
+      context.drawImage(background, x, y);
+    }
+  };
+
+  useEffect(function () {
+    observer.current = new ResizeObserver(function (entries) {
+      entries.forEach(function (_ref2) {
+        var target = _ref2.target;
+        var width = background.width,
+            height = background.height; // If width of the container is smaller than image, scale image down
+
+        if (target.clientWidth < width) {
+          // Calculate scale
+          var scale = target.clientWidth / width; // Redraw image
+
+          canvasRef.current.width = width * scale;
+          canvasRef.current.height = height * scale;
+          canvasRef.current.getContext("2d").drawImage(background, 0, 0, width * scale, height * scale);
+        }
+      });
+    });
+    observer.current.observe(containerRef.current);
+    return function () {
+      return observer.current.unobserve(containerRef.current);
+    };
+  }, []);
+  useEffect(function () {
+    background.src = image;
+
+    if (canvasRef.current) {
+      background.onload = function () {
+        // Get the image dimensions
+        var width = background.width,
+            height = background.height;
+        canvasRef.current.width = width;
+        canvasRef.current.height = height; // Set image as background
+
+        canvasRef.current.getContext("2d").drawImage(background, 0, 0);
+      };
+    }
+  }, [background]);
+  useEffect(function () {
+    draw();
+  }, [zoom, offset]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "image-viewer",
+    ref: containerRef
+  }, /*#__PURE__*/React.createElement("canvas", {
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    onWheel: handleWheel,
+    onMouseMove: handleMouseMove,
+    ref: canvasRef
+  }));
+};
+
 /**
  * Viewer
  */
 
+
 var Viewer = function Viewer(_ref) {
   var title = _ref.title,
       src = _ref.src,
@@ -2955,8 +3107,8 @@ var Viewer = function Viewer(_ref) {
     action: toggleDetails
   }), actions), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
     className: "resizer"
-  }, /*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement("img", {
-    src: src
+  }, /*#__PURE__*/React.createElement("picture", null, /*#__PURE__*/React.createElement(ImageViewer, {
+    image: src
   })))), /*#__PURE__*/React.createElement("aside", {
     className: "" + (showDetails ? 'open' : '')
   }, /*#__PURE__*/React.createElement(Header, {
@@ -4492,156 +4644,6 @@ var EmptyMessage = function EmptyMessage(_ref) {
   }, text));
 };
 
-var SCROLL_SENSITIVITY = 0.0005;
-var MAX_ZOOM = 5;
-var MIN_ZOOM = 0.1;
-var ImageViewer = function ImageViewer(_ref) {
-  var image = _ref.image;
-
-  var _useState = useState({
-    x: 0,
-    y: 0
-  }),
-      offset = _useState[0],
-      setOffset = _useState[1];
-
-  var _useState2 = useState(1),
-      zoom = _useState2[0],
-      setZoom = _useState2[1];
-
-  var _useState3 = useState(false),
-      draggind = _useState3[0],
-      setDragging = _useState3[1];
-
-  var touch = useRef({
-    x: 0,
-    y: 0
-  });
-  var canvasRef = useRef(null);
-  var containerRef = useRef(null);
-  var observer = useRef(null);
-  var background = useMemo(function () {
-    return new Image();
-  }, [image]);
-
-  var clamp = function clamp(num, min, max) {
-    return Math.min(Math.max(num, min), max);
-  };
-
-  var handleWheel = function handleWheel(event) {
-    var deltaY = event.deltaY;
-
-    if (!draggind) {
-      setZoom(function (zoom) {
-        return clamp(zoom + deltaY * SCROLL_SENSITIVITY * -1, MIN_ZOOM, MAX_ZOOM);
-      });
-    }
-  };
-
-  var handleMouseMove = function handleMouseMove(event) {
-    if (draggind) {
-      var _touch$current = touch.current,
-          x = _touch$current.x,
-          y = _touch$current.y;
-      var clientX = event.clientX,
-          clientY = event.clientY;
-      setOffset({
-        x: offset.x + (x - clientX),
-        y: offset.y + (y - clientY)
-      });
-      touch.current = {
-        x: clientX,
-        y: clientY
-      };
-    }
-  };
-
-  var handleMouseDown = function handleMouseDown(event) {
-    var clientX = event.clientX,
-        clientY = event.clientY;
-    touch.current = {
-      x: clientX,
-      y: clientY
-    };
-    setDragging(true);
-  };
-
-  var handleMouseUp = function handleMouseUp() {
-    return setDragging(false);
-  };
-
-  var draw = function draw() {
-    if (canvasRef.current) {
-      var _canvasRef$current = canvasRef.current,
-          width = _canvasRef$current.width,
-          height = _canvasRef$current.height;
-      var context = canvasRef.current.getContext("2d"); // Set canvas dimensions
-
-      canvasRef.current.width = width;
-      canvasRef.current.height = height; // Clear canvas and scale it
-
-      context.translate(-offset.x, -offset.y);
-      context.scale(zoom, zoom);
-      context.clearRect(0, 0, width, height); // Make sure we're zooming to the center
-
-      var x = (context.canvas.width / zoom - background.width) / 2;
-      var y = (context.canvas.height / zoom - background.height) / 2; // Draw image
-
-      context.drawImage(background, x, y);
-    }
-  };
-
-  useEffect(function () {
-    observer.current = new ResizeObserver(function (entries) {
-      entries.forEach(function (_ref2) {
-        var target = _ref2.target;
-        var width = background.width,
-            height = background.height; // If width of the container is smaller than image, scale image down
-
-        if (target.clientWidth < width) {
-          // Calculate scale
-          var scale = target.clientWidth / width; // Redraw image
-
-          canvasRef.current.width = width * scale;
-          canvasRef.current.height = height * scale;
-          canvasRef.current.getContext("2d").drawImage(background, 0, 0, width * scale, height * scale);
-        }
-      });
-    });
-    observer.current.observe(containerRef.current);
-    return function () {
-      return observer.current.unobserve(containerRef.current);
-    };
-  }, []);
-  useEffect(function () {
-    background.src = image;
-
-    if (canvasRef.current) {
-      background.onload = function () {
-        // Get the image dimensions
-        var width = background.width,
-            height = background.height;
-        canvasRef.current.width = width;
-        canvasRef.current.height = height; // Set image as background
-
-        canvasRef.current.getContext("2d").drawImage(background, 0, 0);
-      };
-    }
-  }, [background]);
-  useEffect(function () {
-    draw();
-  }, [zoom, offset]);
-  return /*#__PURE__*/React.createElement("div", {
-    ref: containerRef
-  }, /*#__PURE__*/React.createElement("canvas", {
-    onMouseDown: handleMouseDown,
-    onMouseUp: handleMouseUp,
-    onWheel: handleWheel,
-    onMouseMove: handleMouseMove,
-    ref: canvasRef
-  }));
-};
-
 /**
  * Content Form 
  */
@@ -10831,33 +10833,12 @@ function _catch(body, recover) {
 
 var CollectionContext = React.createContext();
 var CollectionContextProvider = function CollectionContextProvider(props) {
-  var fetch = function fetch(id) {
-    try {
-      return Promise.resolve(_catch(function () {
-        return Promise.resolve(API.find(id));
-      }, function (error) {
-        console.log(error);
-      }));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
   /*
   async function reloadSelection() {
       const result = await this.fetch(this.selected.id)
       this.selected = result
   }
-     async function create(form) {
-      try {
-          if (versioning) form.version = 1
-          await API.create(form);
-          await this.load();
-      } catch (error) {
-          console.log(error)
-      }
-      return
-  }
-   async function update(form) {
+    async function update(form) {
       try {
           if (versioning) form.version = form.version ? form.version + 1 : 1
           await API.update(form)
@@ -10898,6 +10879,18 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
    */
 
 
+  var fetch = function fetch(id) {
+    try {
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(API.find(id));
+      }, function (error) {
+        console.log(error);
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
   var removeCustomFilter = function removeCustomFilter(id) {
     try {
       var next = _extends({}, customFilters);
@@ -11009,7 +11002,6 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
       setSelected = _useState6[1];
 
   useEffect(function () {
-    console.log("CONTEXT LOAD for Filters", filters, customFilters);
     var mounted = true;
 
     var callLoad = function callLoad() {
@@ -11020,7 +11012,6 @@ var CollectionContextProvider = function CollectionContextProvider(props) {
 
     callLoad();
     return function () {
-      console.log("CONTEXT UNMOUNT", filters, customFilters);
       mounted = false;
     };
   }, [filters, customFilters]);
@@ -11402,7 +11393,8 @@ var CollectionPage = function CollectionPage(props) {
   }, /*#__PURE__*/React.createElement(CollectionContextProvider, {
     host: host,
     url: url,
-    filtersValue: filtersValue
+    filtersValue: filtersValue,
+    versioning: false
   }, /*#__PURE__*/React.createElement(Header, {
     title: title
   }, actions), canFilter ? /*#__PURE__*/React.createElement(CollectionFilters, {
@@ -11423,5 +11415,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
+export { Accordion, Avatar, Button, Calendar, CheckBox, Chip, Chips, CircularProgress, CollectionContext$1 as CollectionContext, CollectionContext as CollectionContext2, CollectionEditor$2 as CollectionEditor, CollectionFilters$1 as CollectionFilters, CollectionPage$1 as CollectionPage, CollectionPage as CollectionPage2, CollectionTree, ColorField, Content, ContentEditor, ContentForm, ContentViewer, CreateContentDialog, DataTable, DateRange, Dialog, DropDown, DynamicForm, EditContentDialog, EmptyMessage, FORMATS$1 as FORMATS, FieldEditor, FileExplorer, FilesGrid, Form, HTTPClient, Header, Icon, ImageViewer, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, MultiSelector, Page, PageContext, PageProvider, PasswordEditor, PasswordField, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TabbedTablePage, TabbedView, TableEditor$2 as TableEditor, TablePage, TablePage2, Tabs, TaskContext, TaskContextProvider, TaskMonitor, TaskProgress, Text, TextArea, TextField, Thumbnail, ToggleButton, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, Wizard, WizardContext, isEmpty, isFunction };
 //# sourceMappingURL=index.modern.js.map