@strapi/admin 4.3.4 → 4.4.0-alpha.0

package/admin/src/content-manager/pages/App/LeftMenu/index.js

@@ -22,19 +22,19 @@ import getTrad from '../../../utils/getTrad';
 import { makeSelectModelLinks } from '../selectors';
 
 const matchByTitle = (links, search) =>
-  matchSorter(links, toLower(search), { keys: [item => toLower(item.title)] });
+  matchSorter(links, toLower(search), { keys: [(item) => toLower(item.title)] });
 
 const LeftMenu = () => {
   const [search, setSearch] = useState('');
   const { formatMessage } = useIntl();
   const modelLinksSelector = useMemo(makeSelectModelLinks, []);
   const { collectionTypeLinks, singleTypeLinks } = useSelector(
-    state => modelLinksSelector(state),
+    (state) => modelLinksSelector(state),
     shallowEqual
   );
 
-  const toIntl = links =>
-    links.map(link => {
+  const toIntl = (links) =>
+    links.map((link) => {
       return {
         ...link,
         title: formatMessage({ id: link.title, defaultMessage: link.title }),
@@ -52,7 +52,7 @@ const LeftMenu = () => {
         defaultMessage: 'Collection Types',
       },
       searchable: true,
-      links: sortBy(matchByTitle(intlCollectionTypeLinks, search), object =>
+      links: sortBy(matchByTitle(intlCollectionTypeLinks, search), (object) =>
         object.title.toLowerCase()
       ),
     },
@@ -63,7 +63,7 @@ const LeftMenu = () => {
         defaultMessage: 'Single Types',
       },
       searchable: true,
-      links: sortBy(matchByTitle(intlSingleTypeLinks, search), object =>
+      links: sortBy(matchByTitle(intlSingleTypeLinks, search), (object) =>
         object.title.toLowerCase()
       ),
     },
@@ -96,7 +96,7 @@ const LeftMenu = () => {
         })}
       />
       <SubNavSections>
-        {menu.map(section => {
+        {menu.map((section) => {
           const label = formatMessage(
             { id: section.title.id, defaultMessage: section.title.defaultMessage },
             section.title.values
@@ -108,7 +108,7 @@ const LeftMenu = () => {
               label={label}
               badgeLabel={section.links.length.toString()}
             >
-              {section.links.map(link => {
+              {section.links.map((link) => {
                 const search = link.search ? `?${link.search}` : '';
 
                 return (

package/admin/src/content-manager/pages/App/index.js

@@ -28,7 +28,7 @@ const cmPermissions = permissions.contentManager;
 const App = () => {
   const contentTypeMatch = useRouteMatch(`/content-manager/:kind/:uid`);
   const { status, collectionTypeLinks, singleTypeLinks, models, refetchData } = useModels();
-  const authorisedModels = sortBy([...collectionTypeLinks, ...singleTypeLinks], model =>
+  const authorisedModels = sortBy([...collectionTypeLinks, ...singleTypeLinks], (model) =>
     model.title.toLowerCase()
   );
   const { pathname } = useLocation();
@@ -114,7 +114,7 @@ const App = () => {
 
 export { App };
 
-export default () => {
+export default function () {
   const { formatMessage } = useIntl();
 
   return (
@@ -125,4 +125,4 @@ export default () => {
       <App />
     </>
   );
-};
+}

package/admin/src/content-manager/pages/App/reducer.js

@@ -15,7 +15,7 @@ const initialState = {
 };
 
 const mainReducer = (state = initialState, action) =>
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     switch (action.type) {
       case GET_DATA: {
         draftState.status = 'loading';

package/admin/src/content-manager/pages/App/selectors.js

@@ -1,19 +1,19 @@
 import { createSelector } from 'reselect';
 import { initialState } from './reducer';
 
-const selectAppDomain = () => state => {
+const selectAppDomain = () => (state) => {
   return state['content-manager_app'] || initialState;
 };
 
 const makeSelectApp = () =>
-  createSelector(selectAppDomain(), substate => {
+  createSelector(selectAppDomain(), (substate) => {
     return substate;
   });
 
-const makeSelectModels = () => createSelector(selectAppDomain(), state => state.models);
+const makeSelectModels = () => createSelector(selectAppDomain(), (state) => state.models);
 
 const makeSelectModelLinks = () =>
-  createSelector(selectAppDomain(), state => ({
+  createSelector(selectAppDomain(), (state) => ({
     collectionTypeLinks: state.collectionTypeLinks,
     singleTypeLinks: state.singleTypeLinks,
   }));

package/admin/src/content-manager/pages/App/useModels.js

@@ -35,7 +35,7 @@ const useModels = () => {
           data: { data: models },
         },
       ] = await Promise.all(
-        ['components', 'content-types'].map(endPoint =>
+        ['components', 'content-types'].map((endPoint) =>
           axiosInstance.get(getRequestUrl(endPoint), { cancelToken: source.token })
         )
       );

package/admin/src/content-manager/pages/App/utils/generateModelsLinks.js

@@ -3,8 +3,8 @@ import { stringify } from 'qs';
 
 const generateLinks = (links, type, configurations = []) => {
   return links
-    .filter(link => link.isDisplayed)
-    .map(link => {
+    .filter((link) => link.isDisplayed)
+    .map((link) => {
       const collectionTypesPermissions = [
         { action: 'plugin::content-manager.explorer.create', subject: link.uid },
         { action: 'plugin::content-manager.explorer.read', subject: link.uid },

package/admin/src/content-manager/pages/CollectionTypeRecursivePath/index.js

@@ -81,7 +81,7 @@ const CollectionTypeRecursivePath = ({
     { path: ':id', comp: EditViewLayoutManager },
     { path: '', comp: ListViewLayout },
   ].map(({ path, comp }) => (
-    <Route key={path} path={`${url}/${path}`} render={props => renderRoute(props, comp)} />
+    <Route key={path} path={`${url}/${path}`} render={(props) => renderRoute(props, comp)} />
   ));
 
   return (

package/admin/src/content-manager/pages/ComponentSetttingsView/index.js

@@ -16,14 +16,14 @@ const cmPermissions = permissions.contentManager;
 const ComponentSettingsView = () => {
   const [{ isLoading, data: layout }, dispatch] = useReducer(crudReducer, crudInitialState);
   const schemasSelector = useMemo(makeSelectModelAndComponentSchemas, []);
-  const { schemas } = useSelector(state => schemasSelector(state), shallowEqual);
+  const { schemas } = useSelector((state) => schemasSelector(state), shallowEqual);
   const { uid } = useParams();
 
   useEffect(() => {
     const CancelToken = axios.CancelToken;
     const source = CancelToken.source();
 
-    const fetchData = async source => {
+    const fetchData = async (source) => {
       try {
         dispatch(getData());
 

package/admin/src/content-manager/pages/EditSettingsView/components/ComponentFieldList.js

@@ -22,7 +22,7 @@ const ComponentFieldList = ({ componentUid }) => {
       {componentLayout.map((row, index) => (
         // eslint-disable-next-line react/no-array-index-key
         <Grid gap={4} key={index}>
-          {row.map(rowContent => (
+          {row.map((rowContent) => (
             <GridItem key={rowContent.name} col={rowContent.size}>
               <Box paddingTop={2}>
                 <Flex

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFieldButton.js

@@ -215,7 +215,7 @@ const DisplayedFieldButton = ({
       item.itemIndex = hoverIndex;
       item.rowIndex = targetRow;
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       canDrop: monitor.canDrop(),
       clientOffset: monitor.getClientOffset(),
       isOver: monitor.isOver(),
@@ -225,7 +225,7 @@ const DisplayedFieldButton = ({
   });
   const [{ isDragging, getItem }, drag, dragPreview] = useDrag({
     type: ItemTypes.EDIT_FIELD,
-    item: () => {
+    item() {
       setIsDraggingSibling(true);
 
       return {
@@ -244,11 +244,11 @@ const DisplayedFieldButton = ({
       // We will need to add a 12 size _TEMP_ div to offer a drop target between each existing row.
       return name !== '_TEMP_';
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
       getItem: monitor.getItem(),
     }),
-    end: () => {
+    end() {
       setIsDraggingSibling(false);
     },
   });
@@ -344,7 +344,7 @@ const DisplayedFieldButton = ({
             as="span"
             type="button"
             ref={refs.dragRef}
-            onClick={e => e.stopPropagation()}
+            onClick={(e) => e.stopPropagation()}
             alignItems="center"
             paddingLeft={3}
             paddingRight={3}

package/admin/src/content-manager/pages/EditSettingsView/components/DisplayedFields.js

@@ -57,7 +57,7 @@ const DisplayedFields = ({ editLayout, editLayoutRemainingFields, onRemoveField,
             variant="secondary"
             disabled={editLayoutRemainingFields.length === 0}
           >
-            {editLayoutRemainingFields.map(field => (
+            {editLayoutRemainingFields.map((field) => (
               <MenuItem key={field} onClick={() => onAddField(field)}>
                 {field}
               </MenuItem>

package/admin/src/content-manager/pages/EditSettingsView/components/DynamicZoneList.js

@@ -46,7 +46,7 @@ const DynamicZoneList = ({ components }) => {
 
   return (
     <Stack spacing={2} horizontal overflow="scroll hidden" padding={3}>
-      {components.map(componentUid => (
+      {components.map((componentUid) => (
         <CustomLink
           hasRadius
           background="neutral0"

package/admin/src/content-manager/pages/EditSettingsView/components/FormModal.js

@@ -26,7 +26,7 @@ const HeaderContainer = styled(Flex)`
   }
 `;
 
-const FormModal = ({ onToggle, onMetaChange, onSizeChange, onSubmit, type }) => {
+const FormModal = ({ onToggle, onMetaChange, onSizeChange, onSubmit, type, customFieldUid }) => {
   const { selectedField } = useLayoutDnd();
   const { formatMessage } = useIntl();
 
@@ -47,7 +47,7 @@ const FormModal = ({ onToggle, onMetaChange, onSizeChange, onSubmit, type }) =>
       <form onSubmit={onSubmit}>
         <ModalHeader>
           <HeaderContainer>
-            <FieldTypeIcon type={getAttrType(type)} />
+            <FieldTypeIcon type={getAttrType()} customFieldUid={customFieldUid} />
             <Typography fontWeight="bold" textColor="neutral800" as="h2" id="title">
               {formatMessage(
                 {
@@ -81,7 +81,12 @@ const FormModal = ({ onToggle, onMetaChange, onSizeChange, onSubmit, type }) =>
   );
 };
 
+FormModal.defaultProps = {
+  customFieldUid: null,
+};
+
 FormModal.propTypes = {
+  customFieldUid: PropTypes.string,
   onSubmit: PropTypes.func.isRequired,
   onToggle: PropTypes.func.isRequired,
   onMetaChange: PropTypes.func.isRequired,

package/admin/src/content-manager/pages/EditSettingsView/components/GenericInput.js

@@ -15,7 +15,7 @@ const GenericInput = ({ type, options, onChange, value, name, ...inputProps }) =
     case 'bool': {
       return (
         <ToggleInput
-          onChange={e => {
+          onChange={(e) => {
             onChange({ target: { name, value: e.target.checked } });
           }}
           checked={value}
@@ -37,10 +37,10 @@ const GenericInput = ({ type, options, onChange, value, name, ...inputProps }) =
         <Select
           value={value}
           name={name}
-          onChange={value => onChange({ target: { name, value } })}
+          onChange={(value) => onChange({ target: { name, value } })}
           {...inputProps}
         >
-          {options.map(option => (
+          {options.map((option) => (
             <Option key={option} value={option}>
               {option}
             </Option>

package/admin/src/content-manager/pages/EditSettingsView/components/ModalForm.js

@@ -20,11 +20,15 @@ const FIELD_SIZES = [
 
 const NON_RESIZABLE_FIELD_TYPES = ['dynamiczone', 'component', 'json', 'richtext'];
 
+const TIME_FIELD_OPTIONS = [1, 5, 10, 15, 30, 60];
+
+const TIME_FIELD_TYPES = ['datetime', 'time'];
+
 const ModalForm = ({ onMetaChange, onSizeChange }) => {
   const { formatMessage } = useIntl();
   const { modifiedData, selectedField, attributes, fieldForm } = useLayoutDnd();
   const schemasSelector = useMemo(makeSelectModelAndComponentSchemas, []);
-  const { schemas } = useSelector(state => schemasSelector(state), shallowEqual);
+  const { schemas } = useSelector((state) => schemasSelector(state), shallowEqual);
 
   const formToDisplay = useMemo(() => {
     if (!selectedField) {
@@ -33,7 +37,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
 
     const associatedMetas = get(modifiedData, ['metadatas', selectedField, 'edit'], {});
 
-    return Object.keys(associatedMetas).filter(meta => meta !== 'visible');
+    return Object.keys(associatedMetas).filter((meta) => meta !== 'visible');
   }, [selectedField, modifiedData]);
 
   const componentsAndModelsPossibleMainFields = useMemo(() => {
@@ -41,7 +45,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
   }, [schemas]);
 
   const getSelectedItemSelectOptions = useCallback(
-    formType => {
+    (formType) => {
       if (formType !== 'relation' && formType !== 'component') {
         return [];
       }
@@ -55,7 +59,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
     [selectedField, componentsAndModelsPossibleMainFields, modifiedData]
   );
 
-  const metaFields = formToDisplay.map(meta => {
+  const metaFields = formToDisplay.map((meta) => {
     const formType = get(attributes, [selectedField, 'type']);
 
     if (
@@ -73,6 +77,10 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
       return null;
     }
 
+    if (meta === 'step') {
+      return null;
+    }
+
     return (
       <GridItem col={6} key={meta}>
         <GenericInput
@@ -103,7 +111,7 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
       <Select
         value={fieldForm?.size}
         name="size"
-        onChange={value => {
+        onChange={(value) => {
           onSizeChange({ name: selectedField, value });
         }}
         label={formatMessage({
@@ -120,10 +128,33 @@ const ModalForm = ({ onMetaChange, onSizeChange }) => {
     </GridItem>
   );
 
+  const hasTimePicker = TIME_FIELD_TYPES.includes(attributes[selectedField].type);
+
+  const timeStepField = (
+    <GridItem col={6} key="step">
+      <Select
+        value={get(fieldForm, ['metadata', 'step'], 1)}
+        name="step"
+        onChange={(value) => onMetaChange({ target: { name: 'step', value } })}
+        label={formatMessage({
+          id: getTrad('containers.SettingPage.editSettings.step.label'),
+          defaultMessage: 'Time interval (minutes)',
+        })}
+      >
+        {TIME_FIELD_OPTIONS.map((value) => (
+          <Option key={value} value={value}>
+            {value}
+          </Option>
+        ))}
+      </Select>
+    </GridItem>
+  );
+
   return (
     <>
       {metaFields}
       {canResize && sizeField}
+      {hasTimePicker && timeStepField}
     </>
   );
 };

package/admin/src/content-manager/pages/EditSettingsView/components/RelationalFieldButton.js

@@ -56,10 +56,10 @@ const RelationalFieldButton = ({
 
   const [{ isDragging }, drag, dragPreview] = useDrag({
     type: ItemTypes.EDIT_RELATION,
-    item: () => {
+    item() {
       return { index, labelField: children, name };
     },
-    collect: monitor => ({
+    collect: (monitor) => ({
       isDragging: monitor.isDragging(),
     }),
   });
@@ -94,7 +94,7 @@ const RelationalFieldButton = ({
         as="span"
         type="button"
         ref={dragButtonRef}
-        onClick={e => e.stopPropagation()}
+        onClick={(e) => e.stopPropagation()}
         alignItems="center"
         paddingLeft={3}
         paddingRight={3}

package/admin/src/content-manager/pages/EditSettingsView/components/RelationalFields.js

@@ -77,7 +77,7 @@ const RelationalFields = ({
             variant="secondary"
             disabled={editRelationsLayoutRemainingFields.length === 0}
           >
-            {editRelationsLayoutRemainingFields.map(remainingRelation => (
+            {editRelationsLayoutRemainingFields.map((remainingRelation) => (
               <MenuItem
                 id={`menuItem-${remainingRelation}`}
                 key={`menuItem-${remainingRelation}`}

package/admin/src/content-manager/pages/EditSettingsView/index.js

@@ -47,7 +47,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   const modelName = get(mainLayout, ['info', 'displayName'], '');
   const attributes = get(modifiedData, ['attributes'], {});
 
-  const entryTitleOptions = Object.keys(attributes).filter(attr => {
+  const entryTitleOptions = Object.keys(attributes).filter((attr) => {
     const type = get(attributes, [attr, 'type'], '');
 
     return (
@@ -68,22 +68,22 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   const editLayout = get(modifiedData, ['layouts', 'edit'], []);
   const displayedFields = flatMap(editLayout, 'rowContent');
   const editLayoutRemainingFields = Object.keys(modifiedData.attributes)
-    .filter(attr => {
+    .filter((attr) => {
       if (!isContentTypeView) {
         return true;
       }
 
       return get(modifiedData, ['attributes', attr, 'type'], '') !== 'relation';
     })
-    .filter(attr => get(modifiedData, ['metadatas', attr, 'edit', 'visible'], false) === true)
-    .filter(attr => {
-      return displayedFields.findIndex(el => el.name === attr) === -1;
+    .filter((attr) => get(modifiedData, ['metadatas', attr, 'edit', 'visible'], false) === true)
+    .filter((attr) => {
+      return displayedFields.findIndex((el) => el.name === attr) === -1;
     })
     .sort();
   const relationsLayout = get(modifiedData, ['layouts', 'editRelations'], []);
   const editRelationsLayoutRemainingFields = Object.keys(attributes)
-    .filter(attr => attributes[attr].type === 'relation')
-    .filter(attr => relationsLayout.indexOf(attr) === -1);
+    .filter((attr) => attributes[attr].type === 'relation')
+    .filter((attr) => relationsLayout.indexOf(attr) === -1);
 
   const handleChange = ({ target: { name, value } }) => {
     dispatch({
@@ -94,11 +94,11 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
   };
 
   const handleToggleModal = () => {
-    setIsModalFormOpen(prev => !prev);
+    setIsModalFormOpen((prev) => !prev);
   };
 
   const toggleConfirmDialog = () => {
-    setIsConfirmDialogOpen(prev => !prev);
+    setIsConfirmDialogOpen((prev) => !prev);
   };
 
   const handleMetaChange = ({ target: { name, value } }) => {
@@ -117,7 +117,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
     });
   };
 
-  const handleMetaSubmit = e => {
+  const handleMetaSubmit = (e) => {
     e.preventDefault();
     dispatch({
       type: 'SUBMIT_META_FORM',
@@ -125,17 +125,17 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
     handleToggleModal();
   };
 
-  const handleSubmit = e => {
+  const handleSubmit = (e) => {
     e.preventDefault();
     toggleConfirmDialog();
   };
 
   const submitMutation = useMutation(
-    body => {
+    (body) => {
       return putCMSettingsEV(body, slug, isContentTypeView);
     },
     {
-      onSuccess: ({ data }) => {
+      onSuccess({ data }) {
         if (updateLayout) {
           updateLayout(data.data);
         }
@@ -145,7 +145,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
         toggleConfirmDialog();
         trackUsage('didEditEditSettings');
       },
-      onError: () => {
+      onError() {
         toggleNotification({ type: 'warning', message: { id: 'notification.error' } });
       },
     }
@@ -215,7 +215,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
       onMoveField={handleMoveField}
       moveRow={moveRow}
       moveItem={moveItem}
-      setEditFieldToSelect={name => {
+      setEditFieldToSelect={(name) => {
         dispatch({
           type: 'SET_FIELD_TO_EDIT',
           name,
@@ -242,7 +242,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
             navigationAction={
               <Link
                 startIcon={<ArrowLeft />}
-                onClick={e => {
+                onClick={(e) => {
                   e.preventDefault();
                   goBack();
                 }}
@@ -292,7 +292,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                         id: getTrad('containers.SettingPage.editSettings.entry.title.description'),
                         defaultMessage: 'Set the display field of your entry',
                       })}
-                      onChange={value => {
+                      onChange={(value) => {
                         handleChange({
                           target: {
                             name: 'settings.mainField',
@@ -302,7 +302,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       }}
                       value={modifiedData.settings.mainField}
                     >
-                      {entryTitleOptions.map(attribute => (
+                      {entryTitleOptions.map((attribute) => (
                         <Option key={attribute} value={attribute}>
                           {attribute}
                         </Option>
@@ -325,7 +325,7 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       attributes={attributes}
                       editLayout={editLayout}
                       editLayoutRemainingFields={editLayoutRemainingFields}
-                      onAddField={field => {
+                      onAddField={(field) => {
                         dispatch({
                           type: 'ON_ADD_FIELD',
                           name: field,
@@ -345,8 +345,8 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
                       <RelationalFields
                         editRelationsLayoutRemainingFields={editRelationsLayoutRemainingFields}
                         relationsLayout={relationsLayout}
-                        onAddField={name => dispatch({ type: 'ADD_RELATION', name })}
-                        onRemoveField={index => dispatch({ type: 'REMOVE_RELATION', index })}
+                        onAddField={(name) => dispatch({ type: 'ADD_RELATION', name })}
+                        onRemoveField={(index) => dispatch({ type: 'REMOVE_RELATION', index })}
                       />
                     </GridItem>
                   )}
@@ -371,9 +371,10 @@ const EditSettingsView = ({ mainLayout, components, isContentTypeView, slug, upd
           <ModalForm
             onSubmit={handleMetaSubmit}
             onToggle={handleToggleModal}
-            type={get(attributes, [metaToEdit, 'type'], '')}
             onMetaChange={handleMetaChange}
             onSizeChange={handleSizeChange}
+            type={get(attributes, [metaToEdit, 'type'], '')}
+            customFieldUid={get(attributes, [metaToEdit, 'customField'], '')}
           />
         )}
       </Main>

package/admin/src/content-manager/pages/EditSettingsView/reducer.js

@@ -17,7 +17,7 @@ const initialState = {
 
 const reducer = (state = initialState, action) =>
   // eslint-disable-next-line consistent-return
-  produce(state, draftState => {
+  produce(state, (draftState) => {
     const layoutPathEdit = ['modifiedData', 'layouts', 'edit'];
     const layoutPathRelations = ['modifiedData', 'layouts', 'editRelations'];
 

package/admin/src/content-manager/pages/EditSettingsView/utils/createPossibleMainFieldsForModelsAndComponents.js

@@ -1,9 +1,9 @@
 import { get } from 'lodash';
 
-const createPossibleMainFieldsForModelsAndComponents = array => {
+const createPossibleMainFieldsForModelsAndComponents = (array) => {
   return array.reduce((acc, current) => {
     const attributes = get(current, ['attributes'], {});
-    const possibleMainFields = Object.keys(attributes).filter(attr => {
+    const possibleMainFields = Object.keys(attributes).filter((attr) => {
       return ![
         'boolean',
         'component',

package/admin/src/content-manager/pages/EditSettingsView/utils/getInputProps.js

@@ -1,6 +1,6 @@
 import { getTrad } from '../../../utils';
 
-const getInputProps = fieldName => {
+const getInputProps = (fieldName) => {
   let type;
 
   switch (fieldName) {