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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (164) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/es/index.js +29 -49
  3. package/es/lib/ActionList/ActionList.js +28 -73
  4. package/es/lib/ActionList/ActionListFieldArray.js +97 -220
  5. package/es/lib/ActionList/index.js +2 -8
  6. package/es/lib/EditableRefdataList/EditableRefdataList.js +46 -134
  7. package/es/lib/EditableRefdataList/index.js +2 -8
  8. package/es/lib/EditableSettingsList/EditableSettingsList.js +11 -47
  9. package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js +16 -61
  10. package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js +62 -137
  11. package/es/lib/EditableSettingsList/SettingField/EditSettingValue.js +23 -91
  12. package/es/lib/EditableSettingsList/SettingField/EditSettingValue.test.js +103 -127
  13. package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.js +19 -75
  14. package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js +188 -357
  15. package/es/lib/EditableSettingsList/SettingField/SettingField.js +39 -120
  16. package/es/lib/EditableSettingsList/SettingField/SettingField.test.js +61 -157
  17. package/es/lib/EditableSettingsList/SettingField/index.js +4 -12
  18. package/es/lib/EditableSettingsList/index.js +4 -12
  19. package/es/lib/NoResultsMessage/NoResultsMessage.js +24 -61
  20. package/es/lib/NoResultsMessage/index.js +2 -8
  21. package/es/lib/QueryTypedown/QueryTypedown.js +15 -89
  22. package/es/lib/QueryTypedown/index.js +2 -8
  23. package/es/lib/RefdataButtons/RefdataButtons.js +32 -85
  24. package/es/lib/RefdataButtons/index.js +2 -8
  25. package/es/lib/SASQLookupComponent/SASQLookupComponent.js +120 -227
  26. package/es/lib/SASQLookupComponent/index.js +2 -8
  27. package/es/lib/SASQRoute/SASQRoute.js +27 -76
  28. package/es/lib/SASQRoute/index.js +2 -8
  29. package/es/lib/SASQViewComponent/SASQViewComponent.js +28 -89
  30. package/es/lib/SASQViewComponent/index.js +2 -8
  31. package/es/lib/SearchField/SearchField.js +11 -61
  32. package/es/lib/SearchField/index.js +2 -8
  33. package/es/lib/SettingPage/SettingPage.js +17 -63
  34. package/es/lib/SettingPage/SettingPagePane.js +13 -58
  35. package/es/lib/SettingPage/index.js +3 -10
  36. package/es/lib/TypeDown/TypeDown.js +61 -132
  37. package/es/lib/TypeDown/index.js +2 -8
  38. package/es/lib/Typedown/Typedown.js +74 -153
  39. package/es/lib/Typedown/index.js +2 -8
  40. package/es/lib/constants/eventCodes.js +3 -36
  41. package/es/lib/contexts/SettingsContext.js +2 -34
  42. package/es/lib/contexts/index.js +2 -8
  43. package/es/lib/hooks/index.js +12 -27
  44. package/es/lib/hooks/settingsHooks/index.js +3 -10
  45. package/es/lib/hooks/settingsHooks/useSettingSection.js +16 -60
  46. package/es/lib/hooks/settingsHooks/useSettings.js +51 -130
  47. package/es/lib/hooks/typedownHooks/index.js +4 -12
  48. package/es/lib/hooks/typedownHooks/useTypedown.js +60 -114
  49. package/es/lib/hooks/typedownHooks/useTypedownData.js +13 -69
  50. package/es/lib/hooks/typedownHooks/useTypedownToggle.js +15 -71
  51. package/es/lib/hooks/useActiveElement.js +10 -63
  52. package/es/lib/hooks/useHelperApp.js +37 -111
  53. package/es/lib/hooks/useKiwtFieldArray.js +35 -101
  54. package/es/lib/hooks/useKiwtSASQuery.js +36 -107
  55. package/es/lib/hooks/useLocalStorageState.js +7 -69
  56. package/es/lib/hooks/useMutateRefdataValue.js +31 -115
  57. package/es/lib/hooks/useQIndex.js +17 -87
  58. package/es/lib/hooks/useRefdata.js +19 -65
  59. package/es/lib/hooks/useTemplates.js +16 -60
  60. package/es/lib/utils/buildUrl.js +11 -51
  61. package/es/lib/utils/generateKiwtQuery.js +4 -40
  62. package/es/lib/utils/generateKiwtQueryParams.js +38 -125
  63. package/es/lib/utils/index.js +9 -22
  64. package/es/lib/utils/refdataOptions.js +2 -32
  65. package/es/lib/utils/renderHelpText.js +32 -89
  66. package/es/lib/utils/selectorSafe.js +2 -34
  67. package/es/lib/utils/sortByLabel.js +4 -41
  68. package/es/lib/utils/toCamelCase.js +8 -42
  69. package/package.json +17 -3
  70. package/es/artifacts/coverage-jest/lcov-report/block-navigation.js +0 -109
  71. package/es/artifacts/coverage-jest/lcov-report/prettify.js +0 -998
  72. package/es/artifacts/coverage-jest/lcov-report/sorter.js +0 -238
  73. package/junit.xml +0 -79
  74. package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionList.js.html +0 -256
  75. package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionListFieldArray.js.html +0 -799
  76. package/src/artifacts/coverage-jest/lcov-report/ActionList/index.html +0 -146
  77. package/src/artifacts/coverage-jest/lcov-report/ActionList/index.js.html +0 -88
  78. package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/EditableRefdataList.js.html +0 -376
  79. package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/index.html +0 -131
  80. package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/index.js.html +0 -88
  81. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/EditableSettingsList.js.html +0 -223
  82. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/EditableSettingsListFieldArray.js.html +0 -211
  83. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/EditSettingValue.js.html +0 -376
  84. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/RenderSettingValue.js.html +0 -262
  85. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/SettingField.js.html +0 -436
  86. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/index.html +0 -161
  87. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/index.js.html +0 -94
  88. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/index.html +0 -146
  89. package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/index.js.html +0 -94
  90. package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/NoResultsMessage.js.html +0 -319
  91. package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/index.html +0 -131
  92. package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/index.js.html +0 -88
  93. package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/QueryTypedown.js.html +0 -184
  94. package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/index.html +0 -131
  95. package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/index.js.html +0 -88
  96. package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/RefdataButtons.js.html +0 -370
  97. package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.html +0 -131
  98. package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.js.html +0 -88
  99. package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/SASQLookupComponent.js.html +0 -949
  100. package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/index.html +0 -131
  101. package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/index.js.html +0 -88
  102. package/src/artifacts/coverage-jest/lcov-report/SASQRoute/SASQRoute.js.html +0 -274
  103. package/src/artifacts/coverage-jest/lcov-report/SASQRoute/index.html +0 -131
  104. package/src/artifacts/coverage-jest/lcov-report/SASQRoute/index.js.html +0 -88
  105. package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/SASQViewComponent.js.html +0 -250
  106. package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/index.html +0 -131
  107. package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/index.js.html +0 -88
  108. package/src/artifacts/coverage-jest/lcov-report/SearchField/SearchField.js.html +0 -214
  109. package/src/artifacts/coverage-jest/lcov-report/SearchField/index.html +0 -131
  110. package/src/artifacts/coverage-jest/lcov-report/SearchField/index.js.html +0 -88
  111. package/src/artifacts/coverage-jest/lcov-report/SettingPage/SettingPage.js.html +0 -211
  112. package/src/artifacts/coverage-jest/lcov-report/SettingPage/SettingPagePane.js.html +0 -178
  113. package/src/artifacts/coverage-jest/lcov-report/SettingPage/index.html +0 -146
  114. package/src/artifacts/coverage-jest/lcov-report/SettingPage/index.js.html +0 -91
  115. package/src/artifacts/coverage-jest/lcov-report/TypeDown/TypeDown.js.html +0 -769
  116. package/src/artifacts/coverage-jest/lcov-report/TypeDown/index.html +0 -131
  117. package/src/artifacts/coverage-jest/lcov-report/TypeDown/index.js.html +0 -88
  118. package/src/artifacts/coverage-jest/lcov-report/Typedown/Typedown.js.html +0 -790
  119. package/src/artifacts/coverage-jest/lcov-report/Typedown/index.html +0 -131
  120. package/src/artifacts/coverage-jest/lcov-report/Typedown/index.js.html +0 -88
  121. package/src/artifacts/coverage-jest/lcov-report/base.css +0 -224
  122. package/src/artifacts/coverage-jest/lcov-report/block-navigation.js +0 -87
  123. package/src/artifacts/coverage-jest/lcov-report/constants/eventCodes.js.html +0 -94
  124. package/src/artifacts/coverage-jest/lcov-report/constants/index.html +0 -116
  125. package/src/artifacts/coverage-jest/lcov-report/contexts/SettingsContext.js.html +0 -97
  126. package/src/artifacts/coverage-jest/lcov-report/contexts/index.html +0 -131
  127. package/src/artifacts/coverage-jest/lcov-report/contexts/index.js.html +0 -91
  128. package/src/artifacts/coverage-jest/lcov-report/favicon.png +0 -0
  129. package/src/artifacts/coverage-jest/lcov-report/hooks/index.html +0 -251
  130. package/src/artifacts/coverage-jest/lcov-report/hooks/index.js.html +0 -115
  131. package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/index.html +0 -146
  132. package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/index.js.html +0 -91
  133. package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettingSection.js.html +0 -163
  134. package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettings.js.html +0 -403
  135. package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/index.html +0 -161
  136. package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/index.js.html +0 -94
  137. package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedown.js.html +0 -520
  138. package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownData.js.html +0 -163
  139. package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownToggle.js.html +0 -163
  140. package/src/artifacts/coverage-jest/lcov-report/hooks/useActiveElement.js.html +0 -157
  141. package/src/artifacts/coverage-jest/lcov-report/hooks/useHelperApp.js.html +0 -283
  142. package/src/artifacts/coverage-jest/lcov-report/hooks/useKiwtFieldArray.js.html +0 -274
  143. package/src/artifacts/coverage-jest/lcov-report/hooks/useKiwtSASQuery.js.html +0 -178
  144. package/src/artifacts/coverage-jest/lcov-report/hooks/useLocalStorageState.js.html +0 -136
  145. package/src/artifacts/coverage-jest/lcov-report/hooks/useMutateRefdataValue.js.html +0 -301
  146. package/src/artifacts/coverage-jest/lcov-report/hooks/useQIndex.js.html +0 -208
  147. package/src/artifacts/coverage-jest/lcov-report/hooks/useRefdata.js.html +0 -268
  148. package/src/artifacts/coverage-jest/lcov-report/hooks/useTemplates.js.html +0 -166
  149. package/src/artifacts/coverage-jest/lcov-report/index.html +0 -401
  150. package/src/artifacts/coverage-jest/lcov-report/prettify.css +0 -1
  151. package/src/artifacts/coverage-jest/lcov-report/prettify.js +0 -2
  152. package/src/artifacts/coverage-jest/lcov-report/sort-arrow-sprite.png +0 -0
  153. package/src/artifacts/coverage-jest/lcov-report/sorter.js +0 -196
  154. package/src/artifacts/coverage-jest/lcov-report/utils/buildUrl.js.html +0 -193
  155. package/src/artifacts/coverage-jest/lcov-report/utils/generateKiwtQuery.js.html +0 -109
  156. package/src/artifacts/coverage-jest/lcov-report/utils/generateKiwtQueryParams.js.html +0 -286
  157. package/src/artifacts/coverage-jest/lcov-report/utils/index.html +0 -236
  158. package/src/artifacts/coverage-jest/lcov-report/utils/index.js.html +0 -121
  159. package/src/artifacts/coverage-jest/lcov-report/utils/refdataOptions.js.html +0 -106
  160. package/src/artifacts/coverage-jest/lcov-report/utils/renderHelpText.js.html +0 -166
  161. package/src/artifacts/coverage-jest/lcov-report/utils/selectorSafe.js.html +0 -103
  162. package/src/artifacts/coverage-jest/lcov-report/utils/sortByLabel.js.html +0 -130
  163. package/src/artifacts/coverage-jest/lcov-report/utils/toCamelCase.js.html +0 -127
  164. package/src/artifacts/coverage-jest/lcov.info +0 -1999
@@ -1,133 +1,78 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
6
  exports.default = void 0;
9
-
10
7
  var _react = _interopRequireWildcard(require("react"));
11
-
12
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
9
  var _reactIntl = require("react-intl");
15
-
16
10
  var _components = require("@folio/stripes/components");
17
-
18
11
  var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
19
-
20
12
  var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
21
-
22
13
  var _contexts = require("../../contexts");
23
-
24
14
  var _hooks = require("../../hooks");
25
-
26
15
  var _utils = require("../../utils");
27
-
28
16
  var _jsxRuntime = require("react/jsx-runtime");
29
-
30
17
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- 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); }
33
-
34
- 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; }
35
-
36
- (function () {
37
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
38
- enterModule && enterModule(module);
39
- })();
40
-
41
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
42
-
43
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
44
-
45
- 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; }
46
-
47
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
48
-
49
- 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."); }
50
-
51
- 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); }
52
-
53
- 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; }
54
-
55
- 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; }
56
-
57
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
58
-
59
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
60
- return a;
61
- };
62
-
63
- var SettingField = function SettingField(settingFieldProps) {
64
- var onSave = settingFieldProps.onSave,
65
- _settingFieldProps$se = settingFieldProps.settingData;
66
- _settingFieldProps$se = _settingFieldProps$se === void 0 ? {} : _settingFieldProps$se;
67
- var currentSetting = _settingFieldProps$se.currentSetting;
68
-
69
- var _useState = (0, _react.useState)(false),
70
- _useState2 = _slicedToArray(_useState, 2),
71
- editing = _useState2[0],
72
- setEditing = _useState2[1];
73
-
74
- var intl = (0, _reactIntl.useIntl)();
75
-
76
- var _useContext = (0, _react.useContext)(_contexts.SettingsContext),
77
- intlKey = _useContext.intlKey,
78
- refdataEndpoint = _useContext.refdataEndpoint,
79
- templateEndpoint = _useContext.templateEndpoint;
80
-
81
- var _useRefdata = (0, _hooks.useRefdata)({
18
+ 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); }
19
+ 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; }
20
+ const SettingField = settingFieldProps => {
21
+ const {
22
+ onSave,
23
+ settingData: {
24
+ currentSetting
25
+ } = {}
26
+ } = settingFieldProps;
27
+ const [editing, setEditing] = (0, _react.useState)(false);
28
+ const intl = (0, _reactIntl.useIntl)();
29
+ const {
30
+ intlKey,
31
+ refdataEndpoint,
32
+ templateEndpoint
33
+ } = (0, _react.useContext)(_contexts.SettingsContext);
34
+ const {
35
+ 0: {
36
+ values: refdata = []
37
+ } = {}
38
+ } = (0, _hooks.useRefdata)({
82
39
  endpoint: refdataEndpoint,
83
40
  desc: currentSetting.vocab,
84
41
  queryParams: {
85
- enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Refdata'
42
+ enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata'
86
43
  }
87
- }),
88
- _useRefdata$ = _useRefdata[0];
89
-
90
- _useRefdata$ = _useRefdata$ === void 0 ? {} : _useRefdata$;
91
- var _useRefdata$$values = _useRefdata$.values,
92
- refdata = _useRefdata$$values === void 0 ? [] : _useRefdata$$values;
93
- var templates = (0, _hooks.useTemplates)({
44
+ });
45
+ const templates = (0, _hooks.useTemplates)({
94
46
  context: currentSetting.vocab,
95
47
  endpoint: templateEndpoint,
96
48
  queryParams: {
97
- enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab) && currentSetting.settingType === 'Template'
49
+ enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Template'
98
50
  }
99
51
  });
100
-
101
- var renderEditButton = function renderEditButton() {
102
- var EditText = editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
52
+ const renderEditButton = () => {
53
+ const EditText = editing ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
103
54
  id: "stripes-kint-components.settings.finishEditing"
104
55
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
105
56
  id: "stripes-kint-components.settings.edit"
106
57
  });
107
58
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
108
- onClick: function onClick(e) {
59
+ onClick: e => {
109
60
  e.preventDefault();
110
- return editing ? onSave().then(function () {
111
- return setEditing(false);
112
- }) : setEditing(true);
61
+ return editing ? onSave().then(() => setEditing(false)) : setEditing(true);
113
62
  },
114
63
  children: EditText
115
64
  });
116
65
  };
117
-
118
- var RenderFunction;
119
-
66
+ let RenderFunction;
120
67
  if (editing === false) {
121
68
  RenderFunction = _RenderSettingValue.default;
122
69
  } else {
123
70
  RenderFunction = _EditSettingValue.default;
124
71
  }
125
-
126
- var id = "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help");
127
-
128
- var renderHeaderStart = function renderHeaderStart() {
129
- var settingName = Object.keys(currentSetting).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
130
- id: "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
72
+ const id = `${intlKey}.settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}.help`;
73
+ const renderHeaderStart = () => {
74
+ const settingName = Object.keys(currentSetting).length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
75
+ id: `${intlKey}.settings.${(0, _utils.toCamelCase)(currentSetting.section)}.${(0, _utils.toCamelCase)(currentSetting.key)}`
131
76
  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
132
77
  id: "stripes-kint-components.settings.settingLoading"
133
78
  });
@@ -137,23 +82,18 @@ var SettingField = function SettingField(settingFieldProps) {
137
82
  }), settingName]
138
83
  });
139
84
  };
140
-
141
85
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
142
86
  headerEnd: renderEditButton(),
143
87
  headerStart: renderHeaderStart(),
144
88
  roundedBorder: true,
145
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, _objectSpread({
89
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, {
146
90
  currentSetting: currentSetting,
147
91
  refdata: refdata,
148
- templates: templates
149
- }, settingFieldProps))
92
+ templates: templates,
93
+ ...settingFieldProps
94
+ })
150
95
  });
151
96
  };
152
-
153
- __signature__(SettingField, "useState{[editing, setEditing](false)}\nuseIntl{intl}\nuseContext{{ intlKey, refdataEndpoint, templateEndpoint }}\nuseRefdata{{\n 0: {\n values: refdata = []\n } = {}\n }}\nuseTemplates{templates}", function () {
154
- return [_reactIntl.useIntl, _hooks.useRefdata, _hooks.useTemplates];
155
- });
156
-
157
97
  SettingField.propTypes = {
158
98
  settingData: _propTypes.default.shape({
159
99
  refdatavalues: _propTypes.default.arrayOf(_propTypes.default.object),
@@ -163,25 +103,4 @@ SettingField.propTypes = {
163
103
  input: _propTypes.default.object,
164
104
  onSave: _propTypes.default.func
165
105
  };
166
- var _default = SettingField;
167
- var _default2 = _default;
168
- exports.default = _default2;
169
- ;
170
-
171
- (function () {
172
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
173
-
174
- if (!reactHotLoader) {
175
- return;
176
- }
177
-
178
- reactHotLoader.register(SettingField, "SettingField", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.js");
179
- reactHotLoader.register(_default, "default", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.js");
180
- })();
181
-
182
- ;
183
-
184
- (function () {
185
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
186
- leaveModule && leaveModule(module);
187
- })();
106
+ var _default = exports.default = SettingField;
@@ -1,180 +1,84 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
-
5
4
  var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
6
-
7
5
  require("@folio/stripes-erm-components/test/jest/__mock__");
8
-
9
6
  var _helpers = require("@folio/stripes-erm-components/test/jest/helpers");
10
-
11
7
  var _stripesTesting = require("@folio/stripes-testing");
12
-
13
8
  var _reactFinalForm = require("react-final-form");
14
-
15
9
  var _SettingField = _interopRequireDefault(require("./SettingField"));
16
-
17
10
  var _helpers2 = require("../../../../test/jest/helpers");
18
-
19
11
  var _jsxRuntime = require("react/jsx-runtime");
20
-
21
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
-
23
- (function () {
24
- var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
25
- enterModule && enterModule(module);
26
- })();
27
-
28
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
29
-
30
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
31
-
32
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
33
- return a;
34
- };
35
-
36
- var onSubmit = jest.fn();
37
- var onSave = jest.fn().mockResolvedValue();
38
- jest.mock('./EditSettingValue', function () {
39
- return function () {
40
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
41
- children: "EditSettingValue"
42
- });
43
- };
44
- });
45
- jest.mock('./RenderSettingValue', function () {
46
- return function () {
47
- return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
48
- children: "RenderSettingValue"
49
- });
50
- };
51
- });
52
- jest.mock('../../hooks', function () {
53
- return {
54
- useRefdata: function useRefdata() {
55
- return [];
56
- },
57
- useTemplates: function useTemplates() {
58
- return [];
59
- }
60
- };
61
- });
62
- var setting = {
13
+ const onSubmit = jest.fn();
14
+ const onSave = jest.fn().mockResolvedValue();
15
+ jest.mock('./EditSettingValue', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
16
+ children: "EditSettingValue"
17
+ }));
18
+ jest.mock('./RenderSettingValue', () => () => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
19
+ children: "RenderSettingValue"
20
+ }));
21
+ jest.mock('../../hooks', () => ({
22
+ useRefdata: () => [],
23
+ useTemplates: () => []
24
+ }));
25
+ const setting = {
63
26
  id: 'ff8081817d94374a017d94449a660049',
64
27
  key: 'S3BucketName',
65
28
  section: 'fileStorage',
66
29
  settingType: 'String',
67
30
  value: 'diku-shared'
68
31
  };
69
- describe('SettingField', function () {
70
- var renderComponent;
71
- beforeEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
72
- return regeneratorRuntime.wrap(function _callee$(_context) {
73
- while (1) {
74
- switch (_context.prev = _context.next) {
75
- case 0:
76
- renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
77
- initialValues: {},
78
- onSubmit: onSubmit,
79
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
80
- component: _SettingField.default,
81
- name: "test",
82
- onSave: onSave,
83
- settingData: {
84
- currentSetting: setting
85
- }
86
- })
87
- }));
88
-
89
- case 1:
90
- case "end":
91
- return _context.stop();
32
+ describe('SettingField', () => {
33
+ let renderComponent;
34
+ beforeEach(async () => {
35
+ renderComponent = (0, _helpers2.renderWithKintHarness)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_helpers.TestForm, {
36
+ initialValues: {},
37
+ onSubmit: onSubmit,
38
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, {
39
+ component: _SettingField.default,
40
+ name: "test",
41
+ onSave: onSave,
42
+ settingData: {
43
+ currentSetting: setting
92
44
  }
93
- }
94
- }, _callee);
95
- })));
96
- it('renders RenderSettingValue', function () {
97
- var _renderComponent = renderComponent,
98
- getByText = _renderComponent.getByText;
45
+ })
46
+ }));
47
+ });
48
+ it('renders RenderSettingValue', () => {
49
+ const {
50
+ getByText
51
+ } = renderComponent;
99
52
  expect(getByText('RenderSettingValue')).toBeInTheDocument();
100
53
  });
101
- test('renders the edit button', function () {
54
+ test('renders the edit button', () => {
102
55
  (0, _stripesTesting.Button)('Edit').exists();
103
56
  });
104
- it('clicking edit/save works as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
105
- var _renderComponent2, getByRole, findByText, editButton, finishEditing;
106
-
107
- return regeneratorRuntime.wrap(function _callee2$(_context2) {
108
- while (1) {
109
- switch (_context2.prev = _context2.next) {
110
- case 0:
111
- _renderComponent2 = renderComponent, getByRole = _renderComponent2.getByRole, findByText = _renderComponent2.findByText; // before clicking on edit button, we should be rendering setting value
112
-
113
- _context2.t0 = expect;
114
- _context2.next = 4;
115
- return findByText('RenderSettingValue');
116
-
117
- case 4:
118
- _context2.t1 = _context2.sent;
119
- (0, _context2.t0)(_context2.t1).toBeInTheDocument();
120
- // Clicking edit button
121
- editButton = getByRole('button', {
122
- name: /Edit/i
123
- });
124
- expect(editButton).toBeInTheDocument();
125
-
126
- _userEvent.default.click(editButton); // Should be rendering the "edit" for a setting value
127
-
128
-
129
- _context2.t2 = expect;
130
- _context2.next = 12;
131
- return findByText('EditSettingValue');
132
-
133
- case 12:
134
- _context2.t3 = _context2.sent;
135
- (0, _context2.t2)(_context2.t3).toBeInTheDocument();
136
- // Clicking finish editing button
137
- finishEditing = getByRole('button', {
138
- name: /Finish editing/i
139
- });
140
- expect(finishEditing).toBeInTheDocument();
141
-
142
- _userEvent.default.click(finishEditing); // Should be rendering the setting value again
143
-
144
-
145
- _context2.t4 = expect;
146
- _context2.next = 20;
147
- return findByText('RenderSettingValue');
148
-
149
- case 20:
150
- _context2.t5 = _context2.sent;
151
- (0, _context2.t4)(_context2.t5).toBeInTheDocument();
152
-
153
- case 22:
154
- case "end":
155
- return _context2.stop();
156
- }
157
- }
158
- }, _callee2);
159
- })));
160
- });
161
- ;
162
-
163
- (function () {
164
- var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
165
-
166
- if (!reactHotLoader) {
167
- return;
168
- }
169
-
170
- reactHotLoader.register(onSubmit, "onSubmit", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
171
- reactHotLoader.register(onSave, "onSave", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
172
- reactHotLoader.register(setting, "setting", "/home/ethan/FolioModules/stripes-kint-components/src/lib/EditableSettingsList/SettingField/SettingField.test.js");
173
- })();
174
-
175
- ;
176
-
177
- (function () {
178
- var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
179
- leaveModule && leaveModule(module);
180
- })();
57
+ it('clicking edit/save works as expected', async () => {
58
+ const {
59
+ getByRole,
60
+ findByText
61
+ } = renderComponent;
62
+
63
+ // before clicking on edit button, we should be rendering setting value
64
+ expect(await findByText('RenderSettingValue')).toBeInTheDocument();
65
+
66
+ // Clicking edit button
67
+ const editButton = getByRole('button', {
68
+ name: /Edit/i
69
+ });
70
+ expect(editButton).toBeInTheDocument();
71
+ _userEvent.default.click(editButton);
72
+ // Should be rendering the "edit" for a setting value
73
+ expect(await findByText('EditSettingValue')).toBeInTheDocument();
74
+
75
+ // Clicking finish editing button
76
+ const finishEditing = getByRole('button', {
77
+ name: /Finish editing/i
78
+ });
79
+ expect(finishEditing).toBeInTheDocument();
80
+ _userEvent.default.click(finishEditing);
81
+ // Should be rendering the setting value again
82
+ expect(await findByText('RenderSettingValue')).toBeInTheDocument();
83
+ });
84
+ });
@@ -5,31 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "EditSettingValue", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _EditSettingValue.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "RenderSettingValue", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _RenderSettingValue.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "SettingField", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _SettingField.default;
22
22
  }
23
23
  });
24
-
25
24
  var _SettingField = _interopRequireDefault(require("./SettingField"));
26
-
27
25
  var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
28
-
29
26
  var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
30
-
31
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
32
-
33
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
34
- return a;
35
- };
27
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -5,31 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "EditableSettingsList", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _EditableSettingsList.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "EditableSettingsListFieldArray", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _EditableSettingsListFieldArray.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "SettingField", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _SettingField.SettingField;
22
22
  }
23
23
  });
24
-
25
24
  var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
26
-
27
25
  var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
28
-
29
26
  var _SettingField = require("./SettingField");
30
-
31
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
32
-
33
- var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
34
- return a;
35
- };
27
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }