lcms-engine 0.3.1 → 0.4.1

data/app/javascript/components/paginate/PaginationBoxView.jsx

@@ -1,75 +1,83 @@
 // from https://github.com/AdeleD/react-paginate (converted)
 
-import React from 'react'
-import PropTypes from 'prop-types'
-import PaginationListView from './PaginationListView'
-import classNames from 'classnames'
+import React from 'react';
+import PropTypes from 'prop-types';
+import PaginationListView from './PaginationListView';
+import classNames from 'classnames';
 
 class PaginationBoxView extends React.Component {
   constructor(props) {
-    super(props)
+    super(props);
 
     this.state = {
       selected: props.initialSelected ? props.initialSelected : 0,
-    }
+    };
+
+    this.handlePageSelected = this.handlePageSelected.bind(this);
+    this.handlePreviousPage = this.handlePreviousPage.bind(this);
+    this.handleNextPage = this.handleNextPage.bind(this);
   }
 
   componentDidMount() {
     // Call the callback with the initialSelected item:
-    if (typeof(this.props.initialSelected) !== 'undefined') {
+    if (typeof this.props.initialSelected !== 'undefined') {
       //this.callCallback(this.props.initialSelected);
     }
   }
 
   handlePreviousPage(evt) {
-    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false)
+    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
     if (this.state.selected > 0) {
-      this.handlePageSelected(this.state.selected - 1, evt)
+      this.handlePageSelected(this.state.selected - 1, evt);
     }
   }
 
   handleNextPage(evt) {
-    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false)
+    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
     if (this.state.selected < this.props.pageNum - 1) {
-      this.handlePageSelected(this.state.selected + 1, evt)
+      this.handlePageSelected(this.state.selected + 1, evt);
     }
   }
 
   handlePageSelected(selected, evt) {
-    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false)
+    evt.preventDefault ? evt.preventDefault() : (evt.returnValue = false);
 
-    if (this.state.selected === selected) return
+    if (this.state.selected === selected) return;
 
-    this.setState({ selected: selected })
+    this.setState({ selected: selected });
 
     // Call the callback with the new selected item:
-    this.callCallback(selected)
+    this.callCallback(selected);
   }
 
   callCallback(selectedItem) {
-    if (typeof(this.props.clickCallback) !== 'undefined' &&
-        typeof(this.props.clickCallback) === 'function') {
-      this.props.clickCallback({ selected: selectedItem })
+    if (typeof this.props.clickCallback !== 'undefined' && typeof this.props.clickCallback === 'function') {
+      this.props.clickCallback({ selected: selectedItem });
     }
   }
 
   render() {
-    const previousClasses = classNames(this.props.itemClassName, this.props.previousClassName,
-      { [`${this.props.itemClassName}--disabled`]: this.state.selected === 0 })
+    const previousClasses = classNames(this.props.itemClassName, this.props.previousClassName, {
+      [`${this.props.itemClassName}--disabled`]: this.state.selected === 0,
+    });
 
-    const nextClasses = classNames(this.props.itemClassName, this.props.nextClassName,
-      { [`${this.props.itemClassName}--disabled`]: this.state.selected === this.props.pageNum - 1 })
+    const nextClasses = classNames(this.props.itemClassName, this.props.nextClassName, {
+      [`${this.props.itemClassName}--disabled`]: this.state.selected === this.props.pageNum - 1,
+    });
 
+    /* eslint-disable jsx-a11y/anchor-is-valid */
     return (
       <ul className={this.props.containerClassName}>
-        <li onClick={this.handlePreviousPage.bind(this)} className={previousClasses}>
-          <a href="" className={this.props.previousLinkClassName}>{this.props.previousLabel}</a>
+        <li onClick={this.handlePreviousPage} className={previousClasses}>
+          <a href="" className={this.props.previousLinkClassName}>
+            {this.props.previousLabel}
+          </a>
         </li>
 
         <li className={classNames(this.props.itemClassName, this.props.pagesClassName)}>
           <PaginationListView
             // eslint-disable-next-line react/jsx-no-bind
-            onPageSelected={this.handlePageSelected.bind(this)}
+            onPageSelected={this.handlePageSelected}
             selected={this.state.selected}
             pageNum={this.props.pageNum}
             pageRangeDisplayed={this.props.pageRangeDisplayed}
@@ -79,58 +87,62 @@ class PaginationBoxView extends React.Component {
             pageClassName={this.props.pageClassName}
             pageLinkClassName={this.props.pageLinkClassName}
             activeClassName={this.props.activeClassName}
-            disabledClassName={this.props.disabledClassName} />
+            disabledClassName={this.props.disabledClassName}
+          />
         </li>
 
-        <li onClick={this.handleNextPage.bind(this)} className={nextClasses}>
-          <a href="" className={this.props.nextLinkClassName}>{this.props.nextLabel}</a>
+        <li onClick={this.handleNextPage} className={nextClasses}>
+          <a href="" className={this.props.nextLinkClassName}>
+            {this.props.nextLabel}
+          </a>
         </li>
       </ul>
-    )
+    );
+    /* eslint-enable jsx-a11y/anchor-is-valid */
   }
 
-  componentWillReceiveProps(nextProps) {
+  UNSAFE_componentWillReceiveProps(nextProps) {
     if (typeof nextProps.forceSelected !== 'undefined' && nextProps.forceSelected !== this.state.selected) {
-      this.setState({ selected: nextProps.forceSelected })
+      this.setState({ selected: nextProps.forceSelected });
     }
   }
 }
 
 PaginationBoxView.propTypes = {
-  pageNum               : PropTypes.number.isRequired,
-  pageRangeDisplayed    : PropTypes.number.isRequired,
-  marginPagesDisplayed  : PropTypes.number.isRequired,
-  previousLabel         : PropTypes.node,
-  nextLabel             : PropTypes.node,
-  breakLabel            : PropTypes.node,
-  clickCallback         : PropTypes.func,
-  initialSelected       : PropTypes.number,
-  forceSelected         : PropTypes.number,
-  containerClassName    : PropTypes.string,
-  subContainerClassName : PropTypes.string,
-  pagesClassName        : PropTypes.string,
-  pageClassName         : PropTypes.string,
-  pageLinkClassName     : PropTypes.string,
-  activeClassName       : PropTypes.string,
-  previousClassName     : PropTypes.string,
-  nextClassName         : PropTypes.string,
-  itemClassName         : PropTypes.string,
-  previousLinkClassName : PropTypes.string,
-  nextLinkClassName     : PropTypes.string,
-  disabledClassName     : PropTypes.string,
-}
+  pageNum: PropTypes.number.isRequired,
+  pageRangeDisplayed: PropTypes.number.isRequired,
+  marginPagesDisplayed: PropTypes.number.isRequired,
+  previousLabel: PropTypes.node,
+  nextLabel: PropTypes.node,
+  breakLabel: PropTypes.node,
+  clickCallback: PropTypes.func,
+  initialSelected: PropTypes.number,
+  forceSelected: PropTypes.number,
+  containerClassName: PropTypes.string,
+  subContainerClassName: PropTypes.string,
+  pagesClassName: PropTypes.string,
+  pageClassName: PropTypes.string,
+  pageLinkClassName: PropTypes.string,
+  activeClassName: PropTypes.string,
+  previousClassName: PropTypes.string,
+  nextClassName: PropTypes.string,
+  itemClassName: PropTypes.string,
+  previousLinkClassName: PropTypes.string,
+  nextLinkClassName: PropTypes.string,
+  disabledClassName: PropTypes.string,
+};
 
 PaginationBoxView.defaultProps = {
-  pageNum              : 10,
-  pageRangeDisplayed   : 2,
-  marginPagesDisplayed : 3,
-  activeClassName      : 'selected',
-  previousClassName    : 'previous',
-  nextClassName        : 'next',
-  previousLabel        : 'Previous',
-  nextLabel            : 'Next',
-  breakLabel           : '...',
-  disabledClassName    : 'disabled',
-}
-
-export default PaginationBoxView
+  pageNum: 10,
+  pageRangeDisplayed: 2,
+  marginPagesDisplayed: 3,
+  activeClassName: 'selected',
+  previousClassName: 'previous',
+  nextClassName: 'next',
+  previousLabel: 'Previous',
+  nextLabel: 'Next',
+  breakLabel: '...',
+  disabledClassName: 'disabled',
+};
+
+export default PaginationBoxView;

data/app/javascript/components/paginate/PaginationListView.jsx

@@ -1,96 +1,110 @@
 // from https://github.com/AdeleD/react-paginate (converted)
 
-import React from 'react'
-import PageView from './PageView'
+import React from 'react';
+import PageView from './PageView';
+import PropTypes from 'prop-types';
 
 class PaginationListView extends React.Component {
   lessPageRangeItems() {
-    let result = {}
+    let result = {};
     for (let index = 0; index < this.props.pageNum; index++) {
-      result['key' + index] = this.pageViewElement(index)
+      result['key' + index] = this.pageViewElement(index);
     }
-    return result
+    return result;
   }
 
   pageViewElement(index) {
-    return (<PageView
-      // eslint-disable-next-line react/jsx-no-bind
-      onClick={this.props.onPageSelected.bind(null, index)}
-      selected={this.props.selected === index}
-      pageClassName={this.props.pageClassName}
-      pageLinkClassName={this.props.pageLinkClassName}
-      activeClassName={this.props.activeClassName}
-      page={index + 1} />)
+    return (
+      <PageView
+        // eslint-disable-next-line react/jsx-no-bind
+        onClick={this.props.onPageSelected.bind(null, index)}
+        selected={this.props.selected === index}
+        pageClassName={this.props.pageClassName}
+        pageLinkClassName={this.props.pageLinkClassName}
+        activeClassName={this.props.activeClassName}
+        page={index + 1}
+      />
+    );
   }
 
   render() {
-    let items = {}
+    let items = {};
 
     if (this.props.pageNum <= this.props.pageRangeDisplayed) {
-      items = this.lessPageRangeItems()
+      items = this.lessPageRangeItems();
     } else {
-      let leftSide  = (this.props.pageRangeDisplayed / 2)
-      let rightSide = (this.props.pageRangeDisplayed - leftSide)
+      let leftSide = this.props.pageRangeDisplayed / 2;
+      let rightSide = this.props.pageRangeDisplayed - leftSide;
 
       if (this.props.selected > this.props.pageNum - this.props.pageRangeDisplayed / 2) {
-        rightSide = this.props.pageNum - this.props.selected
-        leftSide  = this.props.pageRangeDisplayed - rightSide
-      }
-      else if (this.props.selected < this.props.pageRangeDisplayed / 2) {
-        leftSide  = this.props.selected
-        rightSide = this.props.pageRangeDisplayed - leftSide
+        rightSide = this.props.pageNum - this.props.selected;
+        leftSide = this.props.pageRangeDisplayed - rightSide;
+      } else if (this.props.selected < this.props.pageRangeDisplayed / 2) {
+        leftSide = this.props.selected;
+        rightSide = this.props.pageRangeDisplayed - leftSide;
       }
 
-      let index
-      let page
+      let index;
+      let page;
 
       for (index = 0; index < this.props.pageNum; index++) {
-        page = index + 1
-        const pageView = this.pageViewElement(index)
+        page = index + 1;
+        const pageView = this.pageViewElement(index);
 
         if (page <= this.props.marginPagesDisplayed) {
-          items['key' + index] = pageView
-          continue
+          items['key' + index] = pageView;
+          continue;
         }
 
         if (page > this.props.pageNum - this.props.marginPagesDisplayed) {
-          items['key' + index] = pageView
-          continue
+          items['key' + index] = pageView;
+          continue;
         }
 
-        if ((index >= this.props.selected - leftSide) && (index <= this.props.selected + rightSide)) {
-          items['key' + index] = pageView
-          continue
+        if (index >= this.props.selected - leftSide && index <= this.props.selected + rightSide) {
+          items['key' + index] = pageView;
+          continue;
         }
 
-        let keys            = Object.keys(items)
-        let breakLabelKey   = keys[keys.length - 1]
-        let breakLabelValue = items[breakLabelKey]
+        let keys = Object.keys(items);
+        let breakLabelKey = keys[keys.length - 1];
+        let breakLabelValue = items[breakLabelKey];
 
         if (breakLabelValue !== this.props.breakLabel) {
-          items['key' + index] = this.props.breakLabel
+          items['key' + index] = this.props.breakLabel;
         }
       }
     }
 
-    let itemsToRender = []
+    let itemsToRender = [];
     for (let key in Object.keys(items)) {
       itemsToRender.push({
         key: key,
         value: items[key],
-      })
+      });
     }
 
     return (
       <ul className={this.props.subContainerClassName}>
         {itemsToRender.map(item => (
-          <React.Fragment key={item.key}>
-            {item.value}
-          </React.Fragment>
+          <React.Fragment key={item.key}>{item.value}</React.Fragment>
         ))}
       </ul>
-    )
+    );
   }
 }
 
-export default PaginationListView
+PaginationListView.propTypes = {
+  pageNum: PropTypes.number.isRequired,
+  onPageSelected: PropTypes.func.isRequired,
+  selected: PropTypes.number.isRequired,
+  pageClassName: PropTypes.string,
+  pageLinkClassName: PropTypes.string,
+  activeClassName: PropTypes.string,
+  pageRangeDisplayed: PropTypes.number.isRequired,
+  marginPagesDisplayed: PropTypes.number.isRequired,
+  breakLabel: PropTypes.node,
+  subContainerClassName: PropTypes.string,
+};
+
+export default PaginationListView;

data/app/javascript/packs/lcms_engine_admin.js

@@ -0,0 +1,15 @@
+import Initializer from '../components/admin/Initializer';
+
+document.addEventListener('turbolinks:load', () => {
+  Initializer.initializeResourcesForm();
+  Initializer.initializeResourcesList();
+  Initializer.initializeSelectAll();
+});
+
+// Support component names relative to this directory:
+// eslint-disable-next-line no-undef
+const componentRequireContext = require.context('components', true);
+// eslint-disable-next-line no-undef
+const ReactRailsUJS = require('react_ujs');
+// eslint-disable-next-line react-hooks/rules-of-hooks
+ReactRailsUJS.useContext(componentRequireContext);

data/app/javascript/packs/{application.js → lcms_engine_application.js}

@@ -16,9 +16,10 @@
 
 // Support component names relative to this directory:
 // eslint-disable-next-line no-undef
-const componentRequireContext = require.context('components', true)
+const componentRequireContext = require.context('components', true);
 // eslint-disable-next-line no-undef
-const ReactRailsUJS = require('react_ujs')
-ReactRailsUJS.useContext(componentRequireContext)
+const ReactRailsUJS = require('react_ujs');
+// eslint-disable-next-line react-hooks/rules-of-hooks
+ReactRailsUJS.useContext(componentRequireContext);
 
-console.debug('Hello World from Webpacker FROM INSIDE `lcms-engine` gem!')
+console.debug('Hello World from Webpacker FROM INSIDE `lcms-engine` gem!');

data/app/javascript/packs/server_rendering.js

@@ -2,4 +2,5 @@
 // It must expose react_ujs as `ReactRailsUJS` and prepare a require context.
 const componentRequireContext = require.context('components', true);
 const ReactRailsUJS = require('react_ujs');
+// eslint-disable-next-line react-hooks/rules-of-hooks
 ReactRailsUJS.useContext(componentRequireContext);