@k-int/stripes-kint-components 4.4.0 → 4.4.2

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 4.4.2 2023-02-15
+  * selectorSafe -- Ensured better compatibility with other scripts now it's used in a user facing place.
+
+## 4.4.1 2023-02-08
+  * CustomPropertiesSettings
+    * Added displayConditions which act in the same way as below, allowing for programatic turning on/off of access to certain actions
+  * Settings (Multiple components)
+    * Added allowEdit property, which defaults to `true`, and if false, does not render edit button for any appSetting
+    * Added allowGlobalEdit property to `useSettings` hook, which allows the programatic turning on/off of `allowEdit` for ALL settings. More granular control will currently have to be handled manually via `dynamicPageExclusions` and then manual setting up of SettingsPage components with the requisite `allowEdit` booleans controlled by the implementing software.
 ## 4.4.0 2023-02-08
   * Removed all cyclic imports, linting
   * ActionList

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

@@ -44,12 +44,24 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
     catchQueryCalls = _ref.catchQueryCalls,
     contextFilterOptions = _ref.contextFilterOptions,
     customPropertiesEndpoint = _ref.customPropertiesEndpoint,
+    _ref$displayCondition = _ref.displayConditions,
+    displayConditions = _ref$displayCondition === void 0 ? {
+      create: true,
+      delete: true,
+      edit: true
+    } : _ref$displayCondition,
     helpPopovers = _ref.helpPopovers,
     passedIntlKey = _ref.intlKey,
     passedIntlNS = _ref.intlNS,
     _ref$labelOverrides = _ref.labelOverrides,
     labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
     refdataEndpoint = _ref.refdataEndpoint;
+  var _displayConditions$cr = displayConditions.create,
+    createCondition = _displayConditions$cr === void 0 ? true : _displayConditions$cr,
+    _displayConditions$de = displayConditions.delete,
+    deleteCondition = _displayConditions$de === void 0 ? true : _displayConditions$de,
+    _displayConditions$ed = displayConditions.edit,
+    editCondition = _displayConditions$ed === void 0 ? true : _displayConditions$ed;
   var callout = (0, _react.useContext)(_core.CalloutContext);
   var queryClient = (0, _reactQuery.useQueryClient)();
   var _useState = (0, _react.useState)(),
@@ -175,7 +187,7 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
       defaultWidth: "fill",
       id: "settings-customProperties.lookupPane",
-      lastMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      lastMenu: createCondition && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         buttonStyle: "primary",
         marginBottom0: true,
         onClick: function onClick() {
@@ -204,34 +216,41 @@ var CustomPropertiesSettings = function CustomPropertiesSettings(_ref) {
     }), customProperty && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pane, {
       actionMenu: function actionMenu(_ref2) {
         var onToggle = _ref2.onToggle;
-        return [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          buttonStyle: "dropdownItem",
-          marginBottom0: true,
-          onClick: function onClick() {
-            return setMode(EDITING);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-            icon: "edit",
-            children: kintIntl.formatKintMessage({
-              id: 'edit',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
+        var actionsArray = [];
+        if (editCondition) {
+          actionsArray.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            buttonStyle: "dropdownItem",
+            marginBottom0: true,
+            onClick: function onClick() {
+              return setMode(EDITING);
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+              icon: "edit",
+              children: kintIntl.formatKintMessage({
+                id: 'edit',
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.edit
+              })
             })
-          })
-        }, "".concat(customProperty.name, "-action-edit")), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-          buttonStyle: "dropdownItem",
-          marginBottom0: true,
-          onClick: function onClick() {
-            setDeleteModal(true);
-            onToggle();
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-            icon: "trash",
-            children: kintIntl.formatKintMessage({
-              id: 'delete',
-              overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+          }, "".concat(customProperty.name, "-action-edit")));
+        }
+        if (deleteCondition) {
+          actionsArray.push( /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            buttonStyle: "dropdownItem",
+            marginBottom0: true,
+            onClick: function onClick() {
+              setDeleteModal(true);
+              onToggle();
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+              icon: "trash",
+              children: kintIntl.formatKintMessage({
+                id: 'delete',
+                overrideValue: labelOverrides === null || labelOverrides === void 0 ? void 0 : labelOverrides.delete
+              })
             })
-          })
-        }, "".concat(customProperty.name, "-action-delete"))];
+          }, "".concat(customProperty.name, "-action-delete")));
+        }
+        return actionsArray !== null && actionsArray !== void 0 && actionsArray.length ? actionsArray : null;
       },
       defaultWidth: "fill",
       dismissible: true,
@@ -333,6 +352,11 @@ CustomPropertiesSettings.propTypes = {
     label: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.string])
   })),
   customPropertiesEndpoint: _propTypes.default.string,
+  displayConditions: _propTypes.default.shape({
+    create: _propTypes.default.bool,
+    delete: _propTypes.default.bool,
+    view: _propTypes.default.bool
+  }),
   helpPopovers: _propTypes.default.object,
   intlKey: _propTypes.default.string,
   intlNS: _propTypes.default.string,

package/es/lib/EditableSettingsList/EditableSettingsList.js

@@ -13,7 +13,9 @@ var _EditableSettingsListFieldArray = _interopRequireDefault(require("./Editable
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var EditableSettingsList = function EditableSettingsList(_ref) {
-  var data = _ref.data,
+  var _ref$allowEdit = _ref.allowEdit,
+    allowEdit = _ref$allowEdit === void 0 ? true : _ref$allowEdit,
+    data = _ref.data,
     initialValues = _ref.initialValues,
     passedIntlKey = _ref.intlKey,
     passedIntlNS = _ref.intlNS,
@@ -36,6 +38,7 @@ var EditableSettingsList = function EditableSettingsList(_ref) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
         onSubmit: handleSubmit,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalFormArrays.FieldArray, {
+          allowEdit: allowEdit,
           component: _EditableSettingsListFieldArray.default,
           data: data,
           intlKey: passedIntlKey,
@@ -50,7 +53,7 @@ var EditableSettingsList = function EditableSettingsList(_ref) {
   });
 };
 EditableSettingsList.propTypes = {
-  onSave: _propTypes.default.func,
+  allowEdit: _propTypes.default.bool,
   data: _propTypes.default.shape({
     refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object)
   }),
@@ -58,7 +61,8 @@ EditableSettingsList.propTypes = {
   intlKey: _propTypes.default.string,
   intlNS: _propTypes.default.string,
   label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node, _propTypes.default.object]),
-  labelOverrides: _propTypes.default.object
+  labelOverrides: _propTypes.default.object,
+  onSave: _propTypes.default.func
 };
 var _default = EditableSettingsList;
 exports.default = _default;

package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js

@@ -17,7 +17,9 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_ref) {
-  var data = _ref.data,
+  var _ref$allowEdit = _ref.allowEdit,
+    allowEdit = _ref$allowEdit === void 0 ? true : _ref$allowEdit,
+    data = _ref.data,
     fields = _ref.fields,
     passedIntlKey = _ref.intlKey,
     passedIntlNS = _ref.intlNS,
@@ -30,6 +32,7 @@ var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_re
   };
   return fields.map(function (setting, i) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
+      allowEdit: allowEdit,
       component: _SettingField.SettingField,
       "data-testid": "editableSettingsListFieldArray[".concat(i, "]"),
       intlKey: passedIntlKey,
@@ -46,6 +49,7 @@ var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_re
   });
 };
 EditableSettingsListFieldArray.propTypes = {
+  allowEdit: _propTypes.default.bool,
   fields: _propTypes.default.object,
   intlKey: _propTypes.default.string,
   intlNS: _propTypes.default.string,

package/es/lib/EditableSettingsList/SettingField/SettingField.js

@@ -30,7 +30,9 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var SettingField = function SettingField(settingFieldProps) {
-  var passedIntlKey = settingFieldProps.intlKey,
+  var _settingFieldProps$al = settingFieldProps.allowEdit,
+    allowEdit = _settingFieldProps$al === void 0 ? true : _settingFieldProps$al,
+    passedIntlKey = settingFieldProps.intlKey,
     passedIntlNS = settingFieldProps.intlNS,
     _settingFieldProps$la = settingFieldProps.labelOverrides,
     labelOverrides = _settingFieldProps$la === void 0 ? {} : _settingFieldProps$la,
@@ -129,16 +131,19 @@ var SettingField = function SettingField(settingFieldProps) {
     }) : kintIntl.formatKintMessage({
       id: 'edit'
     });
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      marginBottom0: true,
-      onClick: function onClick(e) {
-        e.preventDefault();
-        return editing ? onSave().then(function () {
-          return setEditing(false);
-        }) : setEditing(true);
-      },
-      children: EditText
-    });
+    if (allowEdit) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+        marginBottom0: true,
+        onClick: function onClick(e) {
+          e.preventDefault();
+          return editing ? onSave().then(function () {
+            return setEditing(false);
+          }) : setEditing(true);
+        },
+        children: EditText
+      });
+    }
+    return null;
   };
   var RenderFunction;
   if (editing === false) {
@@ -174,6 +179,7 @@ var SettingField = function SettingField(settingFieldProps) {
   });
 };
 SettingField.propTypes = {
+  allowEdit: _propTypes.default.bool,
   settingData: _propTypes.default.shape({
     refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object),
     currentSetting: _propTypes.default.object,

package/es/lib/SettingPage/SettingPage.js

@@ -17,7 +17,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 // Importing directly here to avoid cyclic dependency
 
 var SettingPage = function SettingPage(_ref) {
-  var passedIntlKey = _ref.intlKey,
+  var _ref$allowEdit = _ref.allowEdit,
+    allowEdit = _ref$allowEdit === void 0 ? true : _ref$allowEdit,
+    passedIntlKey = _ref.intlKey,
     passedIntlNS = _ref.intlNS,
     _ref$labelOverrides = _ref.labelOverrides,
     labelOverrides = _ref$labelOverrides === void 0 ? {} : _ref$labelOverrides,
@@ -31,6 +33,7 @@ var SettingPage = function SettingPage(_ref) {
     handleSubmit = _useSettingSection.handleSubmit,
     settings = _useSettingSection.settings;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_EditableSettingsList.EditableSettingsList, {
+    allowEdit: allowEdit,
     initialValues: {
       'settings': settings
     },
@@ -43,6 +46,7 @@ var SettingPage = function SettingPage(_ref) {
   });
 };
 SettingPage.propTypes = {
+  allowEdit: _propTypes.default.bool,
   intlKey: _propTypes.default.string,
   intlNS: _propTypes.default.string,
   labelOverrides: _propTypes.default.object,

package/es/lib/settingsHooks/useSettings.js

@@ -28,7 +28,9 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 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; }
 var useSettings = function useSettings(_ref) {
-  var dynamicPageExclusions = _ref.dynamicPageExclusions,
+  var _ref$allowGlobalEdit = _ref.allowGlobalEdit,
+    allowGlobalEdit = _ref$allowGlobalEdit === void 0 ? true : _ref$allowGlobalEdit,
+    dynamicPageExclusions = _ref.dynamicPageExclusions,
     passedIntlKey = _ref.intlKey,
     passedIntlNS = _ref.intlNS,
     _ref$labelOverrides = _ref.labelOverrides,
@@ -72,6 +74,7 @@ var useSettings = function useSettings(_ref) {
           intlNS: passedIntlNS,
           sectionName: section,
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SettingPage.SettingPage, _objectSpread({
+            allowEdit: allowGlobalEdit,
             intlKey: passedIntlKey,
             intlNS: passedIntlNS,
             labelOverrides: labelOverrides,

package/es/lib/utils/selectorSafe.js

@@ -5,7 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var selectorSafe = function selectorSafe(string) {
-  return string.replaceAll(/[^a-zA-Z0-9\-_]/g, '_');
+  var _string$normalize, _string$normalize$rep;
+  // Normalise to separate diacritics from their base characters as "marks"
+  // then strip out all marks.
+  return (_string$normalize = string.normalize('NFKD')) === null || _string$normalize === void 0 ? void 0 : (_string$normalize$rep = _string$normalize.replace(/(?:[\u0300-\u036F\u0483-\u0489\u0591-\u05BD\u05BF\u05C1\u05C2\u05C4\u05C5\u05C7\u0610-\u061A\u064B-\u065F\u0670\u06D6-\u06DC\u06DF-\u06E4\u06E7\u06E8\u06EA-\u06ED\u0711\u0730-\u074A\u07A6-\u07B0\u07EB-\u07F3\u07FD\u0816-\u0819\u081B-\u0823\u0825-\u0827\u0829-\u082D\u0859-\u085B\u0898-\u089F\u08CA-\u08E1\u08E3-\u0903\u093A-\u093C\u093E-\u094F\u0951-\u0957\u0962\u0963\u0981-\u0983\u09BC\u09BE-\u09C4\u09C7\u09C8\u09CB-\u09CD\u09D7\u09E2\u09E3\u09FE\u0A01-\u0A03\u0A3C\u0A3E-\u0A42\u0A47\u0A48\u0A4B-\u0A4D\u0A51\u0A70\u0A71\u0A75\u0A81-\u0A83\u0ABC\u0ABE-\u0AC5\u0AC7-\u0AC9\u0ACB-\u0ACD\u0AE2\u0AE3\u0AFA-\u0AFF\u0B01-\u0B03\u0B3C\u0B3E-\u0B44\u0B47\u0B48\u0B4B-\u0B4D\u0B55-\u0B57\u0B62\u0B63\u0B82\u0BBE-\u0BC2\u0BC6-\u0BC8\u0BCA-\u0BCD\u0BD7\u0C00-\u0C04\u0C3C\u0C3E-\u0C44\u0C46-\u0C48\u0C4A-\u0C4D\u0C55\u0C56\u0C62\u0C63\u0C81-\u0C83\u0CBC\u0CBE-\u0CC4\u0CC6-\u0CC8\u0CCA-\u0CCD\u0CD5\u0CD6\u0CE2\u0CE3\u0CF3\u0D00-\u0D03\u0D3B\u0D3C\u0D3E-\u0D44\u0D46-\u0D48\u0D4A-\u0D4D\u0D57\u0D62\u0D63\u0D81-\u0D83\u0DCA\u0DCF-\u0DD4\u0DD6\u0DD8-\u0DDF\u0DF2\u0DF3\u0E31\u0E34-\u0E3A\u0E47-\u0E4E\u0EB1\u0EB4-\u0EBC\u0EC8-\u0ECE\u0F18\u0F19\u0F35\u0F37\u0F39\u0F3E\u0F3F\u0F71-\u0F84\u0F86\u0F87\u0F8D-\u0F97\u0F99-\u0FBC\u0FC6\u102B-\u103E\u1056-\u1059\u105E-\u1060\u1062-\u1064\u1067-\u106D\u1071-\u1074\u1082-\u108D\u108F\u109A-\u109D\u135D-\u135F\u1712-\u1715\u1732-\u1734\u1752\u1753\u1772\u1773\u17B4-\u17D3\u17DD\u180B-\u180D\u180F\u1885\u1886\u18A9\u1920-\u192B\u1930-\u193B\u1A17-\u1A1B\u1A55-\u1A5E\u1A60-\u1A7C\u1A7F\u1AB0-\u1ACE\u1B00-\u1B04\u1B34-\u1B44\u1B6B-\u1B73\u1B80-\u1B82\u1BA1-\u1BAD\u1BE6-\u1BF3\u1C24-\u1C37\u1CD0-\u1CD2\u1CD4-\u1CE8\u1CED\u1CF4\u1CF7-\u1CF9\u1DC0-\u1DFF\u20D0-\u20F0\u2CEF-\u2CF1\u2D7F\u2DE0-\u2DFF\u302A-\u302F\u3099\u309A\uA66F-\uA672\uA674-\uA67D\uA69E\uA69F\uA6F0\uA6F1\uA802\uA806\uA80B\uA823-\uA827\uA82C\uA880\uA881\uA8B4-\uA8C5\uA8E0-\uA8F1\uA8FF\uA926-\uA92D\uA947-\uA953\uA980-\uA983\uA9B3-\uA9C0\uA9E5\uAA29-\uAA36\uAA43\uAA4C\uAA4D\uAA7B-\uAA7D\uAAB0\uAAB2-\uAAB4\uAAB7\uAAB8\uAABE\uAABF\uAAC1\uAAEB-\uAAEF\uAAF5\uAAF6\uABE3-\uABEA\uABEC\uABED\uFB1E\uFE00-\uFE0F\uFE20-\uFE2F]|\uD800[\uDDFD\uDEE0\uDF76-\uDF7A]|\uD802[\uDE01-\uDE03\uDE05\uDE06\uDE0C-\uDE0F\uDE38-\uDE3A\uDE3F\uDEE5\uDEE6]|\uD803[\uDD24-\uDD27\uDEAB\uDEAC\uDEFD-\uDEFF\uDF46-\uDF50\uDF82-\uDF85]|\uD804[\uDC00-\uDC02\uDC38-\uDC46\uDC70\uDC73\uDC74\uDC7F-\uDC82\uDCB0-\uDCBA\uDCC2\uDD00-\uDD02\uDD27-\uDD34\uDD45\uDD46\uDD73\uDD80-\uDD82\uDDB3-\uDDC0\uDDC9-\uDDCC\uDDCE\uDDCF\uDE2C-\uDE37\uDE3E\uDE41\uDEDF-\uDEEA\uDF00-\uDF03\uDF3B\uDF3C\uDF3E-\uDF44\uDF47\uDF48\uDF4B-\uDF4D\uDF57\uDF62\uDF63\uDF66-\uDF6C\uDF70-\uDF74]|\uD805[\uDC35-\uDC46\uDC5E\uDCB0-\uDCC3\uDDAF-\uDDB5\uDDB8-\uDDC0\uDDDC\uDDDD\uDE30-\uDE40\uDEAB-\uDEB7\uDF1D-\uDF2B]|\uD806[\uDC2C-\uDC3A\uDD30-\uDD35\uDD37\uDD38\uDD3B-\uDD3E\uDD40\uDD42\uDD43\uDDD1-\uDDD7\uDDDA-\uDDE0\uDDE4\uDE01-\uDE0A\uDE33-\uDE39\uDE3B-\uDE3E\uDE47\uDE51-\uDE5B\uDE8A-\uDE99]|\uD807[\uDC2F-\uDC36\uDC38-\uDC3F\uDC92-\uDCA7\uDCA9-\uDCB6\uDD31-\uDD36\uDD3A\uDD3C\uDD3D\uDD3F-\uDD45\uDD47\uDD8A-\uDD8E\uDD90\uDD91\uDD93-\uDD97\uDEF3-\uDEF6\uDF00\uDF01\uDF03\uDF34-\uDF3A\uDF3E-\uDF42]|\uD80D[\uDC40\uDC47-\uDC55]|\uD81A[\uDEF0-\uDEF4\uDF30-\uDF36]|\uD81B[\uDF4F\uDF51-\uDF87\uDF8F-\uDF92\uDFE4\uDFF0\uDFF1]|\uD82F[\uDC9D\uDC9E]|\uD833[\uDF00-\uDF2D\uDF30-\uDF46]|\uD834[\uDD65-\uDD69\uDD6D-\uDD72\uDD7B-\uDD82\uDD85-\uDD8B\uDDAA-\uDDAD\uDE42-\uDE44]|\uD836[\uDE00-\uDE36\uDE3B-\uDE6C\uDE75\uDE84\uDE9B-\uDE9F\uDEA1-\uDEAF]|\uD838[\uDC00-\uDC06\uDC08-\uDC18\uDC1B-\uDC21\uDC23\uDC24\uDC26-\uDC2A\uDC8F\uDD30-\uDD36\uDEAE\uDEEC-\uDEEF]|\uD839[\uDCEC-\uDCEF]|\uD83A[\uDCD0-\uDCD6\uDD44-\uDD4A]|\uDB40[\uDD00-\uDDEF])/g, '')
+  // Then swap out any non-letter/number characters (Also ignore - and _) for `_`
+  ) === null || _string$normalize$rep === void 0 ? void 0 : _string$normalize$rep.replace(/(?:(?![\x2D0-9A-Z_a-z\xAA\xB2\xB3\xB5\xB9\xBA\xBC-\xBE\xC0-\xD6\xD8-\xF6\xF8-\u02C1\u02C6-\u02D1\u02E0-\u02E4\u02EC\u02EE\u0370-\u0374\u0376\u0377\u037A-\u037D\u037F\u0386\u0388-\u038A\u038C\u038E-\u03A1\u03A3-\u03F5\u03F7-\u0481\u048A-\u052F\u0531-\u0556\u0559\u0560-\u0588\u05D0-\u05EA\u05EF-\u05F2\u0620-\u064A\u0660-\u0669\u066E\u066F\u0671-\u06D3\u06D5\u06E5\u06E6\u06EE-\u06FC\u06FF\u0710\u0712-\u072F\u074D-\u07A5\u07B1\u07C0-\u07EA\u07F4\u07F5\u07FA\u0800-\u0815\u081A\u0824\u0828\u0840-\u0858\u0860-\u086A\u0870-\u0887\u0889-\u088E\u08A0-\u08C9\u0904-\u0939\u093D\u0950\u0958-\u0961\u0966-\u096F\u0971-\u0980\u0985-\u098C\u098F\u0990\u0993-\u09A8\u09AA-\u09B0\u09B2\u09B6-\u09B9\u09BD\u09CE\u09DC\u09DD\u09DF-\u09E1\u09E6-\u09F1\u09F4-\u09F9\u09FC\u0A05-\u0A0A\u0A0F\u0A10\u0A13-\u0A28\u0A2A-\u0A30\u0A32\u0A33\u0A35\u0A36\u0A38\u0A39\u0A59-\u0A5C\u0A5E\u0A66-\u0A6F\u0A72-\u0A74\u0A85-\u0A8D\u0A8F-\u0A91\u0A93-\u0AA8\u0AAA-\u0AB0\u0AB2\u0AB3\u0AB5-\u0AB9\u0ABD\u0AD0\u0AE0\u0AE1\u0AE6-\u0AEF\u0AF9\u0B05-\u0B0C\u0B0F\u0B10\u0B13-\u0B28\u0B2A-\u0B30\u0B32\u0B33\u0B35-\u0B39\u0B3D\u0B5C\u0B5D\u0B5F-\u0B61\u0B66-\u0B6F\u0B71-\u0B77\u0B83\u0B85-\u0B8A\u0B8E-\u0B90\u0B92-\u0B95\u0B99\u0B9A\u0B9C\u0B9E\u0B9F\u0BA3\u0BA4\u0BA8-\u0BAA\u0BAE-\u0BB9\u0BD0\u0BE6-\u0BF2\u0C05-\u0C0C\u0C0E-\u0C10\u0C12-\u0C28\u0C2A-\u0C39\u0C3D\u0C58-\u0C5A\u0C5D\u0C60\u0C61\u0C66-\u0C6F\u0C78-\u0C7E\u0C80\u0C85-\u0C8C\u0C8E-\u0C90\u0C92-\u0CA8\u0CAA-\u0CB3\u0CB5-\u0CB9\u0CBD\u0CDD\u0CDE\u0CE0\u0CE1\u0CE6-\u0CEF\u0CF1\u0CF2\u0D04-\u0D0C\u0D0E-\u0D10\u0D12-\u0D3A\u0D3D\u0D4E\u0D54-\u0D56\u0D58-\u0D61\u0D66-\u0D78\u0D7A-\u0D7F\u0D85-\u0D96\u0D9A-\u0DB1\u0DB3-\u0DBB\u0DBD\u0DC0-\u0DC6\u0DE6-\u0DEF\u0E01-\u0E30\u0E32\u0E33\u0E40-\u0E46\u0E50-\u0E59\u0E81\u0E82\u0E84\u0E86-\u0E8A\u0E8C-\u0EA3\u0EA5\u0EA7-\u0EB0\u0EB2\u0EB3\u0EBD\u0EC0-\u0EC4\u0EC6\u0ED0-\u0ED9\u0EDC-\u0EDF\u0F00\u0F20-\u0F33\u0F40-\u0F47\u0F49-\u0F6C\u0F88-\u0F8C\u1000-\u102A\u103F-\u1049\u1050-\u1055\u105A-\u105D\u1061\u1065\u1066\u106E-\u1070\u1075-\u1081\u108E\u1090-\u1099\u10A0-\u10C5\u10C7\u10CD\u10D0-\u10FA\u10FC-\u1248\u124A-\u124D\u1250-\u1256\u1258\u125A-\u125D\u1260-\u1288\u128A-\u128D\u1290-\u12B0\u12B2-\u12B5\u12B8-\u12BE\u12C0\u12C2-\u12C5\u12C8-\u12D6\u12D8-\u1310\u1312-\u1315\u1318-\u135A\u1369-\u137C\u1380-\u138F\u13A0-\u13F5\u13F8-\u13FD\u1401-\u166C\u166F-\u167F\u1681-\u169A\u16A0-\u16EA\u16EE-\u16F8\u1700-\u1711\u171F-\u1731\u1740-\u1751\u1760-\u176C\u176E-\u1770\u1780-\u17B3\u17D7\u17DC\u17E0-\u17E9\u17F0-\u17F9\u1810-\u1819\u1820-\u1878\u1880-\u1884\u1887-\u18A8\u18AA\u18B0-\u18F5\u1900-\u191E\u1946-\u196D\u1970-\u1974\u1980-\u19AB\u19B0-\u19C9\u19D0-\u19DA\u1A00-\u1A16\u1A20-\u1A54\u1A80-\u1A89\u1A90-\u1A99\u1AA7\u1B05-\u1B33\u1B45-\u1B4C\u1B50-\u1B59\u1B83-\u1BA0\u1BAE-\u1BE5\u1C00-\u1C23\u1C40-\u1C49\u1C4D-\u1C7D\u1C80-\u1C88\u1C90-\u1CBA\u1CBD-\u1CBF\u1CE9-\u1CEC\u1CEE-\u1CF3\u1CF5\u1CF6\u1CFA\u1D00-\u1DBF\u1E00-\u1F15\u1F18-\u1F1D\u1F20-\u1F45\u1F48-\u1F4D\u1F50-\u1F57\u1F59\u1F5B\u1F5D\u1F5F-\u1F7D\u1F80-\u1FB4\u1FB6-\u1FBC\u1FBE\u1FC2-\u1FC4\u1FC6-\u1FCC\u1FD0-\u1FD3\u1FD6-\u1FDB\u1FE0-\u1FEC\u1FF2-\u1FF4\u1FF6-\u1FFC\u2070\u2071\u2074-\u2079\u207F-\u2089\u2090-\u209C\u2102\u2107\u210A-\u2113\u2115\u2119-\u211D\u2124\u2126\u2128\u212A-\u212D\u212F-\u2139\u213C-\u213F\u2145-\u2149\u214E\u2150-\u2189\u2460-\u249B\u24EA-\u24FF\u2776-\u2793\u2C00-\u2CE4\u2CEB-\u2CEE\u2CF2\u2CF3\u2CFD\u2D00-\u2D25\u2D27\u2D2D\u2D30-\u2D67\u2D6F\u2D80-\u2D96\u2DA0-\u2DA6\u2DA8-\u2DAE\u2DB0-\u2DB6\u2DB8-\u2DBE\u2DC0-\u2DC6\u2DC8-\u2DCE\u2DD0-\u2DD6\u2DD8-\u2DDE\u2E2F\u3005-\u3007\u3021-\u3029\u3031-\u3035\u3038-\u303C\u3041-\u3096\u309D-\u309F\u30A1-\u30FA\u30FC-\u30FF\u3105-\u312F\u3131-\u318E\u3192-\u3195\u31A0-\u31BF\u31F0-\u31FF\u3220-\u3229\u3248-\u324F\u3251-\u325F\u3280-\u3289\u32B1-\u32BF\u3400-\u4DBF\u4E00-\uA48C\uA4D0-\uA4FD\uA500-\uA60C\uA610-\uA62B\uA640-\uA66E\uA67F-\uA69D\uA6A0-\uA6EF\uA717-\uA71F\uA722-\uA788\uA78B-\uA7CA\uA7D0\uA7D1\uA7D3\uA7D5-\uA7D9\uA7F2-\uA801\uA803-\uA805\uA807-\uA80A\uA80C-\uA822\uA830-\uA835\uA840-\uA873\uA882-\uA8B3\uA8D0-\uA8D9\uA8F2-\uA8F7\uA8FB\uA8FD\uA8FE\uA900-\uA925\uA930-\uA946\uA960-\uA97C\uA984-\uA9B2\uA9CF-\uA9D9\uA9E0-\uA9E4\uA9E6-\uA9FE\uAA00-\uAA28\uAA40-\uAA42\uAA44-\uAA4B\uAA50-\uAA59\uAA60-\uAA76\uAA7A\uAA7E-\uAAAF\uAAB1\uAAB5\uAAB6\uAAB9-\uAABD\uAAC0\uAAC2\uAADB-\uAADD\uAAE0-\uAAEA\uAAF2-\uAAF4\uAB01-\uAB06\uAB09-\uAB0E\uAB11-\uAB16\uAB20-\uAB26\uAB28-\uAB2E\uAB30-\uAB5A\uAB5C-\uAB69\uAB70-\uABE2\uABF0-\uABF9\uAC00-\uD7A3\uD7B0-\uD7C6\uD7CB-\uD7FB\uF900-\uFA6D\uFA70-\uFAD9\uFB00-\uFB06\uFB13-\uFB17\uFB1D\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE74\uFE76-\uFEFC\uFF10-\uFF19\uFF21-\uFF3A\uFF41-\uFF5A\uFF66-\uFFBE\uFFC2-\uFFC7\uFFCA-\uFFCF\uFFD2-\uFFD7\uFFDA-\uFFDC]|\uD800[\uDC00-\uDC0B\uDC0D-\uDC26\uDC28-\uDC3A\uDC3C\uDC3D\uDC3F-\uDC4D\uDC50-\uDC5D\uDC80-\uDCFA\uDD07-\uDD33\uDD40-\uDD78\uDD8A\uDD8B\uDE80-\uDE9C\uDEA0-\uDED0\uDEE1-\uDEFB\uDF00-\uDF23\uDF2D-\uDF4A\uDF50-\uDF75\uDF80-\uDF9D\uDFA0-\uDFC3\uDFC8-\uDFCF\uDFD1-\uDFD5]|\uD801[\uDC00-\uDC9D\uDCA0-\uDCA9\uDCB0-\uDCD3\uDCD8-\uDCFB\uDD00-\uDD27\uDD30-\uDD63\uDD70-\uDD7A\uDD7C-\uDD8A\uDD8C-\uDD92\uDD94\uDD95\uDD97-\uDDA1\uDDA3-\uDDB1\uDDB3-\uDDB9\uDDBB\uDDBC\uDE00-\uDF36\uDF40-\uDF55\uDF60-\uDF67\uDF80-\uDF85\uDF87-\uDFB0\uDFB2-\uDFBA]|\uD802[\uDC00-\uDC05\uDC08\uDC0A-\uDC35\uDC37\uDC38\uDC3C\uDC3F-\uDC55\uDC58-\uDC76\uDC79-\uDC9E\uDCA7-\uDCAF\uDCE0-\uDCF2\uDCF4\uDCF5\uDCFB-\uDD1B\uDD20-\uDD39\uDD80-\uDDB7\uDDBC-\uDDCF\uDDD2-\uDE00\uDE10-\uDE13\uDE15-\uDE17\uDE19-\uDE35\uDE40-\uDE48\uDE60-\uDE7E\uDE80-\uDE9F\uDEC0-\uDEC7\uDEC9-\uDEE4\uDEEB-\uDEEF\uDF00-\uDF35\uDF40-\uDF55\uDF58-\uDF72\uDF78-\uDF91\uDFA9-\uDFAF]|\uD803[\uDC00-\uDC48\uDC80-\uDCB2\uDCC0-\uDCF2\uDCFA-\uDD23\uDD30-\uDD39\uDE60-\uDE7E\uDE80-\uDEA9\uDEB0\uDEB1\uDF00-\uDF27\uDF30-\uDF45\uDF51-\uDF54\uDF70-\uDF81\uDFB0-\uDFCB\uDFE0-\uDFF6]|\uD804[\uDC03-\uDC37\uDC52-\uDC6F\uDC71\uDC72\uDC75\uDC83-\uDCAF\uDCD0-\uDCE8\uDCF0-\uDCF9\uDD03-\uDD26\uDD36-\uDD3F\uDD44\uDD47\uDD50-\uDD72\uDD76\uDD83-\uDDB2\uDDC1-\uDDC4\uDDD0-\uDDDA\uDDDC\uDDE1-\uDDF4\uDE00-\uDE11\uDE13-\uDE2B\uDE3F\uDE40\uDE80-\uDE86\uDE88\uDE8A-\uDE8D\uDE8F-\uDE9D\uDE9F-\uDEA8\uDEB0-\uDEDE\uDEF0-\uDEF9\uDF05-\uDF0C\uDF0F\uDF10\uDF13-\uDF28\uDF2A-\uDF30\uDF32\uDF33\uDF35-\uDF39\uDF3D\uDF50\uDF5D-\uDF61]|\uD805[\uDC00-\uDC34\uDC47-\uDC4A\uDC50-\uDC59\uDC5F-\uDC61\uDC80-\uDCAF\uDCC4\uDCC5\uDCC7\uDCD0-\uDCD9\uDD80-\uDDAE\uDDD8-\uDDDB\uDE00-\uDE2F\uDE44\uDE50-\uDE59\uDE80-\uDEAA\uDEB8\uDEC0-\uDEC9\uDF00-\uDF1A\uDF30-\uDF3B\uDF40-\uDF46]|\uD806[\uDC00-\uDC2B\uDCA0-\uDCF2\uDCFF-\uDD06\uDD09\uDD0C-\uDD13\uDD15\uDD16\uDD18-\uDD2F\uDD3F\uDD41\uDD50-\uDD59\uDDA0-\uDDA7\uDDAA-\uDDD0\uDDE1\uDDE3\uDE00\uDE0B-\uDE32\uDE3A\uDE50\uDE5C-\uDE89\uDE9D\uDEB0-\uDEF8]|\uD807[\uDC00-\uDC08\uDC0A-\uDC2E\uDC40\uDC50-\uDC6C\uDC72-\uDC8F\uDD00-\uDD06\uDD08\uDD09\uDD0B-\uDD30\uDD46\uDD50-\uDD59\uDD60-\uDD65\uDD67\uDD68\uDD6A-\uDD89\uDD98\uDDA0-\uDDA9\uDEE0-\uDEF2\uDF02\uDF04-\uDF10\uDF12-\uDF33\uDF50-\uDF59\uDFB0\uDFC0-\uDFD4]|\uD808[\uDC00-\uDF99]|\uD809[\uDC00-\uDC6E\uDC80-\uDD43]|\uD80B[\uDF90-\uDFF0]|[\uD80C\uD81C-\uD820\uD822\uD840-\uD868\uD86A-\uD86C\uD86F-\uD872\uD874-\uD879\uD880-\uD883\uD885-\uD887][\uDC00-\uDFFF]|\uD80D[\uDC00-\uDC2F\uDC41-\uDC46]|\uD811[\uDC00-\uDE46]|\uD81A[\uDC00-\uDE38\uDE40-\uDE5E\uDE60-\uDE69\uDE70-\uDEBE\uDEC0-\uDEC9\uDED0-\uDEED\uDF00-\uDF2F\uDF40-\uDF43\uDF50-\uDF59\uDF5B-\uDF61\uDF63-\uDF77\uDF7D-\uDF8F]|\uD81B[\uDE40-\uDE96\uDF00-\uDF4A\uDF50\uDF93-\uDF9F\uDFE0\uDFE1\uDFE3]|\uD821[\uDC00-\uDFF7]|\uD823[\uDC00-\uDCD5\uDD00-\uDD08]|\uD82B[\uDFF0-\uDFF3\uDFF5-\uDFFB\uDFFD\uDFFE]|\uD82C[\uDC00-\uDD22\uDD32\uDD50-\uDD52\uDD55\uDD64-\uDD67\uDD70-\uDEFB]|\uD82F[\uDC00-\uDC6A\uDC70-\uDC7C\uDC80-\uDC88\uDC90-\uDC99]|\uD834[\uDEC0-\uDED3\uDEE0-\uDEF3\uDF60-\uDF78]|\uD835[\uDC00-\uDC54\uDC56-\uDC9C\uDC9E\uDC9F\uDCA2\uDCA5\uDCA6\uDCA9-\uDCAC\uDCAE-\uDCB9\uDCBB\uDCBD-\uDCC3\uDCC5-\uDD05\uDD07-\uDD0A\uDD0D-\uDD14\uDD16-\uDD1C\uDD1E-\uDD39\uDD3B-\uDD3E\uDD40-\uDD44\uDD46\uDD4A-\uDD50\uDD52-\uDEA5\uDEA8-\uDEC0\uDEC2-\uDEDA\uDEDC-\uDEFA\uDEFC-\uDF14\uDF16-\uDF34\uDF36-\uDF4E\uDF50-\uDF6E\uDF70-\uDF88\uDF8A-\uDFA8\uDFAA-\uDFC2\uDFC4-\uDFCB\uDFCE-\uDFFF]|\uD837[\uDF00-\uDF1E\uDF25-\uDF2A]|\uD838[\uDC30-\uDC6D\uDD00-\uDD2C\uDD37-\uDD3D\uDD40-\uDD49\uDD4E\uDE90-\uDEAD\uDEC0-\uDEEB\uDEF0-\uDEF9]|\uD839[\uDCD0-\uDCEB\uDCF0-\uDCF9\uDFE0-\uDFE6\uDFE8-\uDFEB\uDFED\uDFEE\uDFF0-\uDFFE]|\uD83A[\uDC00-\uDCC4\uDCC7-\uDCCF\uDD00-\uDD43\uDD4B\uDD50-\uDD59]|\uD83B[\uDC71-\uDCAB\uDCAD-\uDCAF\uDCB1-\uDCB4\uDD01-\uDD2D\uDD2F-\uDD3D\uDE00-\uDE03\uDE05-\uDE1F\uDE21\uDE22\uDE24\uDE27\uDE29-\uDE32\uDE34-\uDE37\uDE39\uDE3B\uDE42\uDE47\uDE49\uDE4B\uDE4D-\uDE4F\uDE51\uDE52\uDE54\uDE57\uDE59\uDE5B\uDE5D\uDE5F\uDE61\uDE62\uDE64\uDE67-\uDE6A\uDE6C-\uDE72\uDE74-\uDE77\uDE79-\uDE7C\uDE7E\uDE80-\uDE89\uDE8B-\uDE9B\uDEA1-\uDEA3\uDEA5-\uDEA9\uDEAB-\uDEBB]|\uD83C[\uDD00-\uDD0C]|\uD83E[\uDFF0-\uDFF9]|\uD869[\uDC00-\uDEDF\uDF00-\uDFFF]|\uD86D[\uDC00-\uDF39\uDF40-\uDFFF]|\uD86E[\uDC00-\uDC1D\uDC20-\uDFFF]|\uD873[\uDC00-\uDEA1\uDEB0-\uDFFF]|\uD87A[\uDC00-\uDFE0]|\uD87E[\uDC00-\uDE1D]|\uD884[\uDC00-\uDF4A\uDF50-\uDFFF]|\uD888[\uDC00-\uDFAF])[\s\S])/g, '_');
 };
 var _default = selectorSafe;
+/*
+ * Should transform as follows:
+ * %%&&||()_-*^%$£"!:;@'~#<>/??|\ --> _________-____________________
+ * étéaoûtçapère; --> eteaoutcapere_
+ * Wörtertschüss; --> wortertschuss_
+ * mañanaángel'brødfråłzaźlepięćkuşgöz`tŷ --> mananaangel_brødfrałzazlepieckusgoz_ty
+ * æøß --> æøß
+ * How do we handle numbers 00!1 --> how_do_we_handle_numbers_00_1
+ * This is a normal case --> this_is_a_normal_case
+ */
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"

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

@@ -25,12 +25,23 @@ const CustomPropertiesSettings = ({
   catchQueryCalls,
   contextFilterOptions,
   customPropertiesEndpoint,
+  displayConditions = {
+    create: true,
+    delete: true,
+    edit: true
+  },
   helpPopovers,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
   labelOverrides = {},
   refdataEndpoint,
 }) => {
+  const {
+    create: createCondition = true,
+    delete: deleteCondition = true,
+    edit: editCondition = true
+  } = displayConditions;
+
   const callout = useContext(CalloutContext);
   const queryClient = useQueryClient();
 
@@ -146,7 +157,7 @@ const CustomPropertiesSettings = ({
       <Pane
         defaultWidth="fill"
         id="settings-customProperties.lookupPane"
-        lastMenu={
+        lastMenu={createCondition &&
           <Button
             buttonStyle="primary"
             marginBottom0
@@ -180,47 +191,57 @@ const CustomPropertiesSettings = ({
       </Pane>
       {customProperty &&
         <Pane
-          actionMenu={({ onToggle }) => (
-            [
-              <Button
-                key={`${customProperty.name}-action-edit`}
-                buttonStyle="dropdownItem"
-                marginBottom0
-                onClick={() => setMode(EDITING)}
-              >
-                <Icon icon="edit">
-                  {
-                    kintIntl.formatKintMessage(
-                      {
-                        id: 'edit',
-                        overrideValue: labelOverrides?.edit,
-                      }
-                    )
-                  }
-                </Icon>
-              </Button>,
-              <Button
-                key={`${customProperty.name}-action-delete`}
-                buttonStyle="dropdownItem"
-                marginBottom0
-                onClick={() => {
-                  setDeleteModal(true);
-                  onToggle();
-                }}
-              >
-                <Icon icon="trash">
-                  {
-                    kintIntl.formatKintMessage(
-                      {
-                        id: 'delete',
-                        overrideValue: labelOverrides?.delete,
-                      }
-                    )
-                  }
-                </Icon>
-              </Button>
-            ]
-          )}
+          actionMenu={({ onToggle }) => {
+            const actionsArray = [];
+            if (editCondition) {
+              actionsArray.push(
+                <Button
+                  key={`${customProperty.name}-action-edit`}
+                  buttonStyle="dropdownItem"
+                  marginBottom0
+                  onClick={() => setMode(EDITING)}
+                >
+                  <Icon icon="edit">
+                    {
+                      kintIntl.formatKintMessage(
+                        {
+                          id: 'edit',
+                          overrideValue: labelOverrides?.edit,
+                        }
+                      )
+                    }
+                  </Icon>
+                </Button>
+              );
+            }
+
+            if (deleteCondition) {
+              actionsArray.push(
+                <Button
+                  key={`${customProperty.name}-action-delete`}
+                  buttonStyle="dropdownItem"
+                  marginBottom0
+                  onClick={() => {
+                    setDeleteModal(true);
+                    onToggle();
+                  }}
+                >
+                  <Icon icon="trash">
+                    {
+                      kintIntl.formatKintMessage(
+                        {
+                          id: 'delete',
+                          overrideValue: labelOverrides?.delete,
+                        }
+                      )
+                    }
+                  </Icon>
+                </Button>
+              );
+            }
+
+            return (actionsArray?.length ? actionsArray : null);
+          }}
           defaultWidth="fill"
           dismissible
           id="settings-customProperties-viewPane"
@@ -349,6 +370,11 @@ CustomPropertiesSettings.propTypes = {
     ])
   })),
   customPropertiesEndpoint: PropTypes.string,
+  displayConditions: PropTypes.shape({
+    create: PropTypes.bool,
+    delete: PropTypes.bool,
+    view: PropTypes.bool,
+  }),
   helpPopovers: PropTypes.object,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,

package/src/lib/CustomProperties/Config/README.md

@@ -23,6 +23,7 @@ ctx | `<moduleIntlKey>.customProperties.ctx` | Override for the display of field
 deleteError | `<moduleIntlKey>customProperties.config.delete.errorMessage` | Override for the default callout message shown when a custom property fails to delete. Accepts a function to which it will provide the error message and the customProperty in question. | error; The error on delete, label: The label of the custom property |
 defaultVisibility | `<moduleIntlKey>.customProperties.defaultVisibility` | Override for the display of field "defaultVisibility" | | |
 description | `<moduleIntlKey>.customProperties.description` | Override for the display of field "description" | | |
+displayConditions | object | An object of the form `{delete: false, edit: true, create: true}`, with keys `delete`, `edit` and `create`, and a boolean value. These will each default to true if not specified. These booleans will act as an additional check before rendering the actions for create/delete/edit, as well as whether or not to render the action button in the view pane at all. | `{delete: true, edit: true, create: true}` | ✕ |
 editModalTitle | `<moduleIntlKey>.customProperties.config.editModal` | Override for the modal header on editing a custom property | name: Label of custom property, falling back to name. |
 label | `<moduleIntlKey>.customProperties.label` | Override for the display of field "label" | | |
 name | `<moduleIntlKey>.customProperties.name` | Override for the display of field "name" | | |newModalTitle | `<moduleIntlKey>.customProperties.config.newModal` | Override for the modal header on attempting to create a custom property | "Edit custom property" |

package/src/lib/EditableRefdataList/README.md

@@ -21,6 +21,6 @@ afterQueryCalls | object | An object of the form `{delete: func1, put: func2}` w
 allowSpecial | boolean | A boolean to turn off/on the stripping out of special characters and replacing them with `_`. Generally turning this on will cause problems with queries to KIWT endpoints and internally with Stripes filters, where a refdata value includes `&&`, `||`, `\` or `"`. | false | ✕ |
 catchQueryCalls | object | An object of the form `{delete: func1, put: func2}` where `func1`/`func2` are functions to be called with a HTTPError object when the `delete`/`put` calls fail. | `{delete: <Fires a callout of the format "<strong>Error: {label}</strong> was not deleted. {error}">}` | | ✕ |
 desc | String | A string corresponding to the refdataValue category, usually of the form `DomainClass.Field`. See `useRefdata` for more information. | | ✕ |
-endpoint | String | A string containing the path to the endpoint for refdata | | ✓ |
 displayConditions | object | An object of the form `{delete: false, edit: true, create: true}`, with keys `delete`, `edit` and `create`, and a boolean value. These will each default to true if not specified. These booleans will act as an additional check before rendering the actions for create/delete/edit, as well as whether or not to render the actions column at all. | `{delete: true, edit: true, create: true}` | ✕ |
+endpoint | String | A string containing the path to the endpoint for refdata | | ✓ |
 labelOverrides | object | An object containing translation overrides. Currently accepts: `deleteError: (err, object) => { ... output a callout message }`. | | ✕ |

package/src/lib/EditableSettingsList/EditableSettingsList.js

@@ -7,6 +7,7 @@ import arrayMutators from 'final-form-arrays';
 import EditableSettingsListFieldArray from './EditableSettingsListFieldArray';
 
 const EditableSettingsList = ({
+  allowEdit = true, // A gloabal boolean permission to turn on/off editing of all appSettings in the frontend
   data,
   initialValues,
   intlKey: passedIntlKey,
@@ -28,6 +29,7 @@ const EditableSettingsList = ({
       {({ handleSubmit }) => (
         <form onSubmit={handleSubmit}>
           <FieldArray
+            allowEdit={allowEdit}
             component={EditableSettingsListFieldArray}
             data={data}
             intlKey={passedIntlKey}
@@ -44,7 +46,7 @@ const EditableSettingsList = ({
 };
 
 EditableSettingsList.propTypes = {
-  onSave: PropTypes.func,
+  allowEdit: PropTypes.bool,
   data: PropTypes.shape({
     refdatavalues: PropTypes.arrayOf(PropTypes.object)
   }),
@@ -57,6 +59,7 @@ EditableSettingsList.propTypes = {
     PropTypes.object
   ]),
   labelOverrides: PropTypes.object,
+  onSave: PropTypes.func,
 };
 
 export default EditableSettingsList;

package/src/lib/EditableSettingsList/EditableSettingsListFieldArray.js

@@ -5,6 +5,7 @@ import { Field } from 'react-final-form';
 import { SettingField } from './SettingField';
 
 const EditableSettingsListFieldArray = ({
+  allowEdit = true,
   data,
   fields,
   intlKey: passedIntlKey,
@@ -22,6 +23,7 @@ const EditableSettingsListFieldArray = ({
       return (
         <Field
           key={setting}
+          allowEdit={allowEdit}
           component={SettingField}
           data-testid={`editableSettingsListFieldArray[${i}]`}
           intlKey={passedIntlKey}
@@ -40,6 +42,7 @@ const EditableSettingsListFieldArray = ({
 };
 
 EditableSettingsListFieldArray.propTypes = {
+  allowEdit: PropTypes.bool,
   fields: PropTypes.object,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,

package/src/lib/EditableSettingsList/SettingField/SettingField.js

@@ -17,6 +17,7 @@ import renderHelpTextCSS from '../../../../styles/renderHelpText.css';
 
 const SettingField = (settingFieldProps) => {
   const {
+    allowEdit = true,
     intlKey: passedIntlKey,
     intlNS: passedIntlNS,
     labelOverrides = {},
@@ -81,21 +82,24 @@ const SettingField = (settingFieldProps) => {
       kintIntl.formatKintMessage({
         id: 'edit'
       });
-    return (
-      <Button
-        marginBottom0
-        onClick={(e) => {
-          e.preventDefault();
-          return (
-            editing ?
-              onSave().then(() => setEditing(false)) :
-              setEditing(true)
-          );
-        }}
-      >
-        {EditText}
-      </Button>
-    );
+    if (allowEdit) {
+      return (
+        <Button
+          marginBottom0
+          onClick={(e) => {
+            e.preventDefault();
+            return (
+              editing ?
+                onSave().then(() => setEditing(false)) :
+                setEditing(true)
+            );
+          }}
+        >
+          {EditText}
+        </Button>
+      );
+    }
+    return null;
   };
 
   let RenderFunction;
@@ -146,6 +150,7 @@ const SettingField = (settingFieldProps) => {
 };
 
 SettingField.propTypes = {
+  allowEdit: PropTypes.bool,
   settingData: PropTypes.shape({
     refdatavalues: PropTypes.arrayOf(PropTypes.object),
     currentSetting: PropTypes.object,

package/src/lib/SettingPage/SettingPage.js

@@ -7,6 +7,7 @@ import { SettingsContext } from '../contexts';
 import useSettingSection from '../settingsHooks/useSettingSection';
 
 const SettingPage = ({
+  allowEdit = true,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
   labelOverrides = {},
@@ -21,6 +22,7 @@ const SettingPage = ({
 
   return (
     <EditableSettingsList
+      allowEdit={allowEdit}
       initialValues={{ 'settings': settings }}
       intlKey={passedIntlKey}
       intlNS={passedIntlNS}
@@ -33,6 +35,7 @@ const SettingPage = ({
 };
 
 SettingPage.propTypes = {
+  allowEdit: PropTypes.bool,
   intlKey: PropTypes.string,
   intlNS: PropTypes.string,
   labelOverrides: PropTypes.object,

package/src/lib/settingsHooks/useSettings.js

@@ -13,6 +13,7 @@ import { generateKiwtQueryParams, sortByLabel, toCamelCase } from '../utils';
 import { useKintIntl, useIntlKey } from '../hooks';
 
 const useSettings = ({
+  allowGlobalEdit = true,
   dynamicPageExclusions,
   intlKey: passedIntlKey,
   intlNS: passedIntlNS,
@@ -56,6 +57,7 @@ const useSettings = ({
             sectionName={section}
           >
             <SettingPage
+              allowEdit={allowGlobalEdit}
               intlKey={passedIntlKey}
               intlNS={passedIntlNS}
               labelOverrides={labelOverrides}

package/src/lib/utils/selectorSafe.js

@@ -1,6 +1,20 @@
 const selectorSafe = (string) => {
-  return string.replaceAll(/[^a-zA-Z0-9\-_]/g, '_');
+  // Normalise to separate diacritics from their base characters as "marks"
+  // then strip out all marks.
+  return string.normalize('NFKD')?.replace(/\p{M}/gu, '')
+    // Then swap out any non-letter/number characters (Also ignore - and _) for `_`
+    ?.replace(/[^\p{L}\p{N}\-_]/gu, '_');
 };
 
 export default selectorSafe;
 
+/*
+ * Should transform as follows:
+ * %%&&||()_-*^%$£"!:;@'~#<>/??|\ --> _________-____________________
+ * étéaoûtçapère; --> eteaoutcapere_
+ * Wörtertschüss; --> wortertschuss_
+ * mañanaángel'brødfråłzaźlepięćkuşgöz`tŷ --> mananaangel_brødfrałzazlepieckusgoz_ty
+ * æøß --> æøß
+ * How do we handle numbers 00!1 --> how_do_we_handle_numbers_00_1
+ * This is a normal case --> this_is_a_normal_case
+ */