assets/stylesheets/App.css

@@ -691,11 +691,6 @@ body {
   top: 1.5px;
 }
 
-.object-select .ant-select-selection-item .object-display-tag .iddisplay,
-.ant-select-dropdown .object-display-tag .iddisplay {
-  margin-bottom: -1px;
-}
-
 .ant-select-tree-title .object-display-tag {
   top: 0.5px;
 }

src/components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate.jsx

@@ -36,11 +36,7 @@ const NewDocumentTemplate = ({ onOk, defaultValues }) => {
                 bordered={false}
                 isEditing={true}
                 required={false}
-                visibleProperties={{
+                visibleProperties={{ content: false, testObject: false }}
-                  content: false,
-                  testObject: false,
-                  referencedTemplates: false
-                }}
                 objectData={objectData}
               />
             )
@@ -57,8 +53,7 @@ const NewDocumentTemplate = ({ onOk, defaultValues }) => {
                   _id: false,
                   _reference: false,
                   createdAt: false,
-                  updatedAt: false,
+                  updatedAt: false
-                  referencedTemplates: false
                 }}
                 isEditing={false}
                 objectData={objectData}

src/components/Dashboard/common/ObjectList.jsx

@@ -1,48 +1,33 @@
 import PropTypes from 'prop-types'
 import ObjectDisplay from './ObjectDisplay'
-import { Flex, Typography } from 'antd'
+import { Space, Typography } from 'antd'
-import ScrollBox from './ScrollBox'
 
 const { Text } = Typography
 
-const ObjectList = ({
+const ObjectList = ({ value, objectType, style, showHyperlink = false }) => {
-  value,
-  objectType,
-  style,
-  showHyperlink = false,
-  scrollHorizontal = false
-}) => {
   if (!value || !Array.isArray(value) || value.length === 0) {
     return <Text type='secondary'>n/a</Text>
   }
 
-  const listContents = (
+  return (
-    <Flex gap={'4px'} wrap={!scrollHorizontal} style={style} justify={'start'}>
+    <Space size={'small'} wrap style={style}>
       {value.map((item) => (
-        <div key={item._id} style={{ flexShrink: 0 }}>
         <ObjectDisplay
           object={item}
           objectType={objectType}
+          key={item._id}
           showHyperlink={showHyperlink}
         />
-        </div>
       ))}
-    </Flex>
+    </Space>
   )
-
-  if (scrollHorizontal) {
-    return <ScrollBox horizontalBottomPadding={10}>{listContents}</ScrollBox>
-  } else {
-    return listContents
-  }
 }
 
 ObjectList.propTypes = {
   value: PropTypes.array,
   objectType: PropTypes.string,
   style: PropTypes.object,
-  showHyperlink: PropTypes.bool,
+  showHyperlink: PropTypes.bool
-  scrollHorizontal: PropTypes.bool
 }
 
 export default ObjectList

src/components/Dashboard/common/ObjectProperty.jsx

@@ -480,7 +480,6 @@ const ObjectProperty = ({
               value={value}
               objectType={objectType}
               showHyperlink={showHyperlink}
-              scrollHorizontal={inTable}
             />
           )
         }

src/components/Dashboard/common/SimplePropertyFilter.jsx

@@ -28,11 +28,6 @@ const getOptionKey = (option) => {
 
 const getDisplayValue = (option, property) => {
   if (!property) return option
-  if (property.type === 'objectList') {
-    if (Array.isArray(option)) return option
-    if (option && typeof option === 'object' && option._id) return [option]
-    if (option != null) return [{ _id: option }]
-  }
   if (property.type === 'object') {
     if (option && typeof option === 'object' && option._id) return option
     if (option != null) return { _id: option }

src/database/models/DocumentTemplate.js

@@ -5,8 +5,7 @@ const DocumentTemplateInfo = lazy(
     import('../../components/Dashboard/Management/DocumentTemplates/DocumentTemplateInfo')
 )
 const NewDocumentTemplate = lazy(
-  () =>
+  () => import('../../components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate')
-    import('../../components/Dashboard/Management/DocumentTemplates/NewDocumentTemplate')
 )
 import InfoCircleIcon from '../../components/Icons/InfoCircleIcon'
 import PlusIcon from '../../components/Icons/PlusIcon'
@@ -33,11 +32,7 @@ export const DocumentTemplate = {
       label: 'New Document Template',
       icon: PlusIcon,
       content: (objectData, { onOk } = {}) => {
-        return createElement(NewDocumentTemplate, {
+        return createElement(NewDocumentTemplate, { defaultValues: objectData, onOk, reset: true })
-          defaultValues: objectData,
-          onOk,
-          reset: true
-        })
       }
     },
     {
@@ -111,7 +106,6 @@ export const DocumentTemplate = {
     'tags',
     'parent',
     'documentSize',
-    'referencedTemplates',
     'createdAt',
     'updatedAt'
   ],
@@ -122,7 +116,6 @@ export const DocumentTemplate = {
     'global',
     'parent',
     'documentSize',
-    'referencedTemplates',
     'objectType',
     'createdAt',
     'updatedAt',
@@ -185,7 +178,7 @@ export const DocumentTemplate = {
       label: 'Object Type',
       required: true,
       type: 'objectType',
-      columnWidth: 180,
+      columnWidth: 150,
       empty: (documentTemplate) => {
         return documentTemplate.global
       }
@@ -228,7 +221,7 @@ export const DocumentTemplate = {
       masterFilter: { global: true, active: true },
       objectType: 'documentTemplate',
       showHyperlink: true,
-      columnWidth: 230,
+      columnWidth: 200,
       empty: (documentTemplate) => {
         return documentTemplate.global
       }
@@ -238,20 +231,9 @@ export const DocumentTemplate = {
       label: 'Document Printers',
       required: false,
       type: 'objectList',
-      columnWidth: 230,
       objectType: 'documentPrinter',
       showHyperlink: true
     },
-    {
-      name: 'referencedTemplates',
-      label: 'Referenced Templates',
-      required: false,
-      type: 'objectList',
-      columnWidth: 230,
-      objectType: 'documentTemplate',
-      readOnly: true,
-      showHyperlink: true
-    },
     {
       name: 'content',
       label: 'Content',