@k-int/stripes-kint-components 5.27.0 → 5.28.0

package/es/lib/Settings/constants/queryKeys.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GET_SETTING_SECTION_QUERY_KEY = exports.GET_SETTING_SECTION_MUTATE_KEY = exports.BASE_APP_SETTING_QUERY_KEY = exports.BASE_APP_SETTING_MUTATE_KEY = void 0;
+const BASE_APP_SETTING_QUERY_KEY = exports.BASE_APP_SETTING_QUERY_KEY = ['stripes-kint-components', 'useSetting', 'appSettings'];
+const GET_SETTING_SECTION_QUERY_KEY = (queryParams, sectionName) => [...BASE_APP_SETTING_QUERY_KEY, sectionName, queryParams];
+exports.GET_SETTING_SECTION_QUERY_KEY = GET_SETTING_SECTION_QUERY_KEY;
+const BASE_APP_SETTING_MUTATE_KEY = exports.BASE_APP_SETTING_MUTATE_KEY = ['stripes-kint-components', 'useSetting', 'putSetting'];
+const GET_SETTING_SECTION_MUTATE_KEY = sectionName => [...BASE_APP_SETTING_MUTATE_KEY, sectionName];
+exports.GET_SETTING_SECTION_MUTATE_KEY = GET_SETTING_SECTION_MUTATE_KEY;

package/es/lib/{settingsHooks → Settings/hooks}/index.js

@@ -3,6 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  useSettings: true,
+  useSettingSection: true,
+  useAppSettings: true
+};
 Object.defineProperty(exports, "useAppSettings", {
   enumerable: true,
   get: function () {
@@ -24,4 +29,16 @@ Object.defineProperty(exports, "useSettings", {
 var _useSettings = _interopRequireDefault(require("./useSettings"));
 var _useSettingSection = _interopRequireDefault(require("./useSettingSection"));
 var _useAppSettings = _interopRequireDefault(require("./useAppSettings"));
+var _staticSettingsPages = require("./staticSettingsPages");
+Object.keys(_staticSettingsPages).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _staticSettingsPages[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _staticSettingsPages[key];
+    }
+  });
+});
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/Settings/hooks/staticSettingsPages/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useSettingCallout", {
+  enumerable: true,
+  get: function () {
+    return _useSettingCallout.default;
+  }
+});
+Object.defineProperty(exports, "useSettingsSectionInitalValues", {
+  enumerable: true,
+  get: function () {
+    return _useSettingsSectionInitalValues.default;
+  }
+});
+Object.defineProperty(exports, "useStaticSettingsSection", {
+  enumerable: true,
+  get: function () {
+    return _useStaticSettingsSection.default;
+  }
+});
+var _useSettingsSectionInitalValues = _interopRequireDefault(require("./useSettingsSectionInitalValues"));
+var _useSettingCallout = _interopRequireDefault(require("./useSettingCallout"));
+var _useStaticSettingsSection = _interopRequireDefault(require("./useStaticSettingsSection"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/Settings/hooks/staticSettingsPages/useSettingCallout/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useSettingCallout.default;
+  }
+});
+var _useSettingCallout = _interopRequireDefault(require("./useSettingCallout"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/Settings/hooks/staticSettingsPages/useSettingCallout/useSettingCallout.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _core = require("@folio/stripes/core");
+var _hooks = require("../../../../hooks");
+var _utils = require("../../../../utils");
+var _jsxRuntime = require("react/jsx-runtime");
+// A hook which can take an array of settings objects and return a
+const useSettingCallout = function () {
+  let {
+    labelOverrides = [],
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const callout = (0, _core.useCallout)();
+  const kintIntl = (0, _hooks.useKintIntl)(passedIntlKey, passedIntlNS);
+  return (0, _react.useCallback)(_ref => {
+    let {
+      settings,
+      type
+    } = _ref;
+    callout.sendCallout({
+      type,
+      timeout: 10000,
+      message: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        children: settings.map(_ref2 => {
+          let {
+            setting,
+            error: _error
+          } = _ref2;
+          // error will obviously be null for successful updates.
+          // We can choose to surface the errors to the user should we wish
+          const settingLabel = kintIntl.formatKintMessage({
+            id: "settings.".concat(setting.section, ".").concat((0, _utils.toCamelCase)(setting.key)),
+            // Camelcasing to keep in line with how we translate the dynamic settings
+            overrideValue: labelOverrides[setting.key],
+            fallbackMessage: setting.key
+          });
+          const message = kintIntl.formatKintMessage({
+            id: "settings.update.".concat(type),
+            overrideValue: labelOverrides[type],
+            fallbackMessage: setting.key
+          }, {
+            settingLabel,
+            newValue: setting.value
+          });
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: message
+          }, setting.id || setting.key);
+        })
+      })
+    });
+  }, [callout, kintIntl, labelOverrides]);
+};
+var _default = exports.default = useSettingCallout;

package/es/lib/Settings/hooks/staticSettingsPages/useSettingsSectionInitalValues/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _useSettingsSectionInitalValues.default;
+  }
+});
+var _useSettingsSectionInitalValues = _interopRequireDefault(require("./useSettingsSectionInitalValues"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/es/lib/Settings/hooks/staticSettingsPages/useSettingsSectionInitalValues/useSettingsSectionInitalValues.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const useSettingsSectionInitalValues = _ref => {
+  let {
+    settings: rawSettings // A settingsSection return of EXACTLY the shape defined in useSettingsSection
+  } = _ref;
+  const initialValues = (0, _react.useMemo)(() => {
+    const settingsKeyValue = rawSettings.map(setting => {
+      const {
+        key,
+        value,
+        settingType
+      } = setting;
+      let parsedValue;
+      if (settingType === 'Boolean') {
+        parsedValue = value === 'true';
+      } else if (settingType === 'Integer') {
+        parsedValue = Number(value);
+      } else {
+        parsedValue = value;
+      }
+      return [key, parsedValue];
+    });
+    return Object.fromEntries(settingsKeyValue);
+  }, [rawSettings]);
+  return initialValues;
+};
+var _default = exports.default = useSettingsSectionInitalValues;

package/es/lib/Settings/hooks/staticSettingsPages/useStaticSettingsSection.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useSettingSection = _interopRequireDefault(require("../useSettingSection"));
+var _useSettingsSectionInitalValues = _interopRequireDefault(require("./useSettingsSectionInitalValues"));
+var _useSettingCallout = _interopRequireDefault(require("./useSettingCallout"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * A helper hook which collates several hooks useful in the setup and operation of static setting pages, in which
+ * an entire section of AppSetting objects needs to be submitted at once
+ */
+const useStaticSettingsSection = _ref => {
+  let {
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS,
+    onSubmitComplete = () => null,
+    // Callback which runs after all promises have completed
+    onSettingsSuccess = () => null,
+    // Specifically logic to handle a list of successful settings calls
+    onSettingsFailure = () => null,
+    // Specifically logic to handle a list of failed settings calls
+    sectionName,
+    settingEndpoint,
+    getQueryNamespaceGenerator
+  } = _ref;
+  // Following example in agreements for useAgreementsDisplaySettings
+  const settingsSection = (0, _useSettingSection.default)({
+    sectionName,
+    settingEndpoint,
+    getQueryNamespaceGenerator
+  });
+  const {
+    handleSubmit,
+    settings: rawSettings
+  } = settingsSection;
+
+  // We should ONLY change initial values when autoResponderValues updates
+  // initialValues should take a KIWT AppSetting object and turn it into key/value for the Form
+  const initialValues = (0, _useSettingsSectionInitalValues.default)({
+    settings: rawSettings
+  });
+  const sendSettingsCallout = (0, _useSettingCallout.default)({
+    intlKey: passedIntlKey,
+    intlNS: passedIntlNS
+  }); // Translations will need to be set up here for this to work
+
+  const onSubmit = (0, _react.useCallback)(values => {
+    const updates = [];
+    rawSettings.forEach(setting => {
+      const originalValue = initialValues[setting.key];
+      const formValue = values[setting.key];
+      if (formValue !== originalValue) {
+        updates.push(_objectSpread(_objectSpread({}, setting), {}, {
+          value: formValue.toString()
+        }));
+      }
+    });
+    if (updates.length > 0) {
+      const successful = [];
+      const failed = [];
+
+      // type MUST be 'success' or 'error'
+
+      // We catch any failed requests and stick them in an array for us to deal with later
+      const updatePromises = updates.map(update => handleSubmit(update).then(() => {
+        // Ensure same shape for these objects in failure AND success
+        successful.push({
+          setting: update
+        });
+      }).catch(error => {
+        failed.push({
+          setting: update,
+          error
+        });
+      }));
+      return Promise.all(updatePromises).then(() => {
+        if (successful.length > 0) {
+          sendSettingsCallout({
+            type: 'success',
+            settings: successful
+          });
+          onSettingsSuccess({
+            settings: successful
+          });
+        }
+        if (failed.length > 0) {
+          sendSettingsCallout({
+            type: 'error',
+            settings: failed
+          });
+          onSettingsFailure({
+            settings: failed
+          });
+        }
+        onSubmitComplete();
+        return true;
+      });
+    }
+    // In case we somehow called this with no updates
+    // (Shouldn't be possible because of the disabled save button),
+    // return an empty promise
+    return Promise.resolve(true);
+  }, [rawSettings, initialValues, handleSubmit, onSubmitComplete, sendSettingsCallout, onSettingsSuccess, onSettingsFailure]);
+  return {
+    rawSettings,
+    initialValues,
+    onSubmit,
+    sendSettingsCallout,
+    settingsSection
+  };
+};
+var _default = exports.default = useStaticSettingsSection;

package/es/lib/{settingsHooks → Settings/hooks}/useAppSettings/useAppSettings.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
-var _utils = require("../../utils");
+var _utils = require("../../../utils");
 const useAppSettings = _ref => {
   var _ref2, _ref3, _queryObject$data2;
   let {

package/es/lib/{settingsHooks → Settings/hooks}/useSettingSection/useSettingSection.js

@@ -6,7 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _reactQuery = require("react-query");
 var _core = require("@folio/stripes/core");
-var _utils = require("../../utils");
+var _utils = require("../../../utils");
+var _constants = require("../../constants");
 const _excluded = ["data"],
   _excluded2 = ["mutateAsync"];
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -19,9 +20,9 @@ const useSettingSection = _ref => {
       let {
         queryParams
       } = _ref2;
-      return ['stripes-kint-components', 'useSetting', 'appSettings', queryParams, sectionName];
+      return (0, _constants.GET_SETTING_SECTION_QUERY_KEY)(queryParams, sectionName);
     },
-    getMutateNamespaceGenerator = () => ['stripes-kint-components', 'useSetting', 'putSetting', sectionName]
+    getMutateNamespaceGenerator = () => (0, _constants.GET_SETTING_SECTION_MUTATE_KEY)(sectionName)
   } = _ref;
   const ky = (0, _core.useOkapiKy)();
   const queryParams = (0, _utils.generateKiwtQueryParams)({

package/es/lib/{settingsHooks → Settings/hooks}/useSettings/useSettings.js

@@ -11,8 +11,8 @@ var _core = require("@folio/stripes/core");
 var _smartComponents = require("@folio/stripes/smart-components");
 var _SettingPage = require("../../SettingPage");
 var _contexts = require("../../contexts");
-var _utils = require("../../utils");
-var _hooks = require("../../hooks");
+var _utils = require("../../../utils");
+var _hooks = require("../../../hooks");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/es/lib/Settings/index.js

@@ -0,0 +1,107 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  SettingsFormContainer: true,
+  SettingPage: true,
+  SettingPagePane: true,
+  RefdataCategoriesSettings: true,
+  EditableRefdataList: true,
+  EditableRefdataCategoryList: true,
+  StaticSettingsField: true,
+  SettingsContext: true
+};
+Object.defineProperty(exports, "EditableRefdataCategoryList", {
+  enumerable: true,
+  get: function () {
+    return _EditableRefdataCategoryList.default;
+  }
+});
+Object.defineProperty(exports, "EditableRefdataList", {
+  enumerable: true,
+  get: function () {
+    return _EditableRefdataList.default;
+  }
+});
+Object.defineProperty(exports, "RefdataCategoriesSettings", {
+  enumerable: true,
+  get: function () {
+    return _RefdataCategoriesSettings.default;
+  }
+});
+Object.defineProperty(exports, "SettingPage", {
+  enumerable: true,
+  get: function () {
+    return _SettingPage.SettingPage;
+  }
+});
+Object.defineProperty(exports, "SettingPagePane", {
+  enumerable: true,
+  get: function () {
+    return _SettingPage.SettingPagePane;
+  }
+});
+Object.defineProperty(exports, "SettingsContext", {
+  enumerable: true,
+  get: function () {
+    return _contexts.SettingsContext;
+  }
+});
+Object.defineProperty(exports, "SettingsFormContainer", {
+  enumerable: true,
+  get: function () {
+    return _SettingsFormContainer.default;
+  }
+});
+Object.defineProperty(exports, "StaticSettingsField", {
+  enumerable: true,
+  get: function () {
+    return _StaticSettingsField.default;
+  }
+});
+var _SettingsFormContainer = _interopRequireDefault(require("./SettingsFormContainer"));
+var _hooks = require("./hooks");
+Object.keys(_hooks).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hooks[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hooks[key];
+    }
+  });
+});
+var _SettingPage = require("./SettingPage");
+var _EditableSettingsList = require("./EditableSettingsList");
+Object.keys(_EditableSettingsList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _EditableSettingsList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EditableSettingsList[key];
+    }
+  });
+});
+var _RefdataCategoriesSettings = _interopRequireDefault(require("./RefdataCategoriesSettings"));
+var _EditableRefdataList = _interopRequireDefault(require("./EditableRefdataList"));
+var _EditableRefdataCategoryList = _interopRequireDefault(require("./EditableRefdataCategoryList"));
+var _StaticSettingsField = _interopRequireDefault(require("./StaticSettingsField"));
+var _contexts = require("./contexts");
+var _constants = require("./constants");
+Object.keys(_constants).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _constants[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _constants[key];
+    }
+  });
+});
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

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

package/src/index.js

@@ -7,25 +7,11 @@ export * from './lib/utils';
 // Validators
 export * from './lib/validators';
 
-// Contexts
-export {
-  SettingsContext,
-} from './lib/contexts';
-
-// Setting Page Components
-export {
-  SettingPage,
-  SettingPagePane,
-} from './lib/SettingPage';
-export * from './lib/EditableSettingsList';
-
-// Settings hooks
-export * from './lib/settingsHooks';
+// Settings stuff
+export * from './lib/Settings';
 
 // ActionList & RefdataEditor components
 export { default as ActionList } from './lib/ActionList';
-export { default as EditableRefdataList } from './lib/EditableRefdataList';
-export { default as EditableRefdataCategoryList } from './lib/EditableRefdataCategoryList';
 
 // Typedown
 export {
@@ -97,9 +83,6 @@ export {
   useParseActiveFilterStrings
 } from './lib/CustomProperties';
 
-// Refdata categories
-export { default as RefdataCategoriesSettings } from './lib/RefdataCategoriesSettings';
-
 export * as customPropertyConstants from './lib/constants/customProperties';
 
 export * as endpoints from './lib/constants/endpoints';
@@ -113,10 +96,11 @@ export { default as FormattedKintMessage } from './lib/FormattedKintMessage';
 
 export { default as ResponsiveButtonGroup } from './lib/ResponsiveButtonGroup';
 
-export { default as SettingsFormContainer } from './lib/SettingsFormContainer';
-
 export { default as ComboButton } from './lib/ComboButton';
 
 export { default as NumberField } from './lib/NumberField';
 
 export * from './lib/Tags';
+
+export { default as FieldLabel } from './lib/FieldLabel';
+

package/src/lib/FieldLabel/FieldLabel.js

@@ -0,0 +1,26 @@
+import { IconButton, Label, Tooltip } from '@folio/stripes/components';
+
+const FieldLabel = ({
+  helpText,
+  label,
+  tooltipId
+}) => (
+  <Label>
+    {label}
+    {helpText ?
+      <Tooltip id={tooltipId} text={helpText}>
+        {({ ref, ariaIds }) => (
+          <IconButton
+            ref={ref}
+            aria-describedby={ariaIds.sub}
+            aria-labelledby={ariaIds.text}
+            icon="info"
+          />
+        )}
+      </Tooltip> :
+      null
+    }
+  </Label>
+);
+
+export default FieldLabel;

package/src/lib/FieldLabel/README.md

@@ -0,0 +1,26 @@
+# FieldLabel
+A helper component to render Field Labels with/without help text as required
+
+Where help text is included, a tooltipId must be passed
+
+## Basic Usage
+```javascript
+import { Field } from 'react-final-form'
+import { FieldLabel } from '@k-int/stripes-kint-components';
+import { TextField } from '@folio/stripes/components'
+const MyComponent = () => {
+  return (
+    <Field
+      component={TextField}
+      label={
+        <FieldLabel
+          label="My label"
+          helpText="My help text"
+          tooltipId='my-field-label-tooltip'
+        />
+      }
+      name="my-field"
+    />
+  )
+}
+```

package/src/lib/FieldLabel/index.js

@@ -0,0 +1 @@
+export { default } from './FieldLabel';

package/src/lib/RefdataButtons/RefdataButtons.js

@@ -76,7 +76,10 @@ const RefdataButtons = (props) => {
   };
 
   return (
-    returnRows(props.dataOptions)
+    <>
+      {props.label}
+      {returnRows(props.dataOptions)}
+    </>
   );
 };
 
@@ -90,6 +93,7 @@ RefdataButtons.propTypes = {
     value: PropTypes.string.isRequired,
     onChange: PropTypes.func.isRequired,
   }).isRequired,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
 };
 
 export default RefdataButtons;

package/src/lib/{EditableRefdataCategoryList → Settings/EditableRefdataCategoryList}/EditableRefdataCategoryList.js

@@ -4,13 +4,13 @@ import PropTypes from 'prop-types';
 import { Button, ConfirmationModal } from '@folio/stripes/components';
 import { CalloutContext } from '@folio/stripes/core';
 
-import { useKintIntl, useMutateRefdataCategory, useRefdata } from '../hooks';
+import { useKintIntl, useMutateRefdataCategory, useRefdata } from '../../hooks';
 
-import SearchField from '../SearchField';
-import ActionList from '../ActionList';
-import { required } from '../validators';
-import { parseErrorResponse } from '../utils';
-import css from '../../../styles/CustomProperties.css';
+import SearchField from '../../SearchField';
+import ActionList from '../../ActionList';
+import { required } from '../../validators';
+import { parseErrorResponse } from '../../utils';
+import css from '../../../../styles/CustomProperties.css';
 
 const propTypes = {
   afterQueryCalls: PropTypes.object,

package/src/lib/{EditableRefdataList → Settings/EditableRefdataList}/EditableRefdataList.js

@@ -4,11 +4,11 @@ import PropTypes from 'prop-types';
 import { ConfirmationModal } from '@folio/stripes/components';
 import { CalloutContext } from '@folio/stripes/core';
 
-import { useKintIntl, useMutateRefdataValue, useRefdata } from '../hooks';
+import { useKintIntl, useMutateRefdataValue, useRefdata } from '../../hooks';
 
-import ActionList from '../ActionList';
-import { required } from '../validators';
-import { parseErrorResponse, selectorSafe } from '../utils';
+import ActionList from '../../ActionList';
+import { required } from '../../validators';
+import { parseErrorResponse, selectorSafe } from '../../utils';
 
 const propTypes = {
   afterQueryCalls: PropTypes.object,