@k-int/stripes-kint-components 5.29.0 → 5.29.1

package/src/lib/Settings/StaticSettingsField/StaticSettingsFieldComponent/StaticSettingsFieldComponent.js

@@ -0,0 +1,42 @@
+import { useCallback, useMemo } from 'react';
+
+import { Select, TextField } from '@folio/stripes/components';
+import RefdataButtons from '../../../RefdataButtons';
+
+const StaticSettingsFieldComponent = ({
+  refdata,
+  setting = {},
+  templates,
+  ...fieldProps // Anything else will be passed directly onto the <Field> component
+}) => {
+  // Adding default sort to refdata object in ascending order by label
+  const sortByLabel = useCallback((a, b) => (a.label.localeCompare(b.label)), []);
+  const sortedRefdata = useMemo(() => refdata?.sort(sortByLabel), [refdata, sortByLabel]);
+
+  switch (setting.settingType) {
+    case 'Refdata':
+      // Grab refdata values corresponding to setting
+      // eslint-disable-next-line no-case-declarations
+      let RefdataComponent = Select;
+      if (refdata.length > 0 && refdata.length <= 4) {
+        RefdataComponent = RefdataButtons;
+      }
+
+      return <RefdataComponent {...fieldProps} dataOptions={sortedRefdata} />;
+    case 'Password':
+      return <TextField {...fieldProps} type="password" />;
+    case 'Template':
+      // Grab template values corresponding to setting
+      // eslint-disable-next-line no-case-declarations
+      const selectTemplateValues = [
+        { value: '', label: '' },
+        ...templates.map(t => ({ value: t.id, label: t.name }))
+      ];
+      return <Select {...fieldProps} dataOptions={selectTemplateValues} />;
+    default:
+      // If in doubt, go with String
+      return <TextField {...fieldProps} />;
+  }
+};
+
+export default StaticSettingsFieldComponent;

package/src/lib/Settings/StaticSettingsField/StaticSettingsFieldComponent/index.js

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

package/src/lib/Settings/StaticSettingsField/index.js

@@ -1 +1,2 @@
-export { default } from './StaticSettingsField';
+export { default as StaticSettingsField } from './StaticSettingsField';
+export { default as StaticSettingsFieldComponent } from './StaticSettingsFieldComponent';

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

@@ -1,5 +1,16 @@
 export const BASE_APP_SETTING_QUERY_KEY = ['stripes-kint-components', 'useSetting', 'appSettings'];
-export const GET_SETTING_SECTION_QUERY_KEY = (queryParams, sectionName) => [...BASE_APP_SETTING_QUERY_KEY, sectionName, queryParams];
+export const GET_SETTING_SECTION_QUERY_KEY = (queryParams, sectionName) => {
+  const queryNamespace = [...BASE_APP_SETTING_QUERY_KEY];
+  if (sectionName) {
+    queryNamespace.push(sectionName);
+  }
+
+  if (queryParams) {
+    queryNamespace.push(queryParams);
+  }
+
+  return [...BASE_APP_SETTING_QUERY_KEY, sectionName, queryParams];
+};
 
 export const BASE_APP_SETTING_MUTATE_KEY = ['stripes-kint-components', 'useSetting', 'putSetting'];
 export const GET_SETTING_SECTION_MUTATE_KEY = (sectionName) => [...BASE_APP_SETTING_MUTATE_KEY, sectionName];

package/src/lib/Settings/hooks/useSettingSection/useSettingSection.js

@@ -1,4 +1,4 @@
-import { useMutation, useQuery } from 'react-query';
+import { useMutation, useQuery, useQueryClient } from 'react-query';
 import { useOkapiKy } from '@folio/stripes/core';
 import { generateKiwtQueryParams } from '../../../utils';
 
@@ -11,6 +11,7 @@ const useSettingSection = ({
   getMutateNamespaceGenerator = () => GET_SETTING_SECTION_MUTATE_KEY(sectionName)
 }) => {
   const ky = useOkapiKy();
+  const queryClient = useQueryClient();
   const queryParams = generateKiwtQueryParams({
     filters: [
       {
@@ -34,7 +35,10 @@ const useSettingSection = ({
 
   const { mutateAsync: putSetting, ...settingsMutate } = useMutation(
     getMutateNamespaceGenerator(),
-    (data) => ky.put(`${settingEndpoint}${data.id ? '/' + data.id : ''}`, { json: data })
+    (data) => ky.put(`${settingEndpoint}${data.id ? '/' + data.id : ''}`, { json: data }).then(async res => {
+      await queryClient.invalidateQueries(getQueryNamespaceGenerator({ queryParams }));
+      return res;
+    })
   );
 
   return ({

package/src/lib/Settings/index.js

@@ -18,7 +18,7 @@ export { default as RefdataCategoriesSettings } from './RefdataCategoriesSetting
 export { default as EditableRefdataList } from './EditableRefdataList';
 export { default as EditableRefdataCategoryList } from './EditableRefdataCategoryList';
 
-export { default as StaticSettingsField } from './StaticSettingsField';
+export { StaticSettingsField, StaticSettingsFieldComponent } from './StaticSettingsField';
 
 // Contexts
 export {