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

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 (168) hide show
  1. package/CHANGELOG.md +40 -1
  2. package/es/index.js +80 -25
  3. package/es/lib/ActionList/ActionList.js +92 -33
  4. package/es/lib/ActionList/ActionListFieldArray.js +202 -104
  5. package/es/lib/ActionList/index.js +7 -3
  6. package/es/lib/CustomProperties/Config/CustomPropertiesLookup.js +198 -0
  7. package/es/lib/CustomProperties/Config/CustomPropertiesSettings.js +321 -0
  8. package/es/lib/CustomProperties/Config/CustomPropertiesView.js +166 -0
  9. package/es/lib/CustomProperties/Config/CustomPropertyForm.js +357 -0
  10. package/es/lib/CustomProperties/Config/index.js +41 -0
  11. package/es/lib/EditableRefdataList/EditableRefdataList.js +69 -24
  12. package/es/lib/EditableRefdataList/index.js +7 -3
  13. package/es/lib/EditableSettingsList/EditableSettingsList.js +90 -0
  14. package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.js +90 -0
  15. package/es/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js +181 -0
  16. package/es/lib/{Settings → EditableSettingsList/SettingField}/EditSettingValue.js +72 -9
  17. package/es/lib/EditableSettingsList/SettingField/EditSettingValue.test.js +447 -0
  18. package/es/lib/{Settings → EditableSettingsList/SettingField}/RenderSettingValue.js +45 -7
  19. package/es/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js +495 -0
  20. package/es/lib/EditableSettingsList/SettingField/SettingField.js +187 -0
  21. package/es/lib/EditableSettingsList/SettingField/SettingField.test.js +180 -0
  22. package/es/lib/EditableSettingsList/SettingField/index.js +35 -0
  23. package/es/lib/EditableSettingsList/index.js +35 -0
  24. package/es/lib/FormModal/FormModal.js +126 -0
  25. package/es/lib/FormModal/index.js +19 -0
  26. package/es/lib/NoResultsMessage/NoResultsMessage.js +65 -32
  27. package/es/lib/NoResultsMessage/index.js +7 -3
  28. package/es/lib/QueryTypedown/QueryTypedown.js +48 -9
  29. package/es/lib/QueryTypedown/index.js +6 -2
  30. package/es/lib/RefdataButtons/RefdataButtons.js +143 -0
  31. package/es/lib/RefdataButtons/index.js +19 -0
  32. package/es/lib/SASQLookupComponent/SASQLookupComponent.js +194 -140
  33. package/es/lib/SASQLookupComponent/index.js +6 -2
  34. package/es/lib/SASQRoute/SASQRoute.js +55 -18
  35. package/es/lib/SASQRoute/index.js +6 -2
  36. package/es/lib/SASQViewComponent/SASQViewComponent.js +50 -11
  37. package/es/lib/SASQViewComponent/index.js +6 -2
  38. package/es/lib/SearchField/SearchField.js +48 -13
  39. package/es/lib/SearchField/index.js +6 -2
  40. package/es/lib/SettingPage/SettingPage.js +99 -0
  41. package/es/lib/SettingPage/SettingPagePane.js +83 -0
  42. package/es/lib/SettingPage/index.js +27 -0
  43. package/es/lib/Typedown/Typedown.js +174 -99
  44. package/es/lib/Typedown/index.js +6 -2
  45. package/es/lib/constants/customProperties.js +60 -0
  46. package/es/lib/constants/eventCodes.js +31 -1
  47. package/es/lib/contexts/SettingsContext.js +41 -0
  48. package/es/lib/contexts/index.js +19 -0
  49. package/es/lib/hooks/index.js +44 -10
  50. package/es/lib/hooks/settingsHooks/index.js +27 -0
  51. package/es/lib/hooks/settingsHooks/useSettingSection.js +74 -0
  52. package/es/lib/hooks/settingsHooks/useSettings.js +175 -0
  53. package/es/lib/hooks/typedownHooks/index.js +8 -28
  54. package/es/lib/hooks/typedownHooks/useTypedown.js +129 -12
  55. package/es/lib/hooks/typedownHooks/useTypedownData.js +35 -2
  56. package/es/lib/hooks/typedownHooks/useTypedownToggle.js +39 -6
  57. package/es/lib/hooks/useActiveElement.js +33 -2
  58. package/es/lib/hooks/useCustomProperties.js +112 -0
  59. package/es/lib/hooks/useHelperApp.js +44 -11
  60. package/es/lib/hooks/useKiwtFieldArray.js +37 -4
  61. package/es/lib/hooks/useKiwtSASQuery.js +43 -9
  62. package/es/lib/hooks/useLocalStorageState.js +37 -4
  63. package/es/lib/hooks/useMutateCustomProperties.js +143 -0
  64. package/es/lib/hooks/useMutateRefdataValue.js +42 -9
  65. package/es/lib/hooks/useQIndex.js +42 -9
  66. package/es/lib/hooks/useRefdata.js +43 -16
  67. package/es/lib/hooks/useTemplates.js +36 -3
  68. package/es/lib/utils/buildUrl.js +43 -10
  69. package/es/lib/utils/generateKiwtQuery.js +33 -4
  70. package/es/lib/utils/generateKiwtQueryParams.js +31 -2
  71. package/es/lib/utils/index.js +41 -5
  72. package/es/lib/utils/refdataOptions.js +43 -0
  73. package/es/lib/utils/renderHelpText.js +109 -0
  74. package/es/lib/utils/selectorSafe.js +31 -2
  75. package/es/lib/utils/sortByLabel.js +55 -0
  76. package/es/lib/utils/toCamelCase.js +48 -0
  77. package/jest.config.js +15 -1
  78. package/package.json +19 -10
  79. package/src/index.js +25 -10
  80. package/src/lib/ActionList/ActionList.js +32 -22
  81. package/src/lib/ActionList/ActionListFieldArray.js +56 -10
  82. package/src/lib/ActionList/README.md +5 -1
  83. package/src/lib/ActionList/index.js +1 -1
  84. package/src/lib/CustomProperties/Config/CustomPropertiesLookup.js +111 -0
  85. package/src/lib/CustomProperties/Config/CustomPropertiesSettings.js +237 -0
  86. package/src/lib/CustomProperties/Config/CustomPropertiesView.js +150 -0
  87. package/src/lib/CustomProperties/Config/CustomPropertyForm.js +295 -0
  88. package/src/lib/CustomProperties/Config/index.js +4 -0
  89. package/src/lib/EditableRefdataList/EditableRefdataList.js +10 -5
  90. package/src/lib/EditableRefdataList/index.js +1 -1
  91. package/src/lib/{Settings → EditableSettingsList}/EditableSettingsList.js +0 -0
  92. package/src/lib/{Settings → EditableSettingsList}/EditableSettingsListFieldArray.js +2 -2
  93. package/src/lib/EditableSettingsList/EditableSettingsListFieldArray.test.js +111 -0
  94. package/src/lib/{Settings → EditableSettingsList/SettingField}/EditSettingValue.js +24 -1
  95. package/src/lib/EditableSettingsList/SettingField/EditSettingValue.test.js +379 -0
  96. package/src/lib/{Settings → EditableSettingsList/SettingField}/RenderSettingValue.js +2 -1
  97. package/src/lib/EditableSettingsList/SettingField/RenderSettingValue.test.js +368 -0
  98. package/src/lib/{Settings → EditableSettingsList/SettingField}/SettingField.js +7 -7
  99. package/src/lib/EditableSettingsList/SettingField/SettingField.test.js +80 -0
  100. package/src/lib/EditableSettingsList/SettingField/index.js +3 -0
  101. package/src/lib/EditableSettingsList/index.js +3 -0
  102. package/src/lib/FormModal/FormModal.js +71 -0
  103. package/src/lib/FormModal/index.js +1 -0
  104. package/src/lib/NoResultsMessage/NoResultsMessage.js +2 -2
  105. package/src/lib/NoResultsMessage/index.js +1 -1
  106. package/src/lib/{Settings → RefdataButtons}/RefdataButtons.js +1 -1
  107. package/src/lib/RefdataButtons/index.js +1 -0
  108. package/src/lib/SASQLookupComponent/SASQLookupComponent.js +7 -1
  109. package/src/lib/{Settings → SettingPage}/SettingPage.js +5 -5
  110. package/src/lib/{Settings → SettingPage}/SettingPagePane.js +12 -2
  111. package/src/lib/SettingPage/index.js +2 -0
  112. package/src/lib/Typedown/Typedown.js +52 -9
  113. package/src/lib/constants/customProperties.js +9 -0
  114. package/src/lib/{Settings → contexts}/SettingsContext.js +1 -1
  115. package/src/lib/contexts/index.js +2 -0
  116. package/src/lib/hooks/index.js +3 -0
  117. package/src/lib/hooks/settingsHooks/index.js +2 -0
  118. package/src/lib/{Settings → hooks/settingsHooks}/useSettingSection.js +0 -0
  119. package/src/lib/{Settings → hooks/settingsHooks}/useSettings.js +14 -6
  120. package/src/lib/hooks/typedownHooks/index.js +0 -3
  121. package/src/lib/hooks/typedownHooks/useTypedown.js +93 -11
  122. package/src/lib/hooks/useCustomProperties.js +73 -0
  123. package/src/lib/hooks/useMutateCustomProperties.js +62 -0
  124. package/src/lib/hooks/useRefdata.js +2 -8
  125. package/src/lib/utils/index.js +7 -0
  126. package/src/lib/utils/refdataOptions.js +7 -0
  127. package/src/lib/{Settings/utils → utils}/renderHelpText.js +1 -1
  128. package/src/lib/{Settings/utils → utils}/sortByLabel.js +1 -1
  129. package/src/lib/{Settings/utils → utils}/toCamelCase.js +0 -0
  130. package/test/helpers/index.js +1 -0
  131. package/test/helpers/translationsProperties.js +40 -0
  132. package/test/jest/helpers/KintHarness.js +36 -0
  133. package/test/jest/helpers/index.js +2 -0
  134. package/test/jest/helpers/renderWithKintHarness.js +15 -0
  135. package/test/jest/jest-transformer.js +4 -0
  136. package/test/jest/setupTests.js +1 -0
  137. package/translations/stripes-kint-components/en.json +48 -1
  138. package/yarn-error.log +14118 -0
  139. package/babelOptions.js +0 -30
  140. package/es/lib/Settings/EditableSettingsList.js +0 -57
  141. package/es/lib/Settings/EditableSettingsListFieldArray.js +0 -59
  142. package/es/lib/Settings/RefdataButtons.js +0 -100
  143. package/es/lib/Settings/SettingField.js +0 -144
  144. package/es/lib/Settings/SettingPage.js +0 -64
  145. package/es/lib/Settings/SettingPagePane.js +0 -43
  146. package/es/lib/Settings/SettingsContext.js +0 -18
  147. package/es/lib/Settings/index.js +0 -71
  148. package/es/lib/Settings/useSettingSection.js +0 -41
  149. package/es/lib/Settings/useSettings.js +0 -126
  150. package/es/lib/Settings/utils/index.js +0 -31
  151. package/es/lib/Settings/utils/renderHelpText.js +0 -57
  152. package/es/lib/Settings/utils/sortByLabel.js +0 -26
  153. package/es/lib/Settings/utils/toCamelCase.js +0 -19
  154. package/es/lib/TypeDown/TypeDown.js +0 -209
  155. package/es/lib/TypeDown/index.js +0 -15
  156. package/es/lib/hooks/typedownHooks/useTypedownFooter.js +0 -47
  157. package/es/lib/hooks/typedownHooks/useTypedownList.js +0 -45
  158. package/es/lib/hooks/typedownHooks/useTypedownSearchField.js +0 -47
  159. package/es/lib/utils/getFocusableElements.js +0 -132
  160. package/src/lib/Settings/index.js +0 -8
  161. package/src/lib/Settings/utils/index.js +0 -3
  162. package/src/lib/TypeDown/README.md +0 -1
  163. package/src/lib/TypeDown/TypeDown.js +0 -226
  164. package/src/lib/TypeDown/index.js +0 -1
  165. package/src/lib/hooks/typedownHooks/useTypedownFooter.js +0 -43
  166. package/src/lib/hooks/typedownHooks/useTypedownList.js +0 -36
  167. package/src/lib/hooks/typedownHooks/useTypedownSearchField.js +0 -39
  168. package/src/lib/utils/getFocusableElements.js +0 -99
package/babelOptions.js DELETED
@@ -1,30 +0,0 @@
1
- module.exports = {
2
- presets: [
3
- ['@babel/preset-env'], // No preset means ES5, { targets: '> 0.25%, not dead' }],
4
- // ['@babel/preset-flow', { all: true }],
5
- ['@babel/preset-react', {
6
- // "runtime": "automatic",
7
- "absoluteRuntime": false
8
- }]
9
- ],
10
- plugins: [
11
- ['@babel/plugin-proposal-decorators', { 'legacy': true }],
12
- // when building a platform directly, i.e. outside a workspace,
13
- // babel complains loudly and repeatedly that when these modules are enabled:
14
- // * @babel/plugin-proposal-class-properties,
15
- // * @babel/plugin-proposal-private-methods and
16
- // * @babel/plugin-proposal-private-property-in-object
17
- // the "loose" option must be the same for all three.
18
- // but @babel/preset-env sets it to false for ...private-methods.
19
- // overriding it here silences the complaint. STRWEB-12
20
- ['@babel/plugin-proposal-class-properties', { 'loose': true }],
21
- ['@babel/plugin-proposal-private-methods', { 'loose': true }],
22
- ['@babel/plugin-proposal-private-property-in-object', { 'loose': true }],
23
- '@babel/plugin-proposal-export-namespace-from',
24
- '@babel/plugin-proposal-function-sent',
25
- '@babel/plugin-proposal-numeric-separator',
26
- '@babel/plugin-proposal-throw-expressions',
27
- '@babel/plugin-syntax-import-meta',
28
- // [require.resolve('react-hot-loader/babel')],
29
- ],
30
- };
@@ -1,57 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _reactFinalFormArrays = require("react-final-form-arrays");
13
-
14
- var _reactFinalForm = require("react-final-form");
15
-
16
- var _finalFormArrays = _interopRequireDefault(require("final-form-arrays"));
17
-
18
- var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- var EditableSettingsList = function EditableSettingsList(_ref) {
23
- var data = _ref.data,
24
- initialValues = _ref.initialValues,
25
- onSave = _ref.onSave;
26
- return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Form, {
27
- enableReinitialize: true,
28
- initialValues: initialValues,
29
- keepDirtyOnReinitialize: true,
30
- mutators: _finalFormArrays["default"],
31
- navigationCheck: true,
32
- onSubmit: onSave,
33
- subscription: {
34
- value: true
35
- }
36
- }, function (_ref2) {
37
- var handleSubmit = _ref2.handleSubmit;
38
- return /*#__PURE__*/_react["default"].createElement("form", {
39
- onSubmit: handleSubmit
40
- }, /*#__PURE__*/_react["default"].createElement(_reactFinalFormArrays.FieldArray, {
41
- component: _EditableSettingsListFieldArray["default"],
42
- data: data,
43
- name: "settings",
44
- onSave: onSave
45
- }));
46
- });
47
- };
48
-
49
- EditableSettingsList.propTypes = {
50
- onSave: _propTypes["default"].func,
51
- data: _propTypes["default"].shape({
52
- refdatavalues: _propTypes["default"].arrayOf(_propTypes["default"].object)
53
- }),
54
- initialValues: _propTypes["default"].object
55
- };
56
- var _default = EditableSettingsList;
57
- exports["default"] = _default;
@@ -1,59 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _reactFinalForm = require("react-final-form");
13
-
14
- var _SettingField = _interopRequireDefault(require("./SettingField"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
19
-
20
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
21
-
22
- 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; }
23
-
24
- var EditableSettingsListFieldArray = function EditableSettingsListFieldArray(_ref) {
25
- var data = _ref.data,
26
- fields = _ref.fields,
27
- onSave = _ref.onSave;
28
-
29
- var handleSave = function handleSave(index) {
30
- var setting = fields.value[index];
31
- return onSave(setting);
32
- };
33
-
34
- return fields.map(function (setting, i) {
35
- return /*#__PURE__*/_react["default"].createElement(_reactFinalForm.Field, {
36
- key: setting,
37
- component: _SettingField["default"],
38
- name: setting,
39
- onSave: function onSave() {
40
- return handleSave(i);
41
- },
42
- settingData: _objectSpread({
43
- currentSetting: fields.value[i]
44
- }, data)
45
- });
46
- });
47
- };
48
-
49
- EditableSettingsListFieldArray.propTypes = {
50
- fields: _propTypes["default"].object,
51
- onSave: _propTypes["default"].func,
52
- data: _propTypes["default"].shape({
53
- refdatavalues: _propTypes["default"].arrayOf(_propTypes["default"].object)
54
- }),
55
- mutators: _propTypes["default"].object,
56
- initialValues: _propTypes["default"].object
57
- };
58
- var _default = EditableSettingsListFieldArray;
59
- exports["default"] = _default;
@@ -1,100 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- var _reactIntl = require("react-intl");
13
-
14
- var _components = require("@folio/stripes/components");
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- var RefdataButtons = function RefdataButtons(props) {
19
- // Render the right number of buttons:
20
- var labelTranslations = props.labelTranslations,
21
- lockColumns = props.lockColumns,
22
- _props$maxCols = props.maxCols,
23
- maxCols = _props$maxCols === void 0 ? 4 : _props$maxCols;
24
- var intl = (0, _reactIntl.useIntl)(); // maxCols can be any of 1,2,3 or 4. Anything outside of this should be disregarded and default to 4.
25
-
26
- var maximumColumns = [1, 2, 3, 4].includes(maxCols) ? maxCols : 4;
27
-
28
- var buttonRender = function buttonRender(dataOptions, dynamicColumnWidth) {
29
- // This accepts a SORTED list of dataoptions.
30
- var input = props.input;
31
- var numberOfButtons = dataOptions.length;
32
- return dataOptions.map(function (option) {
33
- var buttonProps = {
34
- 'checked': input.value === option.value,
35
- 'fullWidth': true,
36
- 'label': labelTranslations ? intl.formatMessage({
37
- id: "".concat(labelTranslations.key, ".").concat(option.value),
38
- defaultMessage: option.label
39
- }) : option.label,
40
- 'marginBottom0': true,
41
- 'onChange': function onChange() {
42
- return input.onChange(option.value);
43
- },
44
- 'value': option.value
45
- };
46
- return /*#__PURE__*/_react["default"].createElement(_components.Col, {
47
- xs: dynamicColumnWidth ? 12 / numberOfButtons : 12 / maximumColumns,
48
- key: "".concat(input.name, ":").concat(option.id)
49
- }, /*#__PURE__*/_react["default"].createElement(_components.RadioButton, buttonProps));
50
- });
51
- };
52
-
53
- var returnRows = function returnRows(dataOptions) {
54
- var sortedDataOptions = dataOptions.sort(function (a, b) {
55
- if (a.label < b.label) {
56
- return -1;
57
- }
58
-
59
- if (a.label > b.label) {
60
- return 1;
61
- }
62
-
63
- return 0;
64
- });
65
- var arrayLength = sortedDataOptions.length;
66
-
67
- if (!lockColumns && arrayLength <= maximumColumns) {
68
- return /*#__PURE__*/_react["default"].createElement(_components.Row, null, buttonRender(sortedDataOptions, true));
69
- }
70
-
71
- var rowsNeeded = Math.ceil(sortedDataOptions.length / maximumColumns);
72
- var chunkedDataOptions = [];
73
-
74
- for (var i = 0; i < rowsNeeded; i++) {
75
- chunkedDataOptions.push(sortedDataOptions.slice(i * maximumColumns, i * maximumColumns + maximumColumns));
76
- }
77
-
78
- return chunkedDataOptions.map(function (cdo, index) {
79
- return /*#__PURE__*/_react["default"].createElement(_components.Row, {
80
- key: "".concat(props.input.name, ":row").concat(index)
81
- }, buttonRender(cdo, false));
82
- });
83
- };
84
-
85
- return returnRows(props.dataOptions);
86
- };
87
-
88
- RefdataButtons.propTypes = {
89
- dataOptions: _propTypes["default"].arrayOf(_propTypes["default"].shape({
90
- id: _propTypes["default"].string.isRequired,
91
- label: _propTypes["default"].string.isRequired,
92
- value: _propTypes["default"].string.isRequired
93
- })),
94
- input: _propTypes["default"].shape({
95
- value: _propTypes["default"].string.isRequired,
96
- onChange: _propTypes["default"].func.isRequired
97
- }).isRequired
98
- };
99
- var _default = RefdataButtons;
100
- exports["default"] = _default;
@@ -1,144 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _reactIntl = require("react-intl");
15
-
16
- var _components = require("@folio/stripes/components");
17
-
18
- var _EditSettingValue = _interopRequireDefault(require("./EditSettingValue"));
19
-
20
- var _RenderSettingValue = _interopRequireDefault(require("./RenderSettingValue"));
21
-
22
- var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
23
-
24
- var _hooks = require("../hooks");
25
-
26
- var _utils = require("./utils");
27
-
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
-
30
- 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); }
31
-
32
- 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; }
33
-
34
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
-
36
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
37
-
38
- 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."); }
39
-
40
- 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); }
41
-
42
- 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; }
43
-
44
- 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; }
45
-
46
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
47
-
48
- var SettingField = function SettingField(settingFieldProps) {
49
- var onSave = settingFieldProps.onSave,
50
- _settingFieldProps$se = settingFieldProps.settingData;
51
- _settingFieldProps$se = _settingFieldProps$se === void 0 ? {} : _settingFieldProps$se;
52
- var currentSetting = _settingFieldProps$se.currentSetting;
53
-
54
- var _useState = (0, _react.useState)(false),
55
- _useState2 = _slicedToArray(_useState, 2),
56
- editing = _useState2[0],
57
- setEditing = _useState2[1];
58
-
59
- var intl = (0, _reactIntl.useIntl)();
60
-
61
- var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
62
- intlKey = _useContext.intlKey,
63
- refdataEndpoint = _useContext.refdataEndpoint,
64
- templateEndpoint = _useContext.templateEndpoint;
65
-
66
- var _useRefdata = (0, _hooks.useRefdata)({
67
- endpoint: refdataEndpoint,
68
- desc: currentSetting.vocab,
69
- queryParams: {
70
- enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab)
71
- }
72
- }),
73
- _useRefdata$ = _useRefdata[0];
74
-
75
- _useRefdata$ = _useRefdata$ === void 0 ? {} : _useRefdata$;
76
- var _useRefdata$$values = _useRefdata$.values,
77
- refdata = _useRefdata$$values === void 0 ? [] : _useRefdata$$values;
78
- var templates = (0, _hooks.useTemplates)({
79
- context: currentSetting.vocab,
80
- endpoint: templateEndpoint,
81
- queryParams: {
82
- enabled: !!(currentSetting !== null && currentSetting !== void 0 && currentSetting.vocab)
83
- }
84
- });
85
-
86
- var renderEditButton = function renderEditButton() {
87
- var EditText = editing ? /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
88
- id: "stripes-kint-components.settings.finishEditing"
89
- }) : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
90
- id: "stripes-kint-components.settings.edit"
91
- });
92
- return /*#__PURE__*/_react["default"].createElement(_components.Button, {
93
- onClick: function onClick(e) {
94
- e.preventDefault();
95
- return editing ? onSave().then(function () {
96
- return setEditing(false);
97
- }) : setEditing(true);
98
- }
99
- }, EditText);
100
- };
101
-
102
- var RenderFunction;
103
-
104
- if (editing === false) {
105
- RenderFunction = _RenderSettingValue["default"];
106
- } else {
107
- RenderFunction = _EditSettingValue["default"];
108
- }
109
-
110
- var id = "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key), ".help");
111
-
112
- var renderHeaderStart = function renderHeaderStart() {
113
- var settingName = Object.keys(currentSetting).length > 0 ? /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
114
- id: "".concat(intlKey, ".settings.").concat((0, _utils.toCamelCase)(currentSetting.section), ".").concat((0, _utils.toCamelCase)(currentSetting.key))
115
- }) : /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
116
- id: "stripes-kint-components.settings.settingLoading"
117
- });
118
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, intl.messages[id] && /*#__PURE__*/_react["default"].createElement(_components.InfoPopover, {
119
- content: (0, _utils.renderHelpText)(id)
120
- }), settingName);
121
- };
122
-
123
- return /*#__PURE__*/_react["default"].createElement(_components.Card, {
124
- headerEnd: renderEditButton(),
125
- headerStart: renderHeaderStart(),
126
- roundedBorder: true
127
- }, /*#__PURE__*/_react["default"].createElement(RenderFunction, _extends({
128
- currentSetting: currentSetting,
129
- refdata: refdata,
130
- templates: templates
131
- }, settingFieldProps)));
132
- };
133
-
134
- SettingField.propTypes = {
135
- settingData: _propTypes["default"].shape({
136
- refdatavalues: _propTypes["default"].arrayOf(_propTypes["default"].object),
137
- currentSetting: _propTypes["default"].object,
138
- templates: _propTypes["default"].arrayOf(_propTypes["default"].object)
139
- }),
140
- input: _propTypes["default"].object,
141
- onSave: _propTypes["default"].func
142
- };
143
- var _default = SettingField;
144
- exports["default"] = _default;
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
15
-
16
- var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
17
-
18
- var _useSettingSection2 = _interopRequireDefault(require("./useSettingSection"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var SettingPage = function SettingPage(_ref) {
27
- var sectionName = _ref.sectionName;
28
-
29
- var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
30
- settingEndpoint = _useContext.settingEndpoint;
31
-
32
- var _useSettingSection = (0, _useSettingSection2["default"])({
33
- sectionName: sectionName,
34
- settingEndpoint: settingEndpoint
35
- }),
36
- handleSubmit = _useSettingSection.handleSubmit,
37
- settings = _useSettingSection.settings;
38
-
39
- return /*#__PURE__*/_react["default"].createElement(_EditableSettingsList["default"], {
40
- initialValues: {
41
- 'settings': settings
42
- },
43
- onSave: handleSubmit,
44
- onSubmit: handleSubmit,
45
- settingSection: sectionName
46
- });
47
- };
48
-
49
- SettingPage.propTypes = {
50
- mutator: _propTypes["default"].shape({
51
- settings: _propTypes["default"].object
52
- }),
53
- sectionName: _propTypes["default"].string,
54
- resources: _propTypes["default"].shape({
55
- settings: _propTypes["default"].shape({
56
- records: _propTypes["default"].array
57
- }),
58
- refdatavalues: _propTypes["default"].shape({
59
- records: _propTypes["default"].array
60
- })
61
- })
62
- };
63
- var _default = SettingPage;
64
- exports["default"] = _default;
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- var _components = require("@folio/stripes/components");
13
-
14
- var _reactIntl = require("react-intl");
15
-
16
- var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
17
-
18
- var _utils = require("./utils");
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- var SettingPagePane = function SettingPagePane(_ref) {
27
- var sectionName = _ref.sectionName,
28
- children = _ref.children;
29
-
30
- var _useContext = (0, _react.useContext)(_SettingsContext["default"]),
31
- intlKey = _useContext.intlKey;
32
-
33
- return /*#__PURE__*/_react["default"].createElement(_components.Pane, {
34
- defaultWidth: "fill",
35
- id: "settings-".concat(sectionName),
36
- paneTitle: /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
37
- id: "".concat(intlKey, ".settings.settingsSection.").concat((0, _utils.toCamelCase)(sectionName))
38
- })
39
- }, children);
40
- };
41
-
42
- var _default = SettingPagePane;
43
- exports["default"] = _default;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireWildcard(require("react"));
11
-
12
- 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); }
13
-
14
- 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; }
15
-
16
- var SettingsContext = /*#__PURE__*/(0, _react.createContext)();
17
- var _default = SettingsContext;
18
- exports["default"] = _default;
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "EditableSettingsList", {
7
- enumerable: true,
8
- get: function get() {
9
- return _EditableSettingsList["default"];
10
- }
11
- });
12
- Object.defineProperty(exports, "EditableSettingsListFieldArray", {
13
- enumerable: true,
14
- get: function get() {
15
- return _EditableSettingsListFieldArray["default"];
16
- }
17
- });
18
- Object.defineProperty(exports, "RefdataButtons", {
19
- enumerable: true,
20
- get: function get() {
21
- return _RefdataButtons["default"];
22
- }
23
- });
24
- Object.defineProperty(exports, "SettingField", {
25
- enumerable: true,
26
- get: function get() {
27
- return _SettingField["default"];
28
- }
29
- });
30
- Object.defineProperty(exports, "SettingPage", {
31
- enumerable: true,
32
- get: function get() {
33
- return _SettingPage["default"];
34
- }
35
- });
36
- Object.defineProperty(exports, "SettingPagePane", {
37
- enumerable: true,
38
- get: function get() {
39
- return _SettingPagePane["default"];
40
- }
41
- });
42
- Object.defineProperty(exports, "SettingsContext", {
43
- enumerable: true,
44
- get: function get() {
45
- return _SettingsContext["default"];
46
- }
47
- });
48
- Object.defineProperty(exports, "useSettings", {
49
- enumerable: true,
50
- get: function get() {
51
- return _useSettings["default"];
52
- }
53
- });
54
-
55
- var _EditableSettingsList = _interopRequireDefault(require("./EditableSettingsList"));
56
-
57
- var _EditableSettingsListFieldArray = _interopRequireDefault(require("./EditableSettingsListFieldArray"));
58
-
59
- var _SettingField = _interopRequireDefault(require("./SettingField"));
60
-
61
- var _SettingPagePane = _interopRequireDefault(require("./SettingPagePane"));
62
-
63
- var _SettingPage = _interopRequireDefault(require("./SettingPage"));
64
-
65
- var _RefdataButtons = _interopRequireDefault(require("./RefdataButtons"));
66
-
67
- var _useSettings = _interopRequireDefault(require("./useSettings"));
68
-
69
- var _SettingsContext = _interopRequireDefault(require("./SettingsContext"));
70
-
71
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -1,41 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _reactQuery = require("react-query");
11
-
12
- var _core = require("@folio/stripes/core");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var useSettingSection = function useSettingSection(_ref) {
17
- var sectionName = _ref.sectionName,
18
- settingEndpoint = _ref.settingEndpoint;
19
- var ky = (0, _core.useOkapiKy)();
20
-
21
- var _useQuery = (0, _reactQuery.useQuery)(['stripes-kint-components', 'useSetting', 'appSettings', sectionName], function () {
22
- return ky("".concat(settingEndpoint, "?filters=section=").concat(sectionName, "&sort=key;asc")).json();
23
- }),
24
- _useQuery$data = _useQuery.data,
25
- settings = _useQuery$data === void 0 ? [] : _useQuery$data;
26
-
27
- var _useMutation = (0, _reactQuery.useMutation)(['stripes-kint-components', 'useSetting', 'putSetting', sectionName], function (data) {
28
- return ky.put("".concat(settingEndpoint).concat(data.id ? '/' + data.id : ''), {
29
- json: data
30
- });
31
- }),
32
- putSetting = _useMutation.mutateAsync;
33
-
34
- return {
35
- handleSubmit: putSetting,
36
- settings: settings
37
- };
38
- };
39
-
40
- var _default = useSettingSection;
41
- exports["default"] = _default;