admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Revert "Convert metadata tables to camelCase" (#2419)

Browse Source 
Revert "Convert metadata tables to camelCase (#2400)"

This reverts commit 1cf08c797f.
This commit is contained in:
Charles Bochet
2023-11-10 11:48:44 +01:00
committed by GitHub
parent 1cf08c797f
commit 7b9175a4a4
238 changed files with 2253 additions and 1852 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
front/src/modules/ui/object/record-table/components/ColumnHeadWithDropdown.tsx
View File

@ -21,7 +21,7 @@ export const ColumnHeadWithDropdown = ({
primaryColumnKey,
}: ColumnHeadWithDropdownProps) => {
return (
<DropdownScope dropdownScopeId={column.fieldMetadataId + '-header'}>
<DropdownScope dropdownScopeId={column.fieldId + '-header'}>
<Dropdown
clickableComponent={<ColumnHead column={column} />}
dropdownComponents={
@ -34,7 +34,7 @@ export const ColumnHeadWithDropdown = ({
}
dropdownOffset={{ x: -1 }}
dropdownPlacement="bottom-start"
dropdownHotkeyScope={{ scope: column.fieldMetadataId + '-header' }}
dropdownHotkeyScope={{ scope: column.fieldId + '-header' }}
/>
</DropdownScope>
);

2
front/src/modules/ui/object/record-table/components/RecordTableColumnDropdownMenu.tsx
View File

@ -46,7 +46,7 @@ export const RecordTableColumnDropdownMenu = ({
handleColumnVisibilityChange(column);
};
return column.fieldMetadataId === primaryColumnKey ? (
return column.fieldId === primaryColumnKey ? (
<></>
) : (
<DropdownMenuItemsContainer>

25
front/src/modules/ui/object/record-table/components/RecordTableHeader.tsx
View File

@ -156,7 +156,7 @@ export const RecordTableHeader = () => {
if (nextWidth !== tableColumnsByKey[resizedFieldKey].size) {
const nextColumns = tableColumns.map((column) =>
column.fieldMetadataId === resizedFieldKey
column.fieldId === resizedFieldKey
? { ...column, size: nextWidth }
: column,
);
@ -194,13 +194,11 @@ export const RecordTableHeader = () => {
</th>
{visibleTableColumns.map((column) => (
<StyledColumnHeaderCell
key={column.fieldMetadataId}
isResizing={resizedFieldKey === column.fieldMetadataId}
key={column.fieldId}
isResizing={resizedFieldKey === column.fieldId}
columnWidth={Math.max(
tableColumnsByKey[column.fieldMetadataId].size +
(resizedFieldKey === column.fieldMetadataId
? resizeFieldOffset
: 0),
tableColumnsByKey[column.fieldId].size +
(resizedFieldKey === column.fieldId ? resizeFieldOffset : 0),
COLUMN_MIN_WIDTH,
)}
>
@ -211,21 +209,20 @@ export const RecordTableHeader = () => {
isLastColumn={
column.position === visibleTableColumns.length - 1
}
primaryColumnKey={primaryColumn?.fieldMetadataId || ''}
primaryColumnKey={primaryColumn?.fieldId || ''}
/>
</StyledColumnHeadContainer>
<StyledResizeHandler
className="cursor-col-resize"
role="separator"
onPointerDown={() => {
setResizedFieldKey(column.fieldMetadataId);
setResizedFieldKey(column.fieldId);
}}
/>
</StyledColumnHeaderCell>
))}
<StyledPlusIconHeaderCell>
{hiddenTableColumns.length > 0 && (
{hiddenTableColumns.length > 0 && (
<StyledPlusIconHeaderCell>
<DropdownScope
dropdownScopeId={HIDDEN_TABLE_COLUMN_DROPDOWN_SCOPE_ID}
>
@ -242,8 +239,8 @@ export const RecordTableHeader = () => {
}}
/>
</DropdownScope>
)}
</StyledPlusIconHeaderCell>
</StyledPlusIconHeaderCell>
)}
</tr>
</StyledTableHead>
);

2
front/src/modules/ui/object/record-table/components/RecordTableHeaderPlusButtonContent.tsx
View File

@ -32,7 +32,7 @@ export const RecordTableHeaderPlusButtonContent = () => {
<DropdownMenuItemsContainer>
{hiddenTableColumns.map((column) => (
<MenuItem
key={column.fieldMetadataId}
key={column.fieldId}
iconButtons={[
{
Icon: IconPlus,

2
front/src/modules/ui/object/record-table/components/RecordTableRow.tsx
View File

@ -42,7 +42,7 @@ export const RecordTableRow = forwardRef<
.sort((columnA, columnB) => columnA.position - columnB.position)
.map((column, columnIndex) => {
return (
<ColumnContext.Provider value={column} key={column.fieldMetadataId}>
<ColumnContext.Provider value={column} key={column.fieldId}>
<RecordTableCell cellIndex={columnIndex} />
</ColumnContext.Provider>
);

10
front/src/modules/ui/object/record-table/hooks/useTableColumns.ts
View File

@ -47,14 +47,13 @@ export const useTableColumns = () => {
viewField: Omit<ColumnDefinition<FieldMetadata>, 'size' | 'position'>,
) => {
const isNewColumn = !tableColumns.some(
(tableColumns) =>
tableColumns.fieldMetadataId === viewField.fieldMetadataId,
(tableColumns) => tableColumns.fieldId === viewField.fieldId,
);
if (isNewColumn) {
const newColumn = availableTableColumns.find(
(availableTableColumn) =>
availableTableColumn.fieldMetadataId === viewField.fieldMetadataId,
availableTableColumn.fieldId === viewField.fieldId,
);
if (!newColumn) return;
@ -66,7 +65,7 @@ export const useTableColumns = () => {
await handleColumnsChange(nextColumns);
} else {
const nextColumns = tableColumns.map((previousColumn) =>
previousColumn.fieldMetadataId === viewField.fieldMetadataId
previousColumn.fieldId === viewField.fieldId
? { ...previousColumn, isVisible: !viewField.isVisible }
: previousColumn,
);
@ -83,8 +82,7 @@ export const useTableColumns = () => {
column: ColumnDefinition<FieldMetadata>,
) => {
const currentColumnArrayIndex = visibleTableColumns.findIndex(
(visibleColumn) =>
visibleColumn.fieldMetadataId === column.fieldMetadataId,
(visibleColumn) => visibleColumn.fieldId === column.fieldId,
);
const columns = handleColumnMove(

2
front/src/modules/ui/object/record-table/record-table-cell/hooks/useTableCell.ts
View File

@ -42,7 +42,7 @@ export const useTableCell = () => {
const [, setFieldInitialValue] = useRecoilState(
entityFieldInitialValueFamilyState({
entityId,
fieldMetadataId: fieldDefinition.fieldMetadataId,
fieldId: fieldDefinition.fieldId,
}),
);

4
front/src/modules/ui/object/record-table/states/selectors/hiddenTableColumnsScopedSelector.ts
View File

@ -9,10 +9,10 @@ export const hiddenTableColumnsScopedSelector = selectorFamily({
(scopeId: string) =>
({ get }) => {
const columns = get(tableColumnsScopedState({ scopeId }));
const columnKeys = columns.map(({ fieldMetadataId }) => fieldMetadataId);
const columnKeys = columns.map(({ fieldId }) => fieldId);
const otherAvailableColumns = get(
availableTableColumnsScopedState({ scopeId }),
).filter(({ fieldMetadataId }) => !columnKeys.includes(fieldMetadataId));
).filter(({ fieldId }) => !columnKeys.includes(fieldId));
return [
...columns.filter((column) => !column.isVisible),

5
front/src/modules/ui/object/record-table/states/selectors/savedTableColumnsByKeyFamilySelector.ts
View File

@ -12,8 +12,5 @@ export const savedTableColumnsByKeyFamilySelector = selectorFamily({
({ get }) =>
get(savedTableColumnsFamilyState(viewId)).reduce<
Record<string, ColumnDefinition<FieldMetadata>>
>(
(result, column) => ({ ...result, [column.fieldMetadataId]: column }),
{},
),
>((result, column) => ({ ...result, [column.fieldId]: column }), {}),
});

5
front/src/modules/ui/object/record-table/states/selectors/tableColumnsByKeyScopedSelector.ts
View File

@ -12,8 +12,5 @@ export const tableColumnsByKeyScopedSelector = selectorFamily({
({ get }) =>
get(tableColumnsScopedState({ scopeId })).reduce<
Record<string, ColumnDefinition<FieldMetadata>>
>(
(result, column) => ({ ...result, [column.fieldMetadataId]: column }),
{},
),
>((result, column) => ({ ...result, [column.fieldId]: column }), {}),
});

5
front/src/modules/ui/object/record-table/states/selectors/visibleTableColumnsScopedSelector.ts
View File

@ -11,13 +11,12 @@ export const visibleTableColumnsScopedSelector = selectorFamily({
const columns = get(tableColumnsScopedState({ scopeId }));
const availableColumnKeys = get(
availableTableColumnsScopedState({ scopeId }),
).map(({ fieldMetadataId }) => fieldMetadataId);
).map(({ fieldId }) => fieldId);
return [...columns]
.filter(
(column) =>
column.isVisible &&
availableColumnKeys.includes(column.fieldMetadataId),
column.isVisible && availableColumnKeys.includes(column.fieldId),
)
.sort((a, b) => a.position - b.position);
},