@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.
- package/CHANGELOG.md +7 -0
- package/es/index.js +29 -49
- package/es/lib/ActionList/ActionList.js +28 -73
- package/es/lib/ActionList/ActionListFieldArray.js +97 -220
- package/es/lib/ActionList/index.js +2 -8
- package/es/lib/EditableRefdataList/EditableRefdataList.js +46 -134
- package/es/lib/EditableRefdataList/index.js +2 -8
- package/es/lib/EditableSettingsList/EditableSettingsList.js +11 -47
- package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js +16 -61
- package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js +62 -137
- package/es/lib/EditableSettingsList/SettingField/EditSettingValue.js +23 -91
- package/es/lib/EditableSettingsList/SettingField/EditSettingValue.test.js +103 -127
- package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.js +19 -75
- package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js +188 -357
- package/es/lib/EditableSettingsList/SettingField/SettingField.js +39 -120
- package/es/lib/EditableSettingsList/SettingField/SettingField.test.js +61 -157
- package/es/lib/EditableSettingsList/SettingField/index.js +4 -12
- package/es/lib/EditableSettingsList/index.js +4 -12
- package/es/lib/NoResultsMessage/NoResultsMessage.js +24 -61
- package/es/lib/NoResultsMessage/index.js +2 -8
- package/es/lib/QueryTypedown/QueryTypedown.js +15 -89
- package/es/lib/QueryTypedown/index.js +2 -8
- package/es/lib/RefdataButtons/RefdataButtons.js +32 -85
- package/es/lib/RefdataButtons/index.js +2 -8
- package/es/lib/SASQLookupComponent/SASQLookupComponent.js +120 -227
- package/es/lib/SASQLookupComponent/index.js +2 -8
- package/es/lib/SASQRoute/SASQRoute.js +27 -76
- package/es/lib/SASQRoute/index.js +2 -8
- package/es/lib/SASQViewComponent/SASQViewComponent.js +28 -89
- package/es/lib/SASQViewComponent/index.js +2 -8
- package/es/lib/SearchField/SearchField.js +11 -61
- package/es/lib/SearchField/index.js +2 -8
- package/es/lib/SettingPage/SettingPage.js +17 -63
- package/es/lib/SettingPage/SettingPagePane.js +13 -58
- package/es/lib/SettingPage/index.js +3 -10
- package/es/lib/TypeDown/TypeDown.js +61 -132
- package/es/lib/TypeDown/index.js +2 -8
- package/es/lib/Typedown/Typedown.js +74 -153
- package/es/lib/Typedown/index.js +2 -8
- package/es/lib/constants/eventCodes.js +3 -36
- package/es/lib/contexts/SettingsContext.js +2 -34
- package/es/lib/contexts/index.js +2 -8
- package/es/lib/hooks/index.js +12 -27
- package/es/lib/hooks/settingsHooks/index.js +3 -10
- package/es/lib/hooks/settingsHooks/useSettingSection.js +16 -60
- package/es/lib/hooks/settingsHooks/useSettings.js +51 -130
- package/es/lib/hooks/typedownHooks/index.js +4 -12
- package/es/lib/hooks/typedownHooks/useTypedown.js +60 -114
- package/es/lib/hooks/typedownHooks/useTypedownData.js +13 -69
- package/es/lib/hooks/typedownHooks/useTypedownToggle.js +15 -71
- package/es/lib/hooks/useActiveElement.js +10 -63
- package/es/lib/hooks/useHelperApp.js +37 -111
- package/es/lib/hooks/useKiwtFieldArray.js +35 -101
- package/es/lib/hooks/useKiwtSASQuery.js +36 -107
- package/es/lib/hooks/useLocalStorageState.js +7 -69
- package/es/lib/hooks/useMutateRefdataValue.js +31 -115
- package/es/lib/hooks/useQIndex.js +17 -87
- package/es/lib/hooks/useRefdata.js +19 -65
- package/es/lib/hooks/useTemplates.js +16 -60
- package/es/lib/utils/buildUrl.js +11 -51
- package/es/lib/utils/generateKiwtQuery.js +4 -40
- package/es/lib/utils/generateKiwtQueryParams.js +38 -125
- package/es/lib/utils/index.js +9 -22
- package/es/lib/utils/refdataOptions.js +2 -32
- package/es/lib/utils/renderHelpText.js +32 -89
- package/es/lib/utils/selectorSafe.js +2 -34
- package/es/lib/utils/sortByLabel.js +4 -41
- package/es/lib/utils/toCamelCase.js +8 -42
- package/package.json +17 -3
- package/es/artifacts/coverage-jest/lcov-report/block-navigation.js +0 -109
- package/es/artifacts/coverage-jest/lcov-report/prettify.js +0 -998
- package/es/artifacts/coverage-jest/lcov-report/sorter.js +0 -238
- package/junit.xml +0 -79
- package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionList.js.html +0 -256
- package/src/artifacts/coverage-jest/lcov-report/ActionList/ActionListFieldArray.js.html +0 -799
- package/src/artifacts/coverage-jest/lcov-report/ActionList/index.html +0 -146
- package/src/artifacts/coverage-jest/lcov-report/ActionList/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/EditableRefdataList.js.html +0 -376
- package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/EditableRefdataList/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/EditableSettingsList.js.html +0 -223
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/EditableSettingsListFieldArray.js.html +0 -211
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/EditSettingValue.js.html +0 -376
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/RenderSettingValue.js.html +0 -262
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/SettingField.js.html +0 -436
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/index.html +0 -161
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/SettingField/index.js.html +0 -94
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/index.html +0 -146
- package/src/artifacts/coverage-jest/lcov-report/EditableSettingsList/index.js.html +0 -94
- package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/NoResultsMessage.js.html +0 -319
- package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/NoResultsMessage/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/QueryTypedown.js.html +0 -184
- package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/QueryTypedown/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/RefdataButtons.js.html +0 -370
- package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/RefdataButtons/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/SASQLookupComponent.js.html +0 -949
- package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/SASQLookupComponent/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/SASQRoute/SASQRoute.js.html +0 -274
- package/src/artifacts/coverage-jest/lcov-report/SASQRoute/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/SASQRoute/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/SASQViewComponent.js.html +0 -250
- package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/SASQViewComponent/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/SearchField/SearchField.js.html +0 -214
- package/src/artifacts/coverage-jest/lcov-report/SearchField/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/SearchField/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/SettingPage/SettingPage.js.html +0 -211
- package/src/artifacts/coverage-jest/lcov-report/SettingPage/SettingPagePane.js.html +0 -178
- package/src/artifacts/coverage-jest/lcov-report/SettingPage/index.html +0 -146
- package/src/artifacts/coverage-jest/lcov-report/SettingPage/index.js.html +0 -91
- package/src/artifacts/coverage-jest/lcov-report/TypeDown/TypeDown.js.html +0 -769
- package/src/artifacts/coverage-jest/lcov-report/TypeDown/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/TypeDown/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/Typedown/Typedown.js.html +0 -790
- package/src/artifacts/coverage-jest/lcov-report/Typedown/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/Typedown/index.js.html +0 -88
- package/src/artifacts/coverage-jest/lcov-report/base.css +0 -224
- package/src/artifacts/coverage-jest/lcov-report/block-navigation.js +0 -87
- package/src/artifacts/coverage-jest/lcov-report/constants/eventCodes.js.html +0 -94
- package/src/artifacts/coverage-jest/lcov-report/constants/index.html +0 -116
- package/src/artifacts/coverage-jest/lcov-report/contexts/SettingsContext.js.html +0 -97
- package/src/artifacts/coverage-jest/lcov-report/contexts/index.html +0 -131
- package/src/artifacts/coverage-jest/lcov-report/contexts/index.js.html +0 -91
- package/src/artifacts/coverage-jest/lcov-report/favicon.png +0 -0
- package/src/artifacts/coverage-jest/lcov-report/hooks/index.html +0 -251
- package/src/artifacts/coverage-jest/lcov-report/hooks/index.js.html +0 -115
- package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/index.html +0 -146
- package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/index.js.html +0 -91
- package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettingSection.js.html +0 -163
- package/src/artifacts/coverage-jest/lcov-report/hooks/settingsHooks/useSettings.js.html +0 -403
- package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/index.html +0 -161
- package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/index.js.html +0 -94
- package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedown.js.html +0 -520
- package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownData.js.html +0 -163
- package/src/artifacts/coverage-jest/lcov-report/hooks/typedownHooks/useTypedownToggle.js.html +0 -163
- package/src/artifacts/coverage-jest/lcov-report/hooks/useActiveElement.js.html +0 -157
- package/src/artifacts/coverage-jest/lcov-report/hooks/useHelperApp.js.html +0 -283
- package/src/artifacts/coverage-jest/lcov-report/hooks/useKiwtFieldArray.js.html +0 -274
- package/src/artifacts/coverage-jest/lcov-report/hooks/useKiwtSASQuery.js.html +0 -178
- package/src/artifacts/coverage-jest/lcov-report/hooks/useLocalStorageState.js.html +0 -136
- package/src/artifacts/coverage-jest/lcov-report/hooks/useMutateRefdataValue.js.html +0 -301
- package/src/artifacts/coverage-jest/lcov-report/hooks/useQIndex.js.html +0 -208
- package/src/artifacts/coverage-jest/lcov-report/hooks/useRefdata.js.html +0 -268
- package/src/artifacts/coverage-jest/lcov-report/hooks/useTemplates.js.html +0 -166
- package/src/artifacts/coverage-jest/lcov-report/index.html +0 -401
- package/src/artifacts/coverage-jest/lcov-report/prettify.css +0 -1
- package/src/artifacts/coverage-jest/lcov-report/prettify.js +0 -2
- package/src/artifacts/coverage-jest/lcov-report/sort-arrow-sprite.png +0 -0
- package/src/artifacts/coverage-jest/lcov-report/sorter.js +0 -196
- package/src/artifacts/coverage-jest/lcov-report/utils/buildUrl.js.html +0 -193
- package/src/artifacts/coverage-jest/lcov-report/utils/generateKiwtQuery.js.html +0 -109
- package/src/artifacts/coverage-jest/lcov-report/utils/generateKiwtQueryParams.js.html +0 -286
- package/src/artifacts/coverage-jest/lcov-report/utils/index.html +0 -236
- package/src/artifacts/coverage-jest/lcov-report/utils/index.js.html +0 -121
- package/src/artifacts/coverage-jest/lcov-report/utils/refdataOptions.js.html +0 -106
- package/src/artifacts/coverage-jest/lcov-report/utils/renderHelpText.js.html +0 -166
- package/src/artifacts/coverage-jest/lcov-report/utils/selectorSafe.js.html +0 -103
- package/src/artifacts/coverage-jest/lcov-report/utils/sortByLabel.js.html +0 -130
- package/src/artifacts/coverage-jest/lcov-report/utils/toCamelCase.js.html +0 -127
- 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
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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: !!
|
|
42
|
+
enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Refdata'
|
|
86
43
|
}
|
|
87
|
-
})
|
|
88
|
-
|
|
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: !!
|
|
49
|
+
enabled: !!currentSetting?.vocab && currentSetting.settingType === 'Template'
|
|
98
50
|
}
|
|
99
51
|
});
|
|
100
|
-
|
|
101
|
-
|
|
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:
|
|
59
|
+
onClick: e => {
|
|
109
60
|
e.preventDefault();
|
|
110
|
-
return editing ? onSave().then(
|
|
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
|
-
|
|
127
|
-
|
|
128
|
-
|
|
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,
|
|
89
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderFunction, {
|
|
146
90
|
currentSetting: currentSetting,
|
|
147
91
|
refdata: refdata,
|
|
148
|
-
templates: templates
|
|
149
|
-
|
|
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
})
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
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',
|
|
70
|
-
|
|
71
|
-
beforeEach(
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
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
|
-
}
|
|
95
|
-
})
|
|
96
|
-
it('renders RenderSettingValue',
|
|
97
|
-
|
|
98
|
-
|
|
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',
|
|
54
|
+
test('renders the edit button', () => {
|
|
102
55
|
(0, _stripesTesting.Button)('Edit').exists();
|
|
103
56
|
});
|
|
104
|
-
it('clicking edit/save works as expected',
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 }; }
|