pageflow 15.1.0.beta6 → 15.1.0.rc0

data/packages/pageflow/ui.js

@@ -150,6 +150,48 @@ var i18nUtils = /*#__PURE__*/Object.freeze({
   translationKeysWithSuffix: translationKeysWithSuffix
 });
 
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
+    return;
+  }
+
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
+}
+
 /**
  * Create object that can be passed to Marionette ui property from CSS
  * module object.
@@ -180,7 +222,7 @@ var i18nUtils = /*#__PURE__*/Object.freeze({
  *         <div class=${styles.container}></div>
  *       `,
  *
- *       ui: cssModulesUtils.ui(styles, 'container');
+ *       ui: cssModulesUtils.ui(styles, 'container'),
  *
  *       onRender() {
  *         this.ui.container // => JQuery wrapper for container element
@@ -195,14 +237,87 @@ function ui(styles) {
   }
 
   return classNames.reduce(function (result, className) {
-    result[className] = ".".concat(styles[className]);
+    result[className] = selector(styles, className);
+    return result;
+  }, {});
+}
+/**
+ * Create object that can be passed to Marionette events property from CSS
+ * module object.
+ *
+ * @param {Object} styles
+ *   Class name mapping imported from `.module.css` file.
+ *
+ * @param {Object} mapping
+ *   Events mapping using keys from the `styles` instead of CSS class names.
+ *
+ * @return {Object}
+ *
+ * @example
+ *
+ *     // MyView.module.css
+ *
+ *     .addButton {}
+ *
+ *     // MyView.js
+ *
+ *     import Marionette from 'marionette';
+ *     import {cssModulesUtils} from 'pageflow/ui';
+ *
+ *     import styles from './MyView.module.css';
+ *
+ *     export const MyView = Marionette.ItemView({
+ *       template: () => `
+ *         <button class=${styles.addButton}></button>
+ *       `,
+ *
+ *       events: cssModulesUtils.ui(styles, {
+ *         'click addButton': () => console.log('clicked add button');
+ *       })
+ *     });
+ *
+ * @memberof cssModulesUtils
+ */
+
+function events(styles, mapping) {
+  return Object.keys(mapping).reduce(function (result, key) {
+    var _key$split = key.split(' '),
+        _key$split2 = _slicedToArray(_key$split, 2),
+        event = _key$split2[0],
+        className = _key$split2[1];
+
+    result["".concat(event, " ").concat(selector(styles, className))] = mapping[key];
     return result;
   }, {});
 }
+/**
+ * Generates a CSS selector from a CSS module rule.
+ *
+ * @param {Object} styles
+ *   Class name mapping imported from `.module.css` file.
+ *
+ * @param {String} className
+ *   Key from the `styles` object.
+ *
+ * @return {String} CSS Selector
+ * @memberof cssModulesUtils
+ */
+
+function selector(styles, className) {
+  var classNames = styles[className];
+
+  if (!classNames) {
+    throw new Error("Unknown class name ".concat(className, " in mapping. Knwon names: ").concat(Object.keys(styles).join(', '), "."));
+  }
+
+  return ".".concat(classNames.replace(/ /g, '.'));
+}
 
 var cssModulesUtils = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  ui: ui
+  ui: ui,
+  events: events,
+  selector: selector
 });
 
 // https://github.com/jashkenas/backbone/issues/2601
@@ -1059,6 +1174,8 @@ var inputView = {
     this.$el.addClass('input');
     this.$el.addClass(this.model.modelName + '_' + this.options.propertyName);
     this.$el.data('inputPropertyName', this.options.propertyName);
+    this.$el.data('labelText', this.labelText());
+    this.$el.data('inlineHelpText', this.inlineHelpText());
     this.ui.labelText.text(this.labelText());
     this.ui.inlineHelp.html(this.inlineHelpText());
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: pageflow
 version: !ruby/object:Gem::Version
-  version: 15.1.0.beta6
+  version: 15.1.0.rc0
 platform: ruby
 authors:
 - Codevise Solutions Ltd
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-01-29 00:00:00.000000000 Z
+date: 2020-02-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1107,6 +1107,7 @@ files:
 - app/assets/stylesheets/pageflow/editor/blank_entry.scss
 - app/assets/stylesheets/pageflow/editor/change_theme.scss
 - app/assets/stylesheets/pageflow/editor/colors.scss
+- app/assets/stylesheets/pageflow/editor/composables.scss
 - app/assets/stylesheets/pageflow/editor/confirm_encoding.scss
 - app/assets/stylesheets/pageflow/editor/confirm_upload.scss
 - app/assets/stylesheets/pageflow/editor/dialogs.scss
@@ -1607,8 +1608,6 @@ files:
 - config/initializers/zencoder.rb
 - config/locales/de.yml
 - config/locales/en.yml
-- config/locales/new/entry_metadata_configuration.de.yml
-- config/locales/new/entry_metadata_configuration.en.yml
 - config/routes.rb
 - config/spring.rb
 - db/migrate/20140418225525_setup_schema.rb
@@ -1688,6 +1687,8 @@ files:
 - entry_types/scrolled/app/views/pageflow_scrolled/entries/show.html.erb
 - entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_entry.json.jbuilder
 - entry_types/scrolled/app/views/pageflow_scrolled/sections/_section.json.jbuilder
+- entry_types/scrolled/config/locales/new/de.yml
+- entry_types/scrolled/config/locales/new/en.yml
 - entry_types/scrolled/config/routes.rb
 - entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb
 - entry_types/scrolled/lib/pageflow_scrolled.rb

data/config/locales/new/entry_metadata_configuration.de.yml

@@ -1,17 +0,0 @@
-de:
-  activerecord:
-    attributes:
-      pageflow/entry:
-        emphasize_chapter_beginning: "DELETED"
-        emphasize_new_pages: "DELETED"
-        home_button_enabled: "DELETED"
-        home_url: "DELETED"
-        manual_start: "DELETED"
-        overview_button_enabled: "DELETED"
-      pageflow/entry_metadata_configuration:
-        emphasize_chapter_beginning: Kapitelanfang hervorheben
-        emphasize_new_pages: Neue Seiten hervorheben
-        home_button_enabled: Home-Button anzeigen
-        home_url: Home-Button-URL
-        manual_start: Multimedia-Hinweis vor dem Start anzeigen
-        overview_button_enabled: Übersicht-Button anzeigen

data/config/locales/new/entry_metadata_configuration.en.yml

@@ -1,17 +0,0 @@
-en:
-  activerecord:
-    attributes:
-      pageflow/entry:
-        emphasize_chapter_beginning: "DELETED"
-        emphasize_new_pages: "DELETED"
-        home_button_enabled: "DELETED"
-        home_url: "DELETED"
-        manual_start: "DELETED"
-        overview_button_enabled: "DELETED"
-      pageflow/entry_metadata_configuration:
-        emphasize_chapter_beginning: Emphasize chapter beginning
-        emphasize_new_pages: Emphasize new pages
-        home_button_enabled: Show 'Home' button
-        home_url: "'Home' button URL"
-        manual_start: Show instruction overlay
-        overview_button_enabled: Show 'Overview' button