pages_core 3.7.0 → 3.8.3

data/app/assets/javascripts/pages/admin/components/toast_store.jsx

@@ -1,52 +0,0 @@
-var ToastActions = Reflux.createActions([
-  "notice",
-  "error"
-]);
-
-class ToastStore extends Reflux.Store {
-  constructor() {
-    super();
-    this.state = {
-      current: null,
-      fadeout: false,
-      queue: []
-    };
-    this.listenToMany(ToastActions);
-  }
-
-  addToQueue(msg, type) {
-    let entry = { message: msg, type: type };
-    if (this.state.current) {
-      this.setState({ queue: [...this.state.queue, entry] });
-    } else {
-      this.showToast(entry, this.state.queue);
-    }
-  }
-
-  showToast(entry, queue) {
-    let store = this;
-    this.setState({ current: entry, queue: queue, fadeout: false });
-    setTimeout(function () {
-      store.setState({ fadeout: true });
-      setTimeout(() => store.next(), 500);
-    }, 4000);
-  }
-
-  next() {
-    let queue = this.state.queue;
-    if (queue.length > 0) {
-      let entry = queue.shift();
-      this.showToast(entry, queue);
-    } else {
-      this.setState({ current: null, fadeout: false });
-    }
-  }
-
-  onNotice(msg) {
-    this.addToQueue(msg, "notice");
-  }
-
-  onError(msg) {
-    this.addToQueue(msg, "error");
-  }
-}

data/app/assets/javascripts/pages/admin/components.jsx

@@ -1,2 +0,0 @@
-//= require ./components/drag_uploader
-//= require_tree ./components

data/app/assets/javascripts/pages/admin/features/content_tabs.jsx

@@ -1,72 +0,0 @@
-var ContentTabs = {
-  tabs: [],
-  ids: [],
-
-  show: function(id, skipPushState) {
-    let tabs = ContentTabs.tabs;
-    let tab = tabs[id];
-    if (tab) {
-      $.each(ContentTabs.ids, function(i) {
-        if (tabs[this]) {
-          $(tabs[this]).hide();
-        }
-        $("#content-tab-link-" + this).removeClass("current");
-      });
-      $(tab).show();
-      $("#content-tab-link-" + id).addClass("current");
-      if (!skipPushState) {
-        history.pushState({ tabId: id }, "", `${window.location.pathname}#${id}`);
-      }
-    }
-  },
-
-  showFromURL: function(url) {
-    let tab_expression = /#(.*)$/;
-    if (url.toString().match(tab_expression)) {
-      let id = url.toString().match(tab_expression)[1];
-      if (ContentTabs.tabs[id]) {
-        ContentTabs.show(id);
-      }
-    }
-  },
-
-  enable: function(ids) {
-    let tabs = ContentTabs.tabs;
-    ContentTabs.ids = ids;
-    $.each(ids, function(i) {
-      let id = this;
-      return $("#content-tab-" + this).each(function(i) {
-        this.id = id;
-        return tabs[id] = this;
-      });
-    });
-    ContentTabs.show(ids[0], true);
-    ContentTabs.showFromURL(document.location);
-  },
-
-  init: function() {
-    if ($("#content-tabs").length > 0) {
-      window.addEventListener("popstate", (evt) => {
-        if (evt.state && evt.state.tabId) {
-          ContentTabs.show(evt.state.tabId);
-        }
-      });
-
-      let tabNames = $("#content-tabs li").map(function() {
-        return $(this).data("tab-name");
-      }).get();
-      ContentTabs.enable(tabNames);
-      $("#content-tabs a").each(function() {
-        $(this).click(function() {
-          ContentTabs.showFromURL(this.href);
-          return false;
-        });
-      });
-    }
-    window.showContentTab = ContentTabs.show;
-  }
-};
-
-$(function() {
-  ContentTabs.init();
-});

data/app/assets/javascripts/pages/admin/features/edit_page.jsx

@@ -1,97 +0,0 @@
-class EditPage {
-  constructor(container) {
-    this.container = container;
-    this.toggleAdvancedOptions();
-    this.replicateFormElements();
-    this.checkPublishedStatus();
-    this.checkPublishedDate();
-    this.previewButton();
-  }
-
-  checkPublishedStatus() {
-    let checkStatus = function() {
-      var pageStatus = $("#page-form-sidebar #page_status").val();
-      if (pageStatus === "2") {
-        return $("#page-form-sidebar .published-date").fadeIn();
-      } else {
-        return $("#page-form-sidebar .published-date").hide();
-      }
-    };
-    $("#page-form-sidebar #page_status").change(checkStatus);
-    checkStatus();
-  }
-
-  checkPublishedDate() {
-    $(".autopublish-notice").hide();
-    let publishedAt = function(i) {
-      return $(`#page-form-sidebar select[name="page[published_at(${i}i)]"]`)
-               .val();
-    };
-    let checkDate = function() {
-      var year = publishedAt(1);
-      var month = publishedAt(2);
-      var day = publishedAt(3);
-      var hour = publishedAt(4);
-      var minute = publishedAt(5);
-      var publishDate = new Date(year, (month - 1), day, hour, minute);
-      var now = new Date();
-      if (publishDate > now) {
-        return $(".autopublish-notice").fadeIn();
-      } else {
-        return $(".autopublish-notice").fadeOut();
-      }
-    };
-    $(".published-date").find("select").change(checkDate);
-    checkDate();
-  }
-
-  previewButton() {
-    $("#previewButton").click(function() {
-      var button = this;
-      var form = $(button).closest("form").get(0);
-      var previewUrl = $(this).data("url");
-
-      // Rewrite the form and submit
-      form.oldAction = form.action;
-      form.target = "_blank";
-      form.action = previewUrl;
-      $(form).submit();
-
-      // Undo rewrite
-      form.action = form.oldAction;
-      form.target = "";
-    });
-  }
-
-  replicateFormElements() {
-    let replicateFormElement = function() {
-      var newValue = this;
-      $("#page-form").find("[name=\"" + newValue.name + "\"]")
-                     .each(function() {
-                       if (newValue.type === "checkbox") {
-                         $(this).prop("checked", $(newValue).prop("checked"));
-                       } else {
-                         $(this).val($(newValue).val());
-                       }
-                     });
-    };
-
-    $("#page-form-sidebar")
-      .find("input,textarea,select")
-      .change(replicateFormElement);
-  }
-
-  toggleAdvancedOptions() {
-    let container = this.container;
-    $(container).find(".advanced-options").hide();
-    $(container).find(".advanced-toggle").click(function() {
-      return $(container).find(".advanced-options").slideToggle();
-    });
-  }
-}
-
-$(function () {
-  $(".edit-page").each(function() {
-    new EditPage(this);}
-  );
-});

data/app/assets/javascripts/pages/admin/features/rich_text.jsx

@@ -1,14 +0,0 @@
-$(function() {
-  $("textarea.rich").each(function () {
-    let container = document.createElement("div");
-    this.parentNode.appendChild(container);
-    ReactDOM.render(
-      <RichTextArea value={this.value}
-                    name={this.name}
-                    rows={this.rows}
-                    id={this.id} />,
-      container
-    );
-    this.parentNode.removeChild(this);
-  });
-});

data/app/assets/javascripts/pages/admin/features/tag_editor.jsx

@@ -1,160 +0,0 @@
-var TagEditor = function(container) {
-  this.initialize(container);
-};
-
-$.extend(TagEditor.prototype, {
-  initialize: function(container) {
-    var tagEditor = this;
-    tagEditor.container = container;
-    tagEditor.tags = Array();
-    tagEditor.serializeField = $(tagEditor.container).find(".serialized_tags").get(0);
-    tagEditor.findTags(true);
-
-    tagEditor.inputField = $(tagEditor.container).find(".add-tag").get(0);
-    $(tagEditor.container).find(".add-tag-button").click(function() {
-      tagEditor.addTag();
-      $(tagEditor.container).find(".add-tag").blur();
-      return false;
-    });
-    $(tagEditor.container).find(".add-tag").keydown(function(event) {
-      if (event.which === 13) {
-        tagEditor.addTag();
-        return false;
-      }
-    });
-
-    $(tagEditor.container).find(".add-tag").each(function(){
-      var field = this;
-      field.exampleText = $(field).val();
-      $(field).addClass("example");
-      $(field).focus(function(event){
-        $(tagEditor.container).find(".add-tag-button").fadeIn("fast");
-        $(field).removeClass("example");
-        if ($(field).val() === field.exampleText) {
-          $(field).val("");
-        }
-      });
-      $(field).blur(function(event) {
-        $(tagEditor.container).find(".add-tag-button").fadeOut("fast");
-        if (!$(field).val() || $(field).val() === field.exampleText) {
-          $(field).addClass("example").val(field.exampleText);
-        }
-      });
-    });
-    $(tagEditor.container).find(".add-tag-button").hide();
-  },
-
-  addTag: function() {
-    var tagEditor = this;
-    var tagName = $(tagEditor.inputField).val().replace(/^\s\s*/, "").replace(/\s\s*$/, "");
-    if (tagName) {
-      if (this.hasTag(tagName)) {
-        this.enable(this.getTagByName(tagName));
-      } else {
-        $(tagEditor.container).find(".tags").append("<span class=\"tag\"><input type=\"checkbox\" name=\"tag-"+tagName+"\" value=\"1\" checked=\"checked\"><span class=\"name\">"+tagName+"</span></span>");
-        tagEditor.findTags();
-      }
-    }
-    $(tagEditor.inputField).val("");
-  },
-
-  findTags: function(permanentize) {
-    var tagEditor = this;
-    $(this.container).find(".tag").each(function () {
-      var tag = this;
-      if (!tag.tagEditorApplied) {
-        tag.checkBox = $(tag).find("input[type=checkbox]").get(0);
-        tag.name = $(tag).find(".name").text();
-        if(tagEditor.isChecked(tag)){
-          tag.enabled = true;
-          $(tag).addClass("enabled");
-        } else {
-          tag.enabled = false;
-        }
-        $(tag).click(function () {
-          tagEditor.toggle(tag);
-        });
-        tagEditor.tags[tagEditor.tags.length] = tag;
-        tag.tagEditorApplied = true;
-      }
-    });
-    tagEditor.serializeTags();
-  },
-
-  hasTag: function(tagName) {
-    var hasTag = false;
-    $(this.tags).each(function () {
-      if (tagName.toLowerCase() === this.name.toLowerCase()) {
-        hasTag = true;
-      }
-    });
-    return hasTag;
-  },
-
-  setEnabled: function(tag, enabled) {
-    tag.enabled = enabled;
-    if (tag.enabled) {
-      $(tag).addClass("enabled");
-    } else {
-      $(tag).removeClass("enabled");
-    }
-    $(tag.checkBox).attr("checked", tag.enabled);
-    this.serializeTags();
-  },
-
-  toggle: function(tag) {
-    if (tag.enabled) {
-      this.disable(tag);
-    } else {
-      this.enable(tag);
-    }
-  },
-
-  enable: function(tag) {
-    this.setEnabled(tag, true);
-  },
-
-  disable: function(tag) {
-    this.setEnabled(tag, false);
-  },
-
-  getTagByName: function(tagName) {
-    var tag = null;
-    $(this.tags).each(function(){
-      if (this.name.toLowerCase() === tagName.toLowerCase()) {
-        tag = this;
-      }
-    });
-    return tag;
-  },
-
-  isChecked: function(tag) {
-    return $(tag.checkBox).attr("checked");
-  },
-
-  enabledTags: function() {
-    var enabledTags = Array();
-    $(this.tags).each(function() {
-      if (this.enabled) {
-        enabledTags[enabledTags.length] = this;
-      }
-    });
-    return enabledTags;
-  },
-
-  serializeTags: function() {
-    var tagNames = Array();
-    $(this.enabledTags()).each(function() {
-      tagNames[tagNames.length] = "\"" + this.name.replace("\"", "\\\"") + "\"";
-    });
-    $(this.serializeField).val("["+tagNames.join(", ")+"]");
-    $(this.container).find(".add-tag").attr("disabled", false);
-  }
-});
-
-// Apply the tag editor to each instance
-$(function() {
-  $(".tag-editor").each(function() {
-    this.tagEditor = new TagEditor(this);
-  });
-});

data/app/assets/javascripts/pages/admin.jsx

@@ -1,17 +0,0 @@
-// Gem assets
-//= require jquery
-//= require jquery_ujs
-//= require jquery-ui
-//= require react
-//= require react_ujs
-//= require reflux.min
-
-// Vendored assets
-//= require ReactCrop.min
-
-//= require_self
-//= require pages/login_form
-//= require_tree ./admin/lib
-
-//= require pages/admin/components
-//= require_tree ./admin/features

data/app/assets/javascripts/pages/login_form.jsx

@@ -1,21 +0,0 @@
-$(function () {
-  $(".login-form").each(function () {
-    let container = this;
-
-    function showTab(tabName) {
-      $(container).find(".login-tab").hide();
-      $(container).find(`.login-tab.${tabName}`).show();
-      return false;
-    }
-
-    $(container).find(".show-password").click(function () {
-      return showTab("password");
-    });
-
-    $(container).find(".show-password-reset").click(function () {
-      return showTab("password-reset");
-    });
-
-    showTab("password");
-  });
-});

data/app/serializers/admin/page_file_serializer.rb

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-module Admin
-  class PageFileSerializer < ActiveModel::Serializer
-    attributes :id, :page_id, :attachment_id, :position
-    has_one :attachment, serializer: Admin::AttachmentSerializer
-  end
-end

data/app/serializers/page_export_serializer.rb

@@ -1,32 +0,0 @@
-# frozen_string_literal: true
-
-class PageExportSerializer < ActiveModel::Serializer
-  attributes :id, :path, :locale, :author_name, :status
-  attributes(*PagesCore::Templates::TemplateConfiguration.all_blocks)
-  attributes :created_at, :published_at, :pinned, :template, :redirect_to,
-             :starts_at, :ends_at, :all_day
-
-  has_one :image, serializer: PageImageExportSerializer
-  has_many :images, serializer: PageImageExportSerializer
-  has_many :page_files, serializer: PageFileExportSerializer
-
-  def author_name
-    object&.author&.name
-  end
-
-  def path
-    object.full_path || object.to_param
-  end
-
-  def image
-    object.page_images.where(primary: true).try(:first)
-  end
-
-  def images
-    object.page_images
-  end
-
-  def status
-    object.status_label
-  end
-end

data/app/serializers/page_file_export_serializer.rb

@@ -1,6 +0,0 @@
-# frozen_string_literal: true
-
-class PageFileExportSerializer < ActiveModel::Serializer
-  attributes :id, :filename, :name, :description, :content_hash, :content_type,
-             :position, :created_at
-end

data/app/serializers/page_image_export_serializer.rb

@@ -1,42 +0,0 @@
-# frozen_string_literal: true
-
-class PageImageExportSerializer < ActiveModel::Serializer
-  attributes :id, :primary, :content_hash, :content_type, :filename,
-             :alternative, :caption, :created_at
-
-  def id
-    object.image.id
-  end
-
-  def name
-    object.image.name
-  end
-
-  def alternative
-    object.image.alternative
-  end
-
-  def caption
-    object.image.caption
-  end
-
-  def content_hash
-    object.image.content_hash
-  end
-
-  def content_type
-    object.image.content_type
-  end
-
-  def filename
-    object.image.filename
-  end
-
-  def size
-    object.image.crop_size
-  end
-
-  def created_at
-    object.image.created_at
-  end
-end

data/app/serializers/page_serializer.rb

@@ -1,23 +0,0 @@
-# frozen_string_literal: true
-
-class PageSerializer < ActiveModel::Serializer
-  attributes :id, :param, :parent_page_id, :locale
-  attributes(*PagesCore::Templates::TemplateConfiguration.all_blocks)
-  attributes :published_at, :pinned
-
-  has_one :image
-  has_many :images
-  has_many :pages
-
-  def param
-    object.to_param
-  end
-
-  def image
-    object.page_images.where(primary: true).try(:first)
-  end
-
-  def images
-    object.page_images
-  end
-end

data/app/views/layouts/admin/_analytics.html.erb

@@ -1,16 +0,0 @@
-<script type="text/javascript">
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-5468672-21']);
-  _gaq.push(['_setDomainName', 'none']);
-  _gaq.push(['_setAllowLinker', true]);
-  _gaq.push(['_trackPageview']);
-
-  (function() {
-    var ga = document.createElement('script');
-    ga.type = 'text/javascript';
-    ga.async = true;
-    ga.src = 'https://ssl.google-analytics.com/ga.js';
-    var s = document.getElementsByTagName('script')[0];
-    s.parentNode.insertBefore(ga, s);
-  })();
-</script>

data/lib/rails/generators/pages_core/frontend/templates/application.js.erb

@@ -1,15 +0,0 @@
-// This is a manifest file that'll be compiled into application.js, which will include all the files
-// listed below.
-//
-// Any JavaScript/Coffee file within this directory, lib/assets/javascripts, vendor/assets/javascripts,
-// or vendor/assets/javascripts of plugins, if any, can be referenced here using a relative path.
-//
-// It's not advisable to add code directly here, but if you do, it'll appear at the bottom of the
-// compiled file.
-//
-// Read Sprockets README (https://github.com/sstephenson/sprockets#sprockets-directives) for details
-// about supported directives.
-//
-//= require jquery
-//= require jquery_ujs
-//= require_tree .

data/vendor/assets/javascripts/ReactCrop.min.js

@@ -1 +0,0 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.ReactCrop=t(require("react")):e.ReactCrop=t(e.React)}("undefined"!=typeof self?self:this,function(e){return function(e){function t(o){if(r[o])return r[o].exports;var a=r[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var r={};return t.m=e,t.c=r,t.d=function(e,r,o){t.o(e,r)||Object.defineProperty(e,r,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(r,"a",r),r},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=0)}([function(e,t,r){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function c(e){var t=e.getBoundingClientRect(),r=document.documentElement;return{top:t.top+window.pageYOffset-r.clientTop,left:t.left+window.pageXOffset-r.clientLeft}}function d(e){var t=void 0,r=void 0;return e.touches?(t=e.touches[0].pageX,r=e.touches[0].pageY):(t=e.pageX,r=e.pageY),{x:t,y:r}}function h(e,t,r){return Math.min(Math.max(e,t),r)}function u(e){return e&&e.width&&e.height}function p(e){var t=void 0;return"n"===e?t="s":"ne"===e?t="sw":"e"===e?t="w":"se"===e?t="nw":"s"===e?t="n":"sw"===e?t="ne":"w"===e?t="e":"nw"===e&&(t="se"),t}function f(e,t){if(isNaN(e.aspect)||isNaN(t))return console.warn("`crop.aspect` and `imageAspect` need to be numbers in order to make an aspect crop",e),e;var r=y({},e);return e.width&&(r.height=e.width/e.aspect*t),e.height&&(r.width=(r.height||e.height)*(e.aspect/t)),e.y+(r.height||e.height)>100&&(r.height=100-e.y,r.width=r.height*e.aspect/t),e.x+(r.width||e.width)>100&&(r.width=100-e.x,r.height=r.width/e.aspect*t),r}function l(e,t){return e&&e.aspect&&(!e.width&&e.height||e.width&&!e.height)?f(e,t.naturalWidth/t.naturalHeight):e}function g(e,t){if(!e||!t)return null;var r=Math.round(e.naturalWidth*(t.x/100)),o=Math.round(e.naturalHeight*(t.y/100)),a=Math.round(e.naturalWidth*(t.width/100)),n=Math.round(e.naturalHeight*(t.height/100));return{x:r,y:o,width:h(a,0,e.naturalWidth-r),height:h(n,0,e.naturalHeight-o)}}function v(e,t,r){var o=y({},t),a=!1;o.x+o.width>100?(o.width=t.width+(100-(t.x+t.width)),o.x=t.x+(100-(t.x+o.width)),a=!0):o.x<0&&(o.width=t.x+t.width,o.x=0,a=!0),a&&t.aspect&&(o.height=o.width/t.aspect*r,e.y>o.y&&(o.y=t.y+(t.height-o.height)));var n=!1;return o.y+o.height>100?(o.height=t.height+(100-(t.y+t.height)),o.y=t.y+(100-(t.y+o.height)),n=!0):o.y<0&&(o.height=t.y+t.height,o.y=0,n=!0),n&&t.aspect&&(o.width=o.height*t.aspect/r,o.x<t.x&&(o.x=t.x+(t.width-o.width))),o}var m=function(){function e(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,r,o){return r&&e(t.prototype,r),o&&e(t,o),t}}(),y=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},w=r(1),C=o(w),x=r(2),O=o(x),b=!1;try{window.addEventListener("test",null,Object.defineProperty({},"passive",{get:function(){return b=!0,!0}}))}catch(e){}var R=function(e){function t(){var e,r,o,a;n(this,t);for(var s=arguments.length,p=Array(s),f=0;f<s;f++)p[f]=arguments[f];return r=o=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(p))),o.state={},o.onCropMouseTouchDown=function(e){var t=o.props,r=t.crop;if(!t.disabled){e.preventDefault();var a=d(e);o.componentRef.focus({preventScroll:!0});var n=e.target.dataset.ord,i="nw"===n||"w"===n||"sw"===n,s="nw"===n||"n"===n||"ne"===n,h=void 0;r.aspect&&(h=c(o.cropSelectRef)),o.evData={clientStartX:a.x,clientStartY:a.y,cropStartWidth:r.width,cropStartHeight:r.height,cropStartX:i?r.x+r.width:r.x,cropStartY:s?r.y+r.height:r.y,xInversed:i,yInversed:s,xCrossOver:i,yCrossOver:s,startXCrossOver:i,startYCrossOver:s,isResize:e.target!==o.cropSelectRef,ord:n,cropOffset:h},o.mouseDownOnCrop=!0,o.setState({cropIsActive:!0})}},o.onComponentMouseTouchDown=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.keepSelection,i=t.onChange;if(e.target===o.imageRef&&!(a||n&&u(r))){e.preventDefault();var s=d(e);o.componentRef.focus({preventScroll:!0});var h=c(o.imageRef),p=(s.x-h.left)/o.imageRef.width*100,f=(s.y-h.top)/o.imageRef.height*100,l={aspect:r?r.aspect:void 0,x:p,y:f,width:0,height:0};o.evData={clientStartX:s.x,clientStartY:s.y,cropStartWidth:l.width,cropStartHeight:l.height,cropStartX:l.x,cropStartY:l.y,xInversed:!1,yInversed:!1,xCrossOver:!1,yCrossOver:!1,startXCrossOver:!1,startYCrossOver:!1,isResize:!0,ord:"nw"},o.mouseDownOnCrop=!0,i(l,g(o.imageRef,l)),o.setState({cropIsActive:!0})}},o.onDocMouseTouchMove=function(e){var t=o.props,r=t.crop,a=t.disabled,n=t.onChange;if((0,t.onDragStart)(),!a&&o.mouseDownOnCrop){e.preventDefault();var i=o,s=i.evData,c=d(e);s.isResize&&r.aspect&&s.cropOffset&&(c.y=o.straightenYPath(c.x));var h=c.x-s.clientStartX;s.xDiffPc=h/o.imageRef.width*100;var u=c.y-s.clientStartY;s.yDiffPc=u/o.imageRef.height*100;var p=void 0;p=s.isResize?o.resizeCrop():o.dragCrop(),n(p,g(o.imageRef,p))}},o.onComponentKeyDown=function(e){var r=o.props,a=r.crop,n=r.disabled,i=r.onChange,s=r.onComplete;if(!n){var c=e.which,d=!1;if(u(a)){var p=o.makeNewCrop();c===t.arrowKey.left?(p.x-=t.nudgeStep,d=!0):c===t.arrowKey.right?(p.x+=t.nudgeStep,d=!0):c===t.arrowKey.up?(p.y-=t.nudgeStep,d=!0):c===t.arrowKey.down&&(p.y+=t.nudgeStep,d=!0),d&&(e.preventDefault(),p.x=h(p.x,0,100-p.width),p.y=h(p.y,0,100-p.height),i(p,g(o.imageRef,p)),s(p,g(o.imageRef,p)))}}},o.onDocMouseTouchEnd=function(){var e=o.props,t=e.crop,r=e.disabled,a=e.onComplete;(0,e.onDragEnd)(),r||o.mouseDownOnCrop&&(o.mouseDownOnCrop=!1,a(t,g(o.imageRef,t)),o.setState({cropIsActive:!1}))},a=r,i(o,a)}return s(t,e),m(t,[{key:"componentDidMount",value:function(){var e=!!b&&{passive:!1};if(document.addEventListener("mousemove",this.onDocMouseTouchMove,e),document.addEventListener("touchmove",this.onDocMouseTouchMove,e),document.addEventListener("mouseup",this.onDocMouseTouchEnd,e),document.addEventListener("touchend",this.onDocMouseTouchEnd,e),document.addEventListener("touchcancel",this.onDocMouseTouchEnd,e),this.imageRef.complete||this.imageRef.readyState)if(0===this.imageRef.naturalWidth){var t=this.imageRef.src;this.imageRef.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",this.imageRef.src=t}else this.onImageLoad(this.imageRef)}},{key:"componentDidUpdate",value:function(e){e.crop!==this.props.crop&&this.resolveCropAndTriggerChange(this.props.crop,this.imageRef)}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousemove",this.onDocMouseTouchMove),document.removeEventListener("touchmove",this.onDocMouseTouchMove),document.removeEventListener("mouseup",this.onDocMouseTouchEnd),document.removeEventListener("touchend",this.onDocMouseTouchEnd),document.removeEventListener("touchcancel",this.onDocMouseTouchEnd)}},{key:"onImageLoad",value:function(e){var t=this.resolveCropAndTriggerChange(this.props.crop,e);this.props.onImageLoaded(e,g(e,t))}},{key:"getCropStyle",value:function(){var e=this.props.crop;return{top:e.y+"%",left:e.x+"%",width:e.width+"%",height:e.height+"%"}}},{key:"getNewSize",value:function(){var e=this.props,t=e.crop,r=e.minWidth,o=e.maxWidth,a=e.minHeight,n=e.maxHeight,i=this.evData,s=this.imageRef.width/this.imageRef.height,c=i.cropStartWidth+i.xDiffPc;i.xCrossOver&&(c=Math.abs(c)),c=h(c,r,o);var d=void 0;return d=t.aspect?c/t.aspect*s:i.cropStartHeight+i.yDiffPc,i.yCrossOver&&(d=Math.min(Math.abs(d),i.cropStartY)),d=h(d,a,n),t.aspect&&(c=h(d*t.aspect/s,0,100)),{width:c,height:d}}},{key:"resolveCropAndTriggerChange",value:function(e,t){var r=l(e,t);return r!==e&&(this.props.onChange(r,g(t,r)),this.props.onComplete(r,g(t,r))),r}},{key:"dragCrop",value:function(){var e=this.makeNewCrop(),t=this.evData;return e.x=h(t.cropStartX+t.xDiffPc,0,100-e.width),e.y=h(t.cropStartY+t.yDiffPc,0,100-e.height),e}},{key:"resizeCrop",value:function(){var e=this.makeNewCrop(),r=this.evData,o=r.ord,a=this.imageRef.width/this.imageRef.height;r.xInversed&&(r.xDiffPc-=2*r.cropStartWidth),r.yInversed&&(r.yDiffPc-=2*r.cropStartHeight);var n=this.getNewSize(),i=r.cropStartX,s=r.cropStartY;r.xCrossOver&&(i=e.x+(e.width-n.width)),r.yCrossOver&&(s=!1===r.lastYCrossover?e.y-n.height:e.y+(e.height-n.height));var c=v(this.props.crop,{x:i,y:s,width:n.width,height:n.height,aspect:e.aspect},a);return e.aspect||t.xyOrds.indexOf(o)>-1?(e.x=c.x,e.y=c.y,e.width=c.width,e.height=c.height):t.xOrds.indexOf(o)>-1?(e.x=c.x,e.width=c.width):t.yOrds.indexOf(o)>-1&&(e.y=c.y,e.height=c.height),r.lastYCrossover=r.yCrossOver,this.crossOverCheck(),e}},{key:"straightenYPath",value:function(e){var t=this.evData,r=t.ord,o=t.cropOffset,a=t.cropStartWidth/100*this.imageRef.width,n=t.cropStartHeight/100*this.imageRef.height,i=void 0,s=void 0;return"nw"===r||"se"===r?(i=n/a,s=o.top-o.left*i):(i=-n/a,s=o.top+(n-o.left*i)),i*e+s}},{key:"createCropSelection",value:function(){var e=this,t=this.props.disabled,r=this.getCropStyle();return C.default.createElement("div",{ref:function(t){e.cropSelectRef=t},style:r,className:"ReactCrop__crop-selection",onMouseDown:this.onCropMouseTouchDown,onTouchStart:this.onCropMouseTouchDown,role:"presentation"},!t&&C.default.createElement("div",{className:"ReactCrop__drag-elements"},C.default.createElement("div",{className:"ReactCrop__drag-bar ord-n","data-ord":"n"}),C.default.createElement("div",{className:"ReactCrop__drag-bar ord-e","data-ord":"e"}),C.default.createElement("div",{className:"ReactCrop__drag-bar ord-s","data-ord":"s"}),C.default.createElement("div",{className:"ReactCrop__drag-bar ord-w","data-ord":"w"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-nw","data-ord":"nw"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-n","data-ord":"n"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-ne","data-ord":"ne"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-e","data-ord":"e"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-se","data-ord":"se"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-s","data-ord":"s"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-sw","data-ord":"sw"}),C.default.createElement("div",{className:"ReactCrop__drag-handle ord-w","data-ord":"w"})))}},{key:"makeNewCrop",value:function(){return y({},t.defaultCrop,this.props.crop)}},{key:"crossOverCheck",value:function(){var e=this.evData;(!e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc>=0||e.xCrossOver&&-Math.abs(e.cropStartWidth)-e.xDiffPc<=0)&&(e.xCrossOver=!e.xCrossOver),(!e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc>=0||e.yCrossOver&&-Math.abs(e.cropStartHeight)-e.yDiffPc<=0)&&(e.yCrossOver=!e.yCrossOver);var t=e.xCrossOver!==e.startXCrossOver,r=e.yCrossOver!==e.startYCrossOver;e.inversedXOrd=!!t&&p(e.ord),e.inversedYOrd=!!r&&p(e.ord)}},{key:"render",value:function(){var e=this,t=this.props,r=t.children,o=t.className,n=t.crossorigin,i=t.crop,s=t.disabled,c=t.imageAlt,d=t.onImageError,h=t.src,p=t.style,f=t.imageStyle,l=this.state.cropIsActive,g=void 0;u(i)&&(g=this.createCropSelection());var v=["ReactCrop"];return l&&v.push("ReactCrop--active"),i&&(i.aspect&&v.push("ReactCrop--fixed-aspect"),!l||i.width&&i.height||v.push("ReactCrop--crop-invisible")),s&&v.push("ReactCrop--disabled"),o&&v.push.apply(v,a(o.split(" "))),C.default.createElement("div",{ref:function(t){e.componentRef=t},className:v.join(" "),style:p,onTouchStart:this.onComponentMouseTouchDown,onMouseDown:this.onComponentMouseTouchDown,role:"presentation",tabIndex:"1",onKeyDown:this.onComponentKeyDown},C.default.createElement("img",{ref:function(t){e.imageRef=t},crossOrigin:n,className:"ReactCrop__image",style:f,src:h,onLoad:function(t){return e.onImageLoad(t.target)},onError:d,alt:c}),g,r)}}]),t}(w.PureComponent);R.xOrds=["e","w"],R.yOrds=["n","s"],R.xyOrds=["nw","ne","se","sw"],R.arrowKey={left:37,up:38,right:39,down:40},R.nudgeStep=.2,R.defaultCrop={x:0,y:0,width:0,height:0},R.propTypes={className:O.default.string,crossorigin:O.default.string,children:O.default.oneOfType([O.default.arrayOf(O.default.node),O.default.node]),crop:O.default.shape({aspect:O.default.number,x:O.default.number,y:O.default.number,width:O.default.number,height:O.default.number}),disabled:O.default.bool,imageAlt:O.default.string,imageStyle:O.default.shape({}),keepSelection:O.default.bool,minWidth:O.default.number,minHeight:O.default.number,maxWidth:O.default.number,maxHeight:O.default.number,onChange:O.default.func.isRequired,onImageError:O.default.func,onComplete:O.default.func,onImageLoaded:O.default.func,onDragStart:O.default.func,onDragEnd:O.default.func,src:O.default.string.isRequired,style:O.default.shape({})},R.defaultProps={className:void 0,crop:void 0,crossorigin:void 0,disabled:!1,imageAlt:"",maxWidth:100,maxHeight:100,minWidth:0,minHeight:0,keepSelection:!1,onComplete:function(){},onImageError:function(){},onImageLoaded:function(){},onDragStart:function(){},onDragEnd:function(){},children:void 0,style:void 0,imageStyle:void 0},e.exports=R,e.exports.getPixelCrop=g,e.exports.makeAspectCrop=f,e.exports.containCrop=v},function(t,r){t.exports=e},function(e,t,r){e.exports=r(3)()},function(e,t,r){"use strict";function o(){}var a=r(4);e.exports=function(){function e(e,t,r,o,n,i){if(i!==a){var s=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name="Invariant Violation",s}}function t(){return e}e.isRequired=e;var r={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return r.checkPropTypes=o,r.PropTypes=r,r}},function(e,t,r){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}])});