@k-int/stripes-kint-components 2.0.0 → 2.0.1

package/es/artifacts/coverage-jest/lcov-report/sorter.js

@@ -0,0 +1,238 @@
+"use strict";
+
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+
+/* eslint-disable */
+var addSorting = function () {
+  'use strict';
+
+  var cols,
+      currentSort = {
+    index: 0,
+    desc: false
+  }; // returns the summary table element
+
+  function getTable() {
+    return document.querySelector('.coverage-summary');
+  } // returns the thead element of the summary table
+
+
+  function getTableHeader() {
+    return getTable().querySelector('thead tr');
+  } // returns the tbody element of the summary table
+
+
+  function getTableBody() {
+    return getTable().querySelector('tbody');
+  } // returns the th element for nth column
+
+
+  function getNthColumn(n) {
+    return getTableHeader().querySelectorAll('th')[n];
+  }
+
+  function onFilterInput() {
+    var searchValue = document.getElementById('fileSearch').value;
+    var rows = document.getElementsByTagName('tbody')[0].children;
+
+    for (var i = 0; i < rows.length; i++) {
+      var row = rows[i];
+
+      if (row.textContent.toLowerCase().includes(searchValue.toLowerCase())) {
+        row.style.display = '';
+      } else {
+        row.style.display = 'none';
+      }
+    }
+  } // loads the search box
+
+
+  function addSearchBox() {
+    var template = document.getElementById('filterTemplate');
+    var templateClone = template.content.cloneNode(true);
+    templateClone.getElementById('fileSearch').oninput = onFilterInput;
+    template.parentElement.appendChild(templateClone);
+  } // loads all columns
+
+
+  function loadColumns() {
+    var colNodes = getTableHeader().querySelectorAll('th'),
+        colNode,
+        cols = [],
+        col,
+        i;
+
+    for (i = 0; i < colNodes.length; i += 1) {
+      colNode = colNodes[i];
+      col = {
+        key: colNode.getAttribute('data-col'),
+        sortable: !colNode.getAttribute('data-nosort'),
+        type: colNode.getAttribute('data-type') || 'string'
+      };
+      cols.push(col);
+
+      if (col.sortable) {
+        col.defaultDescSort = col.type === 'number';
+        colNode.innerHTML = colNode.innerHTML + '<span class="sorter"></span>';
+      }
+    }
+
+    return cols;
+  } // attaches a data attribute to every tr element with an object
+  // of data values keyed by column name
+
+
+  function loadRowData(tableRow) {
+    var tableCols = tableRow.querySelectorAll('td'),
+        colNode,
+        col,
+        data = {},
+        i,
+        val;
+
+    for (i = 0; i < tableCols.length; i += 1) {
+      colNode = tableCols[i];
+      col = cols[i];
+      val = colNode.getAttribute('data-value');
+
+      if (col.type === 'number') {
+        val = Number(val);
+      }
+
+      data[col.key] = val;
+    }
+
+    return data;
+  } // loads all row data
+
+
+  function loadData() {
+    var rows = getTableBody().querySelectorAll('tr'),
+        i;
+
+    for (i = 0; i < rows.length; i += 1) {
+      rows[i].data = loadRowData(rows[i]);
+    }
+  } // sorts the table using the data for the ith column
+
+
+  function sortByIndex(index, desc) {
+    var key = cols[index].key,
+        sorter = function sorter(a, b) {
+      a = a.data[key];
+      b = b.data[key];
+      return a < b ? -1 : a > b ? 1 : 0;
+    },
+        finalSorter = sorter,
+        tableBody = document.querySelector('.coverage-summary tbody'),
+        rowNodes = tableBody.querySelectorAll('tr'),
+        rows = [],
+        i;
+
+    if (desc) {
+      finalSorter = function finalSorter(a, b) {
+        return -1 * sorter(a, b);
+      };
+    }
+
+    for (i = 0; i < rowNodes.length; i += 1) {
+      rows.push(rowNodes[i]);
+      tableBody.removeChild(rowNodes[i]);
+    }
+
+    rows.sort(finalSorter);
+
+    for (i = 0; i < rows.length; i += 1) {
+      tableBody.appendChild(rows[i]);
+    }
+  } // removes sort indicators for current column being sorted
+
+
+  function removeSortIndicators() {
+    var col = getNthColumn(currentSort.index),
+        cls = col.className;
+    cls = cls.replace(/ sorted$/, '').replace(/ sorted-desc$/, '');
+    col.className = cls;
+  } // adds sort indicators for current column being sorted
+
+
+  function addSortIndicators() {
+    getNthColumn(currentSort.index).className += currentSort.desc ? ' sorted-desc' : ' sorted';
+  } // adds event listeners for all sorter widgets
+
+
+  function enableUI() {
+    var i,
+        el,
+        ithSorter = function ithSorter(i) {
+      var col = cols[i];
+      return function () {
+        var desc = col.defaultDescSort;
+
+        if (currentSort.index === i) {
+          desc = !currentSort.desc;
+        }
+
+        sortByIndex(i, desc);
+        removeSortIndicators();
+        currentSort.index = i;
+        currentSort.desc = desc;
+        addSortIndicators();
+      };
+    };
+
+    for (i = 0; i < cols.length; i += 1) {
+      if (cols[i].sortable) {
+        // add the click event handler on the th so users
+        // dont have to click on those tiny arrows
+        el = getNthColumn(i).querySelector('.sorter').parentElement;
+
+        if (el.addEventListener) {
+          el.addEventListener('click', ithSorter(i));
+        } else {
+          el.attachEvent('onclick', ithSorter(i));
+        }
+      }
+    }
+  } // adds sorting functionality to the UI
+
+
+  return function () {
+    if (!getTable()) {
+      return;
+    }
+
+    cols = loadColumns();
+    loadData();
+    addSearchBox();
+    addSortIndicators();
+    enableUI();
+  };
+}();
+
+window.addEventListener('load', addSorting);
+;
+
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+
+  if (!reactHotLoader) {
+    return;
+  }
+
+  reactHotLoader.register(addSorting, "addSorting", "/home/ethan/FolioModules/stripes-kint-components/src/artifacts/coverage-jest/lcov-report/sorter.js");
+})();
+
+;
+
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/es/lib/ActionList/ActionListFieldArray.js

@@ -172,6 +172,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           buttonStyle: "primary",
           disabled: submitting || pristine,
+          marginBottom0: true,
           onClick: function onClick() {
             if (!data.id && editing === 'NEW_ROW') {
               handleCreate(data.rowIndex);
@@ -186,6 +187,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
           })
         }, "save[".concat(data.rowIndex, "]")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           "data-type-button": "cancel",
+          marginBottom0: true,
           onClick: function onClick() {
             if (!data.id && editing === 'NEW_ROW') {
               fields.remove(data.rowIndex);
@@ -222,6 +224,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.IconButton, {
             disabled: editing,
             icon: action.icon,
+            marginBottom0: true,
             onClick: actionFunction
           }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
         } // Else return a button with the label, or failing that the name of the action
@@ -229,6 +232,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
 
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           disabled: editing,
+          marginBottom0: true,
           onClick: actionFunction,
           children: (_action$label = action.label) !== null && _action$label !== void 0 ? _action$label : action.name
         }, "action-".concat(action.name, "[").concat(data.rowIndex, "]"));
@@ -313,7 +317,7 @@ var ActionListFieldArray = function ActionListFieldArray(_ref) {
 
         var returnValue = cd[key];
 
-        if (!editingRow && formatter[key]) {
+        if (!editingRow && formatter !== null && formatter !== void 0 && formatter[key]) {
           returnValue = formatter[key](cd);
         }
 

package/es/lib/CustomProperties/Config/CustomPropertiesSettings.js

@@ -231,7 +231,12 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
         weight: 0,
         primary: true,
         defaultInternal: true
-      } : customProperty,
+      } : _objectSpread(_objectSpread({}, customProperty), {}, {
+        ctx: customProperty !== null && customProperty !== void 0 && customProperty.ctx ? [{
+          value: customProperty.ctx,
+          label: customProperty.ctx
+        }] : null
+      }),
       modalProps: {
         dismissible: true,
         onClose: function onClose() {

package/es/lib/CustomProperties/Config/CustomPropertyForm.js

@@ -243,6 +243,9 @@ var CustomPropertyForm = function CustomPropertyForm(_ref) {
           }],
           component: _components.MultiSelection,
           dataOptions: contextOptions,
+          emptyMessage: intl.formatMessage({
+            id: 'stripes-kint-components.customProperties.noCtxFound'
+          }),
           label: (_labelOverrides$ctx = labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.ctx) !== null && _labelOverrides$ctx !== void 0 ? _labelOverrides$ctx : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
             id: "stripes-kint-components.customProperties.ctx"
           }),

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -115,7 +115,6 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
   if (isRefdataLoading) {
     return 'loading';
   } // This is the function which will take a row in the table and assign the relevant actions to it
-  // TODO make these 'labels' into ARIA labels
 
 
   var actionAssigner = function actionAssigner() {

package/junit.xml

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<testsuites name="jest tests" tests="34" failures="0" errors="0" time="18.817">
+  <testsuite name="RenderSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-03-08T11:38:31" time="12.657" tests="12">
+    <testcase classname="RenderSettingValue render string settings render a string setting renders the value" name="RenderSettingValue render string settings render a string setting renders the value" time="0.038">
+    </testcase>
+    <testcase classname="RenderSettingValue render string settings render a string setting without a value renders the default value" name="RenderSettingValue render string settings render a string setting without a value renders the default value" time="0.004">
+    </testcase>
+    <testcase classname="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" name="RenderSettingValue render string settings render a string setting without a value or default renders the empty message" time="0.005">
+    </testcase>
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting renders the value" name="RenderSettingValue render refdata settings render a refdata setting renders the value" time="0.004">
+    </testcase>
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" name="RenderSettingValue render refdata settings render a refdata setting without a value renders the default value" time="0.004">
+    </testcase>
+    <testcase classname="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" name="RenderSettingValue render refdata settings render a refdata setting without a value or default renders the empty message" time="0.002">
+    </testcase>
+    <testcase classname="RenderSettingValue render password settings render a password setting renders the value" name="RenderSettingValue render password settings render a password setting renders the value" time="0.004">
+    </testcase>
+    <testcase classname="RenderSettingValue render password settings render a password setting without a value renders the default value" name="RenderSettingValue render password settings render a password setting without a value renders the default value" time="0.004">
+    </testcase>
+    <testcase classname="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" name="RenderSettingValue render password settings render a password setting without a value or default renders the empty message" time="0.003">
+    </testcase>
+    <testcase classname="RenderSettingValue render template settings render a template setting renders the value" name="RenderSettingValue render template settings render a template setting renders the value" time="0.003">
+    </testcase>
+    <testcase classname="RenderSettingValue render template settings render a template setting without a value renders the default value" name="RenderSettingValue render template settings render a template setting without a value renders the default value" time="0.003">
+    </testcase>
+    <testcase classname="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" name="RenderSettingValue render template settings render a template setting without a value or default renders the empty message" time="0.004">
+    </testcase>
+  </testsuite>
+  <testsuite name="EditableSettingsListFieldArray" errors="0" failures="0" skipped="0" timestamp="2022-03-08T11:38:31" time="13.026" tests="3">
+    <testcase classname="EditableSettingsListFieldArray with empty initial values renders empty field" name="EditableSettingsListFieldArray with empty initial values renders empty field" time="0.052">
+    </testcase>
+    <testcase classname="EditableSettingsListFieldArray with initial value set renders the SettingField component" name="EditableSettingsListFieldArray with initial value set renders the SettingField component" time="0.012">
+    </testcase>
+    <testcase classname="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" name="EditableSettingsListFieldArray with multiple initial values set renders the correct number of SettingField components" time="0.01">
+    </testcase>
+  </testsuite>
+  <testsuite name="EditSettingValue" errors="0" failures="0" skipped="0" timestamp="2022-03-08T11:38:31" time="14.589" tests="16">
+    <testcase classname="EditSettingValue edit string setting with no initial value renders the edit field" name="EditSettingValue edit string setting with no initial value renders the edit field" time="0.109">
+    </testcase>
+    <testcase classname="EditSettingValue edit string setting with initial value renders the expected value in the edit field" name="EditSettingValue edit string setting with initial value renders the expected value in the edit field" time="0.03">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.174">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" name="EditSettingValue edit refdata setting with no initial value for refdata with &lt;4 options no radio buttons are checked" time="0.173">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options renders the expected radio buttons" time="0.124">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" name="EditSettingValue edit refdata setting with initial value for refdata with &lt;4 options the correct radio button is checked" time="0.137">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected select field" time="0.025">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with no initial value for refdata with &gt;4 options renders the expected refdata options" time="0.232">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected refdata options" time="0.239">
+    </testcase>
+    <testcase classname="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" name="EditSettingValue edit refdata setting with initial value for refdata with &gt;4 options renders the expected value in the refdata dropdown" time="0.022">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with no initial value renders the edit field" name="EditSettingValue edit template setting with no initial value renders the edit field" time="0.023">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with no initial value renders the expected template options" name="EditSettingValue edit template setting with no initial value renders the expected template options" time="0.075">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with no initial value renders expected display item in template dropdown" time="0.017">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with initial value renders the edit field" name="EditSettingValue edit template setting with initial value renders the edit field" time="0.021">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with initial value renders the expected template options" name="EditSettingValue edit template setting with initial value renders the expected template options" time="0.082">
+    </testcase>
+    <testcase classname="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" name="EditSettingValue edit template setting with initial value renders expected display item in template dropdown" time="0.022">
+    </testcase>
+  </testsuite>
+  <testsuite name="SettingField" errors="0" failures="0" skipped="0" timestamp="2022-03-08T11:38:31" time="14.765" tests="3">
+    <testcase classname="SettingField renders RenderSettingValue" name="SettingField renders RenderSettingValue" time="0.05">
+    </testcase>
+    <testcase classname="SettingField renders the edit button" name="SettingField renders the edit button" time="0.008">
+    </testcase>
+    <testcase classname="SettingField clicking edit/save works as expected" name="SettingField clicking edit/save works as expected" time="0.138">
+    </testcase>
+  </testsuite>
+</testsuites>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"
@@ -62,7 +62,7 @@
     "react": "^16.6.3",
     "react-dom": "^16.6.3",
     "react-router-dom": "^5.2.0",
-    "@folio/stripes": ">=7.0.3",
+    "@folio/stripes": "^7.0.3",
     "react-intl": ">=5.8.1",
     "regenerator-runtime": "^0.13.9"
   },