fix: Apply column description length configuration (#522)

* Apply column description length configuration

* Lint fix

amundsen_application/static/js/components/TableDetail/ColumnListItem/index.tsx

@@ -8,7 +8,7 @@ import { connect } from 'react-redux';
 
 import ColumnDescEditableText from 'components/TableDetail/ColumnDescEditableText';
 import ColumnStats from 'components/TableDetail/ColumnStats';
-import { notificationsEnabled } from 'config/config-utils';
+import { notificationsEnabled, getMaxLength } from 'config/config-utils';
 import { openRequestDescriptionDialog } from 'ducks/notification/reducer';
 import { OpenRequestAction } from 'ducks/notification/types';
 import { logClick } from 'ducks/utilMethods';
@@ -181,6 +181,7 @@ export class ColumnListItem extends React.Component<
                   <ColumnDescEditableText
                     columnIndex={this.props.index}
                     editable={metadata.is_editable}
+                    maxLength={getMaxLength('columnDescLength')}
                     value={metadata.description}
                   />
                 </EditableSection>

amundsen_application/static/js/components/TableDetail/index.tsx

@@ -11,7 +11,14 @@ import { GlobalState } from 'ducks/rootReducer';
 import { getTableData } from 'ducks/tableMetadata/reducer';
 import { GetTableDataRequest } from 'ducks/tableMetadata/types';
 
-import AppConfig from 'config/config';
+import {
+  getMaxLength,
+  getSourceIconClass,
+  indexDashboardsEnabled,
+  issueTrackingEnabled,
+  notificationsEnabled,
+} from 'config/config-utils';
+
 import BadgeList from 'components/common/BadgeList';
 import BookmarkIcon from 'components/common/Bookmark/BookmarkIcon';
 import Breadcrumb from 'components/common/Breadcrumb';
@@ -38,13 +45,6 @@ import { ResourceType, TableMetadata } from 'interfaces';
 
 import EditableSection from 'components/common/EditableSection';
 
-import {
-  getSourceIconClass,
-  indexDashboardsEnabled,
-  issueTrackingEnabled,
-  notificationsEnabled,
-} from 'config/config-utils';
-
 import { formatDateTimeShort } from 'utils/dateUtils';
 import { getLoggingParams } from 'utils/logUtils';
 
@@ -246,7 +246,7 @@ export class TableDetail extends React.Component<
                 editUrl={editUrl}
               >
                 <TableDescEditableText
-                  maxLength={AppConfig.editableText.tableDescLength}
+                  maxLength={getMaxLength('tableDescLength')}
                   value={data.description}
                   editable={data.is_editable}
                 />

amundsen_application/static/js/config/config-utils.ts

@@ -170,3 +170,11 @@ export function generateExploreUrl(tableData: TableMetadata): string {
     tableData.name
   );
 }
+
+/**
+ * Gets the max length for items with a configurable max length.
+ * Currently only applied to `editableText`, but method can be extended for future cases
+ */
+export function getMaxLength(key: string) {
+  return AppConfig.editableText[key];
+}