- default status

- type fix
- error helper

apps/client/src/ee/base/components/base-toolbar.tsx

@@ -20,6 +20,7 @@ import {
   FilterGroup,
 } from "@/ee/base/types/base.types";
 import { exportBaseToCsv } from "@/ee/base/services/base-service";
+import { getApiErrorMessage } from "@/lib/api-error";
 import { useBaseEditable } from "@/ee/base/context/base-editable";
 import { ViewTabs } from "@/ee/base/components/views/view-tabs";
 import { ViewSortConfigPopover } from "@/ee/base/components/views/view-sort-config";
@@ -78,7 +79,7 @@ export function BaseToolbar({
     } catch (err) {
       notifications.show({
         color: "red",
-        message: t("Failed to export CSV"),
+        message: getApiErrorMessage(err, t("Failed to export CSV")),
       });
     } finally {
       setExporting(false);

apps/client/src/ee/base/components/kanban/kanban-card-properties.tsx

@@ -4,7 +4,7 @@ import { IconGripVertical, type IconLetterT } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
 import { IBase, IBaseProperty, IBaseView } from "@/ee/base/types/base.types";
 import { useUpdateViewMutation } from "@/ee/base/queries/base-view-query";
-import { propertyTypes } from "@/ee/base/components/property/property-type-picker";
+import { propertyTypes } from "@/ee/base/property-types/property-type.registry";
 import { BaseDropEdgeIndicator } from "@/ee/base/components/grid/base-drop-edge-indicator";
 import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
 import {

apps/client/src/ee/base/components/property/create-property-popover.tsx

@@ -18,11 +18,12 @@ import {
   TypeOptions,
 } from "@/ee/base/types/base.types";
 import { useCreatePropertyMutation } from "@/ee/base/queries/base-property-query";
-import { PropertyTypePicker, propertyTypes } from "./property-type-picker";
+import { PropertyTypePicker } from "./property-type-picker";
 import { PropertyOptions } from "./property-options";
 import {
   getDescriptor,
   defaultTypeOptionsFor,
+  propertyTypes,
 } from "@/ee/base/property-types/property-type.registry";
 import { FormulaEditor } from "../formula/formula-editor";
 import classes from "@/ee/base/styles/grid.module.css";

apps/client/src/ee/base/components/property/property-menu.tsx

@@ -28,7 +28,7 @@ import {
   useUpdatePropertyMutation,
   useDeletePropertyMutation,
 } from "@/ee/base/queries/base-property-query";
-import { PropertyTypePicker, propertyTypes } from "./property-type-picker";
+import { PropertyTypePicker } from "./property-type-picker";
 import { PropertyOptions } from "./property-options";
 import {
   conversionWarning,
@@ -36,7 +36,7 @@ import {
   NON_USER_TARGET_TYPES,
 } from "./conversion-warning";
 import { useTranslation } from "react-i18next";
-import { isSystemPropertyType } from "@/ee/base/property-types/property-type.registry";
+import { isSystemPropertyType, propertyTypes } from "@/ee/base/property-types/property-type.registry";
 import cellClasses from "@/ee/base/styles/cells.module.css";
 import classes from "@/ee/base/styles/property.module.css";
 

apps/client/src/ee/base/components/property/property-type-picker.tsx

@@ -1,19 +1,11 @@
 import { UnstyledButton, Group, Text, TextInput } from "@mantine/core";
 import { IconCheck, IconSearch } from "@tabler/icons-react";
 import { BasePropertyType } from "@/ee/base/types/base.types";
-import {
-  PROPERTY_PICKER_ORDER,
-  getDescriptor,
-} from "@/ee/base/property-types/property-type.registry";
+import { propertyTypes } from "@/ee/base/property-types/property-type.registry";
 import { useTranslation } from "react-i18next";
 import { useState, useRef, useEffect } from "react";
 import classes from "@/ee/base/styles/cells.module.css";
 
-const propertyTypes = PROPERTY_PICKER_ORDER.map((type) => {
-  const d = getDescriptor(type)!;
-  return { type, icon: d.icon, labelKey: d.labelKey };
-});
-
 type PropertyTypePickerProps = {
   onSelect: (type: BasePropertyType) => void;
   currentType?: BasePropertyType;
@@ -77,5 +69,3 @@ export function PropertyTypePicker({
     </>
   );
 }
-
-export { propertyTypes };

apps/client/src/ee/base/components/row-detail-modal/row-detail-modal.tsx

@@ -292,6 +292,7 @@ export function RowDetailModal({
             row={row}
             primaryProperty={primaryProperty}
             canEdit={canEdit}
+            onClose={onClose}
             onCommit={(value) => {
               if (!primaryProperty) return;
               updateRowMutation.mutate({

apps/client/src/ee/base/components/row-detail-modal/row-detail-title.tsx

@@ -9,6 +9,7 @@ type RowDetailTitleProps = {
   primaryProperty: IBaseProperty | undefined;
   canEdit: boolean;
   onCommit: (value: string) => void;
+  onClose: () => void;
 };
 
 export function RowDetailTitle({
@@ -16,6 +17,7 @@ export function RowDetailTitle({
   primaryProperty,
   canEdit,
   onCommit,
+  onClose,
 }: RowDetailTitleProps) {
   const { t } = useTranslation();
   const initial = primaryProperty
@@ -57,6 +59,10 @@ export function RowDetailTitle({
             if (e.key === "Enter") {
               e.preventDefault();
               (e.currentTarget as HTMLInputElement).blur();
+            } else if (e.key === "Escape") {
+              e.preventDefault();
+              (e.currentTarget as HTMLInputElement).blur();
+              onClose();
             }
           }}
         />

apps/client/src/ee/base/components/views/view-property-visibility.tsx

@@ -2,7 +2,7 @@ import { useMemo, useCallback } from "react";
 import { Popover, Switch, Stack, Text, Group, Divider, UnstyledButton } from "@mantine/core";
 import { Table } from "@tanstack/react-table";
 import { IBaseRow, IBaseProperty } from "@/ee/base/types/base.types";
-import { propertyTypes } from "@/ee/base/components/property/property-type-picker";
+import { propertyTypes } from "@/ee/base/property-types/property-type.registry";
 import { useTranslation } from "react-i18next";
 import cellClasses from "@/ee/base/styles/cells.module.css";
 import viewClasses from "@/ee/base/styles/views.module.css";