react-morning 0.0.1-security → 1.0.9

package/src/modules/submissions/reducers.js

@@ -0,0 +1,79 @@
+import _pick from 'lodash/pick';
+
+import * as types from './constants';
+
+export function submissions({
+  name,
+  limit = 10,
+  query = {},
+  select = '',
+  sort = '',
+}) {
+  const initialState = {
+    error: '',
+    formId: '',
+    isActive: false,
+    limit,
+    pagination: {
+      numPages: 0,
+      page: 1,
+      total: 0,
+    },
+    query,
+    select,
+    sort,
+    submissions: [],
+  };
+
+  return (state = initialState, action) => {
+    // Only proceed for this submissions.
+    if (action.name !== name) {
+      return state;
+    }
+
+    switch (action.type) {
+      case types.SUBMISSIONS_RESET:
+        return initialState;
+      case types.SUBMISSIONS_REQUEST:
+        return {
+          ...state,
+          ..._pick(action.params, [
+            'limit',
+            'query',
+            'select',
+            'sort',
+          ]),
+          error: '',
+          formId: action.formId,
+          isActive: true,
+          pagination: {
+            ...state.pagination,
+            page: action.page,
+          },
+          submissions: [],
+        };
+      case types.SUBMISSIONS_SUCCESS: {
+        const total = action.submissions.serverCount;
+
+        return {
+          ...state,
+          isActive: false,
+          pagination: {
+            ...state.pagination,
+            numPages: Math.ceil(total / state.limit),
+            total,
+          },
+          submissions: action.submissions,
+        };
+      }
+      case types.SUBMISSIONS_FAILURE:
+        return {
+          ...state,
+          error: action.error,
+          isActive: false,
+        };
+      default:
+        return state;
+    }
+  };
+}

package/src/modules/submissions/selectors.js

@@ -0,0 +1,3 @@
+import {selectRoot} from '../root';
+
+export const selectSubmissions = (name, state) => selectRoot(name, state).submissions;

package/src/types.js

@@ -0,0 +1,89 @@
+import PropTypes from 'prop-types';
+
+export const AllItemsPerPage = 'all';
+
+/**
+ * @typedef Column
+ * @type {object}
+ * @property {string} key
+ * @property {(boolean|string|Function)} sort
+ * @property {string} title
+ * @property {Function} value
+ * @property {number} width
+ */
+
+/**
+ * @constant
+ * @type {Column}
+ */
+export const Column = PropTypes.shape({
+  key: PropTypes.string.isRequired,
+  sort: PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.string,
+    PropTypes.func,
+  ]),
+  title: PropTypes.string,
+  value: PropTypes.func,
+  width: PropTypes.number,
+});
+
+/**
+ * @constant
+ * @type {Column[]}
+ */
+export const Columns = PropTypes.arrayOf(Column);
+
+/**
+ * @typedef Operation
+ * @type {object}
+ * @property {string} [action]
+ * @property {string} [buttonType]
+ * @property {string} [icon]
+ * @property {Function} [permissionsResolver]
+ * @property {string} [title]
+ */
+
+/**
+ * @constant
+ * @type {Operation}
+ */
+export const Operation = PropTypes.shape({
+  action: PropTypes.string.isRequired,
+  buttonType: PropTypes.string,
+  icon: PropTypes.string,
+  permissionsResolver: PropTypes.func,
+  title: PropTypes.string,
+});
+
+/**
+ * @constant
+ * @type {Operation[]}
+ */
+export const Operations = PropTypes.arrayOf(Operation);
+
+/**
+ * @typedef LabelValue
+ * @type {object}
+ * @property {string} label
+ * @property {number} value
+ */
+
+/**
+ * @constant
+ * @type {(number|LabelValue)}
+ */
+export const PageSize = PropTypes.oneOfType([
+  PropTypes.number,
+  PropTypes.shape({
+    label: PropTypes.string,
+    value: PropTypes.number,
+  }),
+  PropTypes.oneOf([AllItemsPerPage]),
+]);
+
+/**
+ * @constant
+ * @type {PageSize[]}
+ */
+export const PageSizes = PropTypes.arrayOf(PageSize);

package/src/utils.js

@@ -0,0 +1,56 @@
+import {Components} from 'formiojs';
+import _get from 'lodash/get';
+
+export const getComponentDefaultColumn = (component) => ({
+  component: Components.create(component, null, null, true),
+  key: `data.${component.key}`,
+  sort: true,
+  title: component.label || component.title || component.key,
+  value(submission) {
+    const cellValue = _get(submission, this.key, null);
+
+    if (cellValue === null) {
+      return '';
+    }
+
+    const rendered = this.component.asString(cellValue);
+    if (cellValue !== rendered) {
+      return {
+        content: rendered,
+        isHtml: true,
+      };
+    }
+
+    return cellValue;
+  },
+});
+
+/**
+ * @param {import('./types').Column[]} columns
+ */
+export function setColumnsWidth(columns) {
+  if (columns.length > 6) {
+    columns.forEach((column) => {
+      column.width = 2;
+    });
+  }
+  else {
+    const columnsAmount = columns.length;
+    const rowWidth = 12;
+    const basewidth = Math.floor(rowWidth / columnsAmount);
+    const remainingWidth = rowWidth - basewidth * columnsAmount;
+
+    columns.forEach((column, index) => {
+      column.width = (index < remainingWidth) ? (basewidth + 1) : basewidth;
+    });
+  }
+}
+
+/**
+ * @param {Function} fn
+ * @returns {(function(*): void)|*}
+ */
+export const stopPropagationWrapper = (fn) => (event) => {
+  event.stopPropagation();
+  fn();
+};

package/test/.eslintrc

@@ -0,0 +1,10 @@
+{
+  "plugins": [
+    "mocha"
+  ],
+  "env": {
+    "mocha": true,
+    "browser": true,
+    "es6": true
+  }
+}