@k-int/stripes-kint-components 1.6.0 → 1.7.1

package/es/lib/EditableRefdataList/EditableRefdataList.js

@@ -1,101 +1,59 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactIntl = require("react-intl");
-
 var _hooks = require("../hooks");
-
 var _ActionList = _interopRequireDefault(require("../ActionList"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_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 _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var propTypes = {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const propTypes = {
   desc: _propTypes.default.string,
   refdataEndpoint: _propTypes.default.string
 };
-
-var EditableRefdataList = function EditableRefdataList(_ref) {
-  var desc = _ref.desc,
-      refdataEndpoint = _ref.refdataEndpoint;
-
+const EditableRefdataList = _ref => {
+  let {
+    desc,
+    refdataEndpoint
+  } = _ref;
   /* A component that allows for editing of refdata values */
+
   // fetch refdata values
-  var _useRefdata = (0, _hooks.useRefdata)({
-    desc: desc,
+  const {
+    data: {
+      0: refdata
+    } = {},
+    isLoading: isRefdataLoading
+  } = (0, _hooks.useRefdata)({
+    desc,
     endpoint: refdataEndpoint,
     returnQueryObject: true
-  }),
-      _useRefdata$data = _useRefdata.data;
-
-  _useRefdata$data = _useRefdata$data === void 0 ? {} : _useRefdata$data;
-  var refdata = _useRefdata$data[0],
-      isRefdataLoading = _useRefdata.isLoading;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      contentData = _useState2[0],
-      setContentData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
+  });
+  const [contentData, setContentData] = (0, _react.useState)([]);
+  const sortByLabel = (a, b) => a.label.localeCompare(b.label);
+  (0, _react.useEffect)(() => {
     if (!isRefdataLoading) {
-      var _refdata$values;
-
-      setContentData((_refdata$values = refdata === null || refdata === void 0 ? void 0 : refdata.values) !== null && _refdata$values !== void 0 ? _refdata$values : []);
+      setContentData(refdata?.values?.sort(sortByLabel) ?? []);
     }
-  }, [isRefdataLoading, refdata]); // Edit and Create will use the same PUT mutation
+  }, [isRefdataLoading, refdata]);
 
-  var _useMutateRefdataValu = (0, _hooks.useMutateRefdataValue)({
+  // Edit and Create will use the same PUT mutation
+  const {
+    delete: deleteRefdataValue,
+    put: editRefdataValue
+  } = (0, _hooks.useMutateRefdataValue)({
     afterQueryCalls: {
-      delete: function _delete(json) {
-        var _json$values;
-
-        return setContentData((_json$values = json === null || json === void 0 ? void 0 : json.values) !== null && _json$values !== void 0 ? _json$values : []);
-      },
-      put: function put(json) {
-        var _json$values2;
-
-        return setContentData((_json$values2 = json === null || json === void 0 ? void 0 : json.values) !== null && _json$values2 !== void 0 ? _json$values2 : []);
-      }
+      delete: json => setContentData(json?.values?.sort(sortByLabel) ?? []),
+      put: json => setContentData(json?.values?.sort(sortByLabel) ?? [])
     },
     endpoint: refdataEndpoint,
-    id: refdata === null || refdata === void 0 ? void 0 : refdata.id,
+    id: refdata?.id,
     queryParams: {
       delete: {
         enabled: !!refdata
@@ -104,26 +62,22 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
         enabled: !!refdata
       }
     }
-  }),
-      deleteRefdataValue = _useMutateRefdataValu.delete,
-      editRefdataValue = _useMutateRefdataValu.put;
-
+  });
   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() {
-    var actionArray = [{
+  // 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
+  const actionAssigner = () => {
+    const actionArray = [{
       name: 'edit',
       label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
         id: "stripes-kint-components.editableRefdataList.edit"
       }),
       icon: 'edit'
     }];
-
-    if (!(refdata !== null && refdata !== void 0 && refdata.internal)) {
+    if (!refdata?.internal) {
       actionArray.push({
         name: 'delete',
         label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
@@ -132,20 +86,12 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
         icon: 'trash'
       });
     }
-
     return actionArray;
   };
-
-  var actionCalls = {
-    create: refdata !== null && refdata !== void 0 && refdata.internal ? null : function (data) {
-      return editRefdataValue(data);
-    },
-    edit: function edit(data) {
-      return editRefdataValue(data);
-    },
-    delete: function _delete(data) {
-      return deleteRefdataValue(data.id);
-    }
+  const actionCalls = {
+    create: refdata?.internal ? null : data => editRefdataValue(data),
+    edit: data => editRefdataValue(data),
+    delete: data => deleteRefdataValue(data.id)
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ActionList.default, {
     actionAssigner: actionAssigner,
@@ -159,41 +105,16 @@ var EditableRefdataList = function EditableRefdataList(_ref) {
       })
     },
     contentData: contentData,
+    creatableFields: {
+      value: () => false
+    },
     editableFields: {
-      value: function value() {
-        return !(refdata !== null && refdata !== void 0 && refdata.internal);
-      }
+      value: () => false
     },
-    visibleFields: ['label', 'value'] // TODO add a field validator/fieldType as options?
-
+    visibleFields: ['label', 'value']
+    // TODO add a field validator/fieldType as options?
   });
 };
 
-__signature__(EditableRefdataList, "useRefdata{{ data: { 0: refdata } = {}, isLoading: isRefdataLoading }}\nuseState{[contentData, setContentData]([])}\nuseEffect{}\nuseMutateRefdataValue{{ delete: deleteRefdataValue, put: editRefdataValue }}", function () {
-  return [_hooks.useRefdata, _hooks.useMutateRefdataValue];
-});
-
 EditableRefdataList.propTypes = propTypes;
-var _default = EditableRefdataList;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(propTypes, "propTypes", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableRefdataList/EditableRefdataList.js");
-  reactHotLoader.register(EditableRefdataList, "EditableRefdataList", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableRefdataList/EditableRefdataList.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableRefdataList/EditableRefdataList.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = EditableRefdataList;

package/es/lib/EditableRefdataList/index.js

@@ -5,15 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EditableRefdataList.default;
   }
 });
-
 var _EditableRefdataList = _interopRequireDefault(require("./EditableRefdataList"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/es/lib/EditableSettingsList/EditableSettingsList.js

@@ -4,36 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactFinalFormArrays = require("react-final-form-arrays");
-
 var _reactFinalForm = require("react-final-form");
-
 var _finalFormArrays = _interopRequireDefault(require("final-form-arrays"));
-
 var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var EditableSettingsList = function EditableSettingsList(_ref) {
-  var data = _ref.data,
-      initialValues = _ref.initialValues,
-      onSave = _ref.onSave;
+const EditableSettingsList = _ref => {
+  let {
+    data,
+    initialValues,
+    onSave
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Form, {
     enableReinitialize: true,
     initialValues: initialValues,
@@ -44,8 +28,10 @@ var EditableSettingsList = function EditableSettingsList(_ref) {
     subscription: {
       value: true
     },
-    children: function children(_ref2) {
-      var handleSubmit = _ref2.handleSubmit;
+    children: _ref2 => {
+      let {
+        handleSubmit
+      } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
         onSubmit: handleSubmit,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
@@ -58,7 +44,6 @@ var EditableSettingsList = function EditableSettingsList(_ref) {
     }
   });
 };
-
 EditableSettingsList.propTypes = {
   onSave: _propTypes.default.func,
   data: _propTypes.default.shape({
@@ -66,25 +51,4 @@ EditableSettingsList.propTypes = {
   }),
   initialValues: _propTypes.default.object
 };
-var _default = EditableSettingsList;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(EditableSettingsList, "EditableSettingsList", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsList.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsList.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = EditableSettingsList;

package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js

@@ -4,59 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _reactFinalForm = require("react-final-form");
-
 var _SettingField = require("./SettingField");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-(function () {
-  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
-  enterModule && enterModule(module);
-})();
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
-  return a;
-};
-
-var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_ref) {
-  var data = _ref.data,
-      fields = _ref.fields,
-      onSave = _ref.onSave;
-
-  var handleSave = function handleSave(index) {
-    var setting = fields.value[index];
+const EditableSettingsListFieldArray = _ref => {
+  let {
+    data,
+    fields,
+    onSave
+  } = _ref;
+  const handleSave = index => {
+    const setting = fields.value[index];
     return onSave(setting);
   };
-
-  return fields.map(function (setting, i) {
+  return fields.map((setting, i) => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
       component: _SettingField.SettingField,
-      "data-testid": "editableSettingsListFieldArray[".concat(i, "]"),
+      "data-testid": `editableSettingsListFieldArray[${i}]`,
       name: setting,
-      onSave: function onSave() {
-        return handleSave(i);
-      },
-      settingData: _objectSpread({
-        currentSetting: fields.value[i]
-      }, data)
+      onSave: () => handleSave(i),
+      settingData: {
+        currentSetting: fields.value[i],
+        ...data
+      }
     }, setting);
   });
 };
-
 EditableSettingsListFieldArray.propTypes = {
   fields: _propTypes.default.object,
   onSave: _propTypes.default.func,
@@ -66,25 +42,4 @@ EditableSettingsListFieldArray.propTypes = {
   mutators: _propTypes.default.object,
   initialValues: _propTypes.default.object
 };
-var _default = EditableSettingsListFieldArray;
-var _default2 = _default;
-exports.default = _default2;
-;
-
-(function () {
-  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
-
-  if (!reactHotLoader) {
-    return;
-  }
-
-  reactHotLoader.register(EditableSettingsListFieldArray, "EditableSettingsListFieldArray", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsListFieldArray.js");
-  reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/EditableSettingsListFieldArray.js");
-})();
-
-;
-
-(function () {
-  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
-  leaveModule && leaveModule(module);
-})();
+var _default = exports.default = EditableSettingsListFieldArray;