From 60f2747b0e8829f28a8f79013baba8e1a787f3a7 Mon Sep 17 00:00:00 2001
From: Andrey Nenashev <anenashev@provectus.com>
Date: Thu, 11 Jan 2024 18:21:08 +0100
Subject: [PATCH] Bugfix: date cells, lookup table definition permissions,
 boolean cells (#1578)

Co-authored-by: vburlachenko <slaboezveno3@gmail.com>
---
 .../reactive/ReferenceDataRepositoryImpl.java | 11 ++-
 odd-platform-specification/components.yaml    |  1 -
 .../DatasetDataTableRowCell.tsx               | 21 +++--
 .../DatasetDataTableRowCellDate.tsx           | 23 +++---
 .../DatasetStructure/DatasetStructure.tsx     |  3 -
 .../DatasetFieldHeader/DatasetFieldHeader.tsx | 76 +++++++++----------
 .../DatasetStructureList.tsx                  | 41 +++++-----
 .../shared/elements/forms/ColumnForm.tsx      |  4 +-
 8 files changed, 88 insertions(+), 92 deletions(-)

diff --git a/odd-platform-api/src/main/java/org/opendatadiscovery/oddplatform/repository/reactive/ReferenceDataRepositoryImpl.java b/odd-platform-api/src/main/java/org/opendatadiscovery/oddplatform/repository/reactive/ReferenceDataRepositoryImpl.java
index 1cd124953..dfb47abd1 100644
--- a/odd-platform-api/src/main/java/org/opendatadiscovery/oddplatform/repository/reactive/ReferenceDataRepositoryImpl.java
+++ b/odd-platform-api/src/main/java/org/opendatadiscovery/oddplatform/repository/reactive/ReferenceDataRepositoryImpl.java
@@ -249,9 +249,12 @@ public Mono<LookupTableRowList> updateLookupTableRow(final LookupTableDto table,
         final Map<String, Object> columnWithValues = new HashMap<>();
 
         for (final LookupTablesDefinitionsPojo targetColumn : columnNames) {
+            final LookupTableColumnTypes dataType =
+                LookupTableColumnTypes.resolveByTypeString(targetColumn.getColumnType());
+
             columnWithValues.put(targetColumn.getColumnName().toLowerCase(),
-                getColumnInputData(item, targetColumn,
-                    LookupTableColumnTypes.resolveByTypeString(targetColumn.getColumnType())));
+                DSL.val(getColumnInputData(item, targetColumn, dataType),
+                    dataType.getDataType()));
         }
 
         return jooqReactiveOperationsCustomTables.mono(
@@ -369,8 +372,8 @@ private Mono<List<Integer>> getUniqueConstraintUpdateQuery(final ReferenceTableC
     }
 
     private Mono<List<Integer>> renameSequencesUpdateQuery(final String newColumnName,
-                                               final LookupTablesDefinitionsPojo column,
-                                               final String tableName) {
+                                                           final LookupTablesDefinitionsPojo column,
+                                                           final String tableName) {
         final String template = buildSequenceNameTemplate(tableName, column.getColumnName());
 
         final SelectConditionStep<Record1<String>> sequences =
diff --git a/odd-platform-specification/components.yaml b/odd-platform-specification/components.yaml
index cdee6a857..34b9f360d 100644
--- a/odd-platform-specification/components.yaml
+++ b/odd-platform-specification/components.yaml
@@ -3894,7 +3894,6 @@ components:
           type: string
       required:
         - field_id
-        - value
 
     LookupTableRowList:
       type: object
diff --git a/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell.tsx b/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell.tsx
index 77c64e5cd..d66e60d13 100644
--- a/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell.tsx
+++ b/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell.tsx
@@ -27,18 +27,15 @@ const DatasetDataTableRowCell = ({
   const { meta: tableMeta } = table.options;
   const isEditing = row.getIsSelected();
 
-  const onChange = useCallback(
-    (v: unknown) => {
-      tableMeta?.setEditedRowsData(prev => ({
-        ...prev,
-        [row.id]: {
-          ...prev[row.id],
-          [column.id]: v,
-        },
-      }));
-    },
-    [row.id, column.id]
-  );
+  const onChange = useCallback((v: unknown) => {
+    tableMeta?.setEditedRowsData(prev => ({
+      ...prev,
+      [row.id]: {
+        ...prev[row.id],
+        [column.id]: v,
+      },
+    }));
+  }, []);
 
   const renderCell = (type?: LookupTableFieldType) => {
     const value = getValue();
diff --git a/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell/DatasetDataTableRowCellDate.tsx b/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell/DatasetDataTableRowCellDate.tsx
index 9eb4d6e0a..e4b3d28ee 100644
--- a/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell/DatasetDataTableRowCellDate.tsx
+++ b/odd-platform-ui/src/components/DataEntityDetails/DatasetData/DatasetDataTable/DatasetDataTableRowCell/DatasetDataTableRowCellDate.tsx
@@ -1,5 +1,5 @@
 import { Box, Typography } from '@mui/material';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { AppDatePicker } from 'components/shared/elements';
 import { format, isValid } from 'date-fns';
 import type { RowCellProps } from './interfaces';
@@ -15,19 +15,24 @@ const DatasetDataTableRowCellDate: React.FC<Props> = ({
   isEditing,
   onChange,
 }) => {
-  const handleChange = useCallback((date: typeof initialValue) => {
-    if (date && isValid(date)) {
-      onChange(format(date, POSTGRES_DATE_FORMAT));
-      return;
-    }
-    onChange(null);
+  const [date, setDate] = useState(initialValue);
+  const handleChange = useCallback((v: typeof initialValue) => {
+    setDate(v);
   }, []);
 
   const defaultDate = useMemo(
-    () => (initialValue ? format(initialValue, POSTGRES_DATE_FORMAT) : undefined),
-    [initialValue]
+    () => (date ? format(date, POSTGRES_DATE_FORMAT) : undefined),
+    [date]
   );
 
+  useEffect(() => {
+    if (date && isValid(date) && isEditing) {
+      onChange(format(date, POSTGRES_DATE_FORMAT));
+      return;
+    }
+    onChange(null);
+  }, [date, isEditing]);
+
   return isEditing ? (
     <AppDatePicker
       inputFormat={POSTGRES_DATE_FORMAT}
diff --git a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructure.tsx b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructure.tsx
index 120e7b199..924a2d58c 100644
--- a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructure.tsx
+++ b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructure.tsx
@@ -35,9 +35,6 @@ const DatasetStructure: FC = () => {
                 Permission.DATASET_FIELD_ADD_TERM,
                 Permission.DATASET_FIELD_DELETE_TERM,
                 Permission.DATASET_FIELD_INTERNAL_NAME_UPDATE,
-                Permission.LOOKUP_TABLE_DEFINITION_CREATE,
-                Permission.LOOKUP_TABLE_DEFINITION_UPDATE,
-                Permission.LOOKUP_TABLE_DEFINITION_DELETE,
               ]}
               resourcePermissions={resourcePermissions}
               Component={DatasetStructureOverview}
diff --git a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetFieldOverview/DatasetFieldHeader/DatasetFieldHeader.tsx b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetFieldOverview/DatasetFieldHeader/DatasetFieldHeader.tsx
index 4c9d5b78a..1f8d00ca3 100644
--- a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetFieldOverview/DatasetFieldHeader/DatasetFieldHeader.tsx
+++ b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetFieldOverview/DatasetFieldHeader/DatasetFieldHeader.tsx
@@ -83,48 +83,44 @@ const DatasetFieldHeader = ({ field }: DatasetFieldHeaderProps) => {
         </Grid>
         {!field.isPrimaryKey && !!lookupTableField && lookupTableId && (
           <Grid item display='flex' alignItems='center'>
-            <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_UPDATE}>
-              <ColumnForm
-                btnEl={
-                  <Button
-                    text={t('Edit')}
-                    buttonType='secondary-m'
-                    startIcon={<EditIcon />}
-                  />
+            <ColumnForm
+              btnEl={
+                <Button
+                  text={t('Edit')}
+                  buttonType='secondary-m'
+                  startIcon={<EditIcon />}
+                />
+              }
+              lookupTableField={lookupTableField}
+              lookupTableId={lookupTableId}
+            />
+            <AppPopover
+              renderOpenBtn={({ onClick, ariaDescribedBy }) => (
+                <Button
+                  aria-describedby={ariaDescribedBy}
+                  buttonType='secondary-m'
+                  icon={<KebabIcon />}
+                  onClick={onClick}
+                  sx={{ ml: 1 }}
+                />
+              )}
+              anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
+              transformOrigin={{ vertical: -5, horizontal: 67 }}
+            >
+              <ConfirmationDialog
+                actionTitle={t('Are you sure you want to delete this column?')}
+                actionName={t('Delete column')}
+                actionText={
+                  <>
+                    &quot;{field.name}&quot; {t('will be deleted permanently')}
+                  </>
                 }
-                lookupTableField={lookupTableField}
-                lookupTableId={lookupTableId}
+                onConfirm={() =>
+                  handleColumnDelete(lookupTableId, lookupTableField.fieldId)
+                }
+                actionBtn={<AppMenuItem>{t('Delete')}</AppMenuItem>}
               />
-            </WithPermissions>
-            <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_DELETE}>
-              <AppPopover
-                renderOpenBtn={({ onClick, ariaDescribedBy }) => (
-                  <Button
-                    aria-describedby={ariaDescribedBy}
-                    buttonType='secondary-m'
-                    icon={<KebabIcon />}
-                    onClick={onClick}
-                    sx={{ ml: 1 }}
-                  />
-                )}
-                anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
-                transformOrigin={{ vertical: -5, horizontal: 67 }}
-              >
-                <ConfirmationDialog
-                  actionTitle={t('Are you sure you want to delete this column?')}
-                  actionName={t('Delete column')}
-                  actionText={
-                    <>
-                      &quot;{field.name}&quot; {t('will be deleted permanently')}
-                    </>
-                  }
-                  onConfirm={() =>
-                    handleColumnDelete(lookupTableId, lookupTableField.fieldId)
-                  }
-                  actionBtn={<AppMenuItem>{t('Delete')}</AppMenuItem>}
-                />
-              </AppPopover>
-            </WithPermissions>
+            </AppPopover>
           </Grid>
         )}
       </Grid>
diff --git a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetStructureList/DatasetStructureList.tsx b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetStructureList/DatasetStructureList.tsx
index 65894fa7e..54ca53579 100644
--- a/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetStructureList/DatasetStructureList.tsx
+++ b/odd-platform-ui/src/components/DataEntityDetails/DatasetStructure/DatasetStructureOverview/DatasetStructureView/DatasetStructureList/DatasetStructureList.tsx
@@ -1,6 +1,6 @@
 import React, { type FC, useCallback, useEffect, useMemo, useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { Permission, type DataSetField } from 'generated-sources';
+import { type DataSetField } from 'generated-sources';
 import { useDataEntityRouteParams } from 'routes';
 import { Box } from '@mui/material';
 import { AddIcon } from 'components/shared/icons';
@@ -9,7 +9,6 @@ import { useTranslation } from 'react-i18next';
 import ColumnForm from 'components/shared/elements/forms/ColumnForm';
 import { getDataEntityDetails } from 'redux/selectors';
 import { useAppSelector } from 'redux/lib/hooks';
-import { WithPermissions } from 'components/shared/contexts';
 import DatasetStructureItem from './DatasetStructureItem/DatasetStructureItem';
 import * as S from './DatasetStructureList.styles';
 import useStructure from '../../lib/useStructure';
@@ -66,32 +65,30 @@ const DatasetStructureList: FC = () => {
   return (
     <S.Scrollable ref={containerRef}>
       <S.Container $height={virtualizer.getTotalSize()}>
-        <S.ItemContainer $translateY={items[0].start}>
+        <S.ItemContainer $translateY={items[0]?.start || 0}>
           {items.map(({ key, index, size }) => (
             <div key={key} data-index={index} ref={virtualizer.measureElement}>
               {renderStructureItem(datasetStructureRoot[index], 0, size)}
             </div>
           ))}
           {lookupTableId && (
-            <WithPermissions permissionTo={Permission.LOOKUP_TABLE_DEFINITION_CREATE}>
-              <Box
-                display='flex'
-                alignItems='center'
-                pl={1}
-                height={theme => theme.spacing(6)}
-              >
-                <ColumnForm
-                  btnEl={
-                    <Button
-                      text={t('Add column')}
-                      buttonType='tertiary-m'
-                      startIcon={<AddIcon />}
-                    />
-                  }
-                  lookupTableId={lookupTableId}
-                />
-              </Box>
-            </WithPermissions>
+            <Box
+              display='flex'
+              alignItems='center'
+              pl={1}
+              height={theme => theme.spacing(6)}
+            >
+              <ColumnForm
+                btnEl={
+                  <Button
+                    text={t('Add column')}
+                    buttonType='tertiary-m'
+                    startIcon={<AddIcon />}
+                  />
+                }
+                lookupTableId={lookupTableId}
+              />
+            </Box>
           )}
         </S.ItemContainer>
       </S.Container>
diff --git a/odd-platform-ui/src/components/shared/elements/forms/ColumnForm.tsx b/odd-platform-ui/src/components/shared/elements/forms/ColumnForm.tsx
index c89bc9756..8066f489e 100644
--- a/odd-platform-ui/src/components/shared/elements/forms/ColumnForm.tsx
+++ b/odd-platform-ui/src/components/shared/elements/forms/ColumnForm.tsx
@@ -171,7 +171,9 @@ const ColumnForm = ({ btnEl, lookupTableId, lookupTableField }: ColumnFormProps)
             renderValue={value => value as LookupTableFieldType}
           >
             {Object.values(LookupTableFieldType)
-              .filter(type => ['VARCHAR', 'INTEGER', 'DECIMAL', 'DATE'].includes(type))
+              .filter(type =>
+                ['VARCHAR', 'INTEGER', 'DECIMAL', 'DATE', 'BOOLEAN'].includes(type)
+              )
               .map(type => (
                 <AppMenuItem key={type} value={type}>
                   {type}