@vertesia/ui 1.0.0-dev.20260227.112605Z → 1.0.0

package/src/features/store/objects/selection/actions/DeleteObjectsAction.tsx

@@ -4,12 +4,15 @@ import { useToast } from '@vertesia/ui/core';
 import { useNavigate } from "@vertesia/ui/router";
 import { useUserSession } from '@vertesia/ui/session';
 
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
 import { useDocumentSearch } from '../../search/DocumentSearchContext';
-import { useObjectsActionContext } from '../ObjectsActionContext';
+import { useObjectsActionContext } from '../ObjectsActionHooks';
 import { ActionComponentTypeProps, ObjectsActionSpec } from '../ObjectsActionSpec';
 import ConfirmAction from './ConfirmAction';
 
 export function DeleteObjectsActionComponent({ action, objectIds, children }: ActionComponentTypeProps) {
+    const { t } = useUITranslation();
     const ctx = useObjectsActionContext();
 
     const toast = useToast();
@@ -21,30 +24,27 @@ export function DeleteObjectsActionComponent({ action, objectIds, children }: Ac
         if (!objectIds || !objectIds.length) {
             toast({
                 status: 'error',
-                title: 'No objects selected',
-                description: 'Please select objects to delete',
+                title: t('store.actions.noObjectsSelected'),
+                description: t('store.actions.pleaseSelectObjectsToDelete'),
                 duration: 3000
             });
             return Promise.resolve(false);
         }
 
-        function limitFilesName(names: string, maxLength: number) {
-            if (names.length <= maxLength) return names;
-            const extIndex = names.lastIndexOf('.');
-            const ext = extIndex !== -1 ? names.substring(extIndex) : '';
-            const baseName = extIndex !== -1 ? names.substring(0, extIndex) : names;
-            const limitedBaseName = baseName.substring(0, maxLength - ext.length - 3);
-            return `${limitedBaseName}...${ext}`;
-        }
-
-        return Promise.all(objectIds.map(id => client.store.objects.delete(id))).then((res) => {
-            const plural = res.length > 1 ? 's' : '';
+        return client.store.objects.delete(objectIds).then((result) => {
+            const plural = result.deleted > 1 ? 's' : '';
             toast({
                 status: 'success',
-                title: `${res.length} object${plural} deleted`,
-                description: `Objects ${(limitFilesName(res.map(d => d.id).join(", "), 100))} have been deleted`,
+                title: `${result.deleted} object${plural} deleted`,
                 duration: 2000
             });
+            if (result.failed.length > 0) {
+                toast({
+                    status: 'warning',
+                    title: `${result.failed.length} object(s) could not be deleted`,
+                    duration: 3000
+                });
+            }
 
             if (search) { // we are in the objects table view
                 ctx.params?.selection?.removeAll();
@@ -61,7 +61,7 @@ export function DeleteObjectsActionComponent({ action, objectIds, children }: Ac
         }).catch(err => {
             toast({
                 status: 'error',
-                title: 'Error deleting objects',
+                title: t('store.actions.errorDeletingObjects'),
                 description: err.message,
                 duration: 5000
             });
@@ -75,12 +75,13 @@ export function DeleteObjectsActionComponent({ action, objectIds, children }: Ac
     )
 }
 
+const t = i18nInstance.getFixedT(null, NAMESPACE);
 export const DeleteObjectsAction: ObjectsActionSpec = {
     id: 'delete',
-    name: 'Delete',
-    description: 'Delete the selected objects',
+    name: t('store.actions.delete'),
+    description: t('store.actions.deleteTheSelectedObjects'),
     confirm: true,
-    confirmationText: 'Are you sure you want to delete all the selected objects? This action cannot be undone.',
+    confirmationText: t('store.actions.confirmDeleteAll'),
     component: DeleteObjectsActionComponent,
     destructive: true
 }
@@ -88,10 +89,10 @@ export const DeleteObjectsAction: ObjectsActionSpec = {
 
 export const DeleteObjectsFromCollectionsAction: ObjectsActionSpec = {
     id: 'deleteFromCollections',
-    name: 'Delete Objects',
-    description: 'Delete the selected objects',
+    name: t('store.actions.deleteObjects'),
+    description: t('store.actions.deleteTheSelectedObjects'),
     confirm: true,
-    confirmationText: 'Are you sure you want to delete the selected objects?\nThis is not removable from collections.',
+    confirmationText: t('store.actions.confirmDeleteSelected'),
     component: DeleteObjectsActionComponent,
     destructive: true
 }

package/src/features/store/objects/selection/actions/ExportPropertiesAction.tsx

@@ -1,11 +1,14 @@
 import { useToast } from "@vertesia/ui/core";
 import { useUserSession } from "@vertesia/ui/session";
 import { useCallback, useState } from "react";
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
 import { ExportPropertiesModal, ExportTypes } from "../../ExportPropertiesModal";
-import { useObjectsActionCallback } from "../ObjectsActionContext";
+import { useObjectsActionCallback } from "../ObjectsActionHooks";
 import { ActionComponentTypeProps, ObjectsActionSpec } from "../ObjectsActionSpec";
 
 export function ExportPropertiesComponent({ action, objectIds }: ActionComponentTypeProps) {
+    const { t } = useUITranslation();
     const { store } = useUserSession();
     const toast = useToast();
     const [isOpen, setOpen] = useState(false);
@@ -59,6 +62,7 @@ export function ExportPropertiesComponent({ action, objectIds }: ActionComponent
                     objectIds: Ids,
                     type: exportType,
                     query: exportAll && !query.vector ? query : { type: query.type },
+                    table_layout: ctx.params?.table_layout,
                 }).then((response) => {
                     let data;
 
@@ -79,7 +83,7 @@ export function ExportPropertiesComponent({ action, objectIds }: ActionComponent
 
                     toast({
                         status: 'success',
-                        title: 'Export Properties',
+                        title: t('store.actions.exportProperties'),
                         description: exportAll ? 'Export the properties of all objects completed'
                             : `Export the properties of ${objectIds.length} object${objectIds.length > 1 ? 's' : ''} is completed`,
                         duration: 2000
@@ -87,7 +91,7 @@ export function ExportPropertiesComponent({ action, objectIds }: ActionComponent
                 }).catch(err => {
                     toast({
                         status: 'error',
-                        title: 'Error Export Properties',
+                        title: t('store.actions.errorExportProperties'),
                         description: err.message,
                         duration: 5000
                     });
@@ -106,10 +110,11 @@ export function ExportPropertiesComponent({ action, objectIds }: ActionComponent
     )
 }
 
+const t = i18nInstance.getFixedT(null, NAMESPACE);
 export const ExportPropertiesAction: ObjectsActionSpec = {
     id: "exportProperties",
-    name: 'Export Properties',
-    description: 'Export all Object Properties',
+    name: t('store.actions.exportProperties'),
+    description: t('store.actions.exportAllObjectProperties'),
     confirm: false,
     component: ExportPropertiesComponent,
 }

package/src/features/store/objects/selection/actions/RemoveFromCollectionAction.tsx

@@ -3,12 +3,15 @@ import { useCallback } from 'react';
 import { useToast } from '@vertesia/ui/core';
 import { useUserSession } from '@vertesia/ui/session';
 
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
 import { useDocumentSearch } from '../../search';
-import { useObjectsActionContext } from '../ObjectsActionContext';
+import { useObjectsActionContext } from '../ObjectsActionHooks';
 import { ActionComponentTypeProps, ObjectsActionSpec } from '../ObjectsActionSpec';
 import ConfirmAction from './ConfirmAction';
 
 export function RemoveFromCollectionActionComponent({ action, objectIds, collectionId }: ActionComponentTypeProps) {
+    const { t } = useUITranslation();
     const ctx = useObjectsActionContext();
 
     const toast = useToast();
@@ -19,8 +22,8 @@ export function RemoveFromCollectionActionComponent({ action, objectIds, collect
         if (!objectIds || !objectIds.length) {
             toast({
                 status: 'error',
-                title: 'No objects selected',
-                description: 'Please select objects to remove from collection',
+                title: t('store.actions.noObjectsSelected'),
+                description: t('store.actions.pleaseSelectObjectsToRemove'),
                 duration: 3000
             });
             return Promise.resolve(false);
@@ -29,8 +32,8 @@ export function RemoveFromCollectionActionComponent({ action, objectIds, collect
         if (!collectionId) {
             toast({
                 status: 'error',
-                title: 'No collection context',
-                description: 'Cannot remove objects: no collection specified',
+                title: t('store.actions.noCollectionContext'),
+                description: t('store.actions.cannotRemoveNoCollection'),
                 duration: 3000
             });
             return Promise.resolve(false);
@@ -52,7 +55,7 @@ export function RemoveFromCollectionActionComponent({ action, objectIds, collect
         }).catch((err: any) => {
             toast({
                 status: 'error',
-                title: 'Error removing objects from collection',
+                title: t('store.actions.errorRemovingObjects'),
                 description: err.message,
                 duration: 5000
             });
@@ -66,12 +69,13 @@ export function RemoveFromCollectionActionComponent({ action, objectIds, collect
     )
 }
 
+const t_static = i18nInstance.getFixedT(null, NAMESPACE);
 export const RemoveFromCollectionAction: ObjectsActionSpec = {
     id: 'removeFromCollection',
-    name: 'Remove from Collection',
-    description: 'Remove the selected objects from this collection',
+    name: t_static('store.actions.removeFromCollection'),
+    description: t_static('store.actions.removeFromCollectionDesc'),
     confirm: true,
-    confirmationText: 'Are you sure you want to remove the selected objects from this collection?',
+    confirmationText: t_static('store.actions.confirmRemoveFromCollection'),
     component: RemoveFromCollectionActionComponent,
     destructive: true
 }

package/src/features/store/objects/selection/actions/StartWorkflowComponent.tsx

@@ -1,10 +1,13 @@
-import { useUserSession } from "@vertesia/ui/session";
 import { Button, Modal, ModalBody, ModalFooter, ModalTitle, SelectList, useToast } from "@vertesia/ui/core";
+import { useUserSession } from "@vertesia/ui/session";
 import { useCallback, useState } from "react";
-import { useObjectsActionCallback, useObjectsActionContext } from "../ObjectsActionContext";
+import { useUITranslation } from '../../../../../i18n/index.js';
+import { i18nInstance, NAMESPACE } from '../../../../../i18n/instance.js';
+import { useObjectsActionContext, useObjectsActionCallback } from '../ObjectsActionHooks';
 import { ActionComponentTypeProps, ObjectsActionSpec } from "../ObjectsActionSpec";
 
 export function StartWorkflowComponent({ action, objectIds, collectionId }: ActionComponentTypeProps) {
+    const { t } = useUITranslation();
     const toast = useToast();
     const { client } = useUserSession();
     const [isOpen, setOpen] = useState(false);
@@ -25,14 +28,14 @@ export function StartWorkflowComponent({ action, objectIds, collectionId }: Acti
             .execute(workflowId, objectIds, { collection_id: collectionId })
             .then(() => {
                 toast({
-                    title: "Workflow started",
+                    title: t('store.actions.workflowStarted'),
                     status: "success",
                     duration: 3000,
                 });
             })
             .catch((err) => {
                 toast({
-                    title: "Error starting workflow",
+                    title: t('store.actions.errorStartingWorkflow'),
                     status: "error",
                     description: err.message,
                     duration: 9000,
@@ -45,10 +48,11 @@ export function StartWorkflowComponent({ action, objectIds, collectionId }: Acti
     return <StartWorkflowModal isOpen={isOpen} onClose={onStartWorkflow} />;
 }
 
+const t = i18nInstance.getFixedT(null, NAMESPACE);
 export const StartWorkflowAction: ObjectsActionSpec = {
     id: "startWorkflow",
-    name: "Start Workflow",
-    description: "Start an workflow on the selected objects",
+    name: t('store.actions.startWorkflow'),
+    description: t('store.actions.startWorkflowDesc'),
     confirm: false,
     hideInList: true,
     component: StartWorkflowComponent,
@@ -59,9 +63,10 @@ interface StartWorkflowModalProps {
     onClose: (workflowId?: string | undefined) => void;
 }
 function StartWorkflowModal({ isOpen, onClose }: StartWorkflowModalProps) {
+    const { t } = useUITranslation();
     return (
         <Modal onClose={() => onClose(undefined)} isOpen={isOpen} className="">
-            <ModalTitle>Start a Workflow by Rule</ModalTitle>
+            <ModalTitle>{t('store.actions.startWorkflowByRule')}</ModalTitle>
             <StartWorkflowBody onClose={onClose} />
         </Modal>
     );
@@ -83,6 +88,7 @@ interface StartWorkflowBodyProps {
     onClose: (workflowId?: string | undefined) => void;
 }
 function StartWorkflowBody({ onClose }: StartWorkflowBodyProps) {
+    const { t } = useUITranslation();
     const [selected, setSelected] = useState<ObjectsActionSpec | undefined>(undefined);
     const context = useObjectsActionContext();
 
@@ -99,7 +105,7 @@ function StartWorkflowBody({ onClose }: StartWorkflowBodyProps) {
     return (
         <div>
             <ModalBody>
-                <div className="pb-2">Choose a workflow rule to start:</div>
+                <div className="pb-2">{t('store.actions.chooseWorkflowRule')}</div>
                 <div className="max-h-[420px] overflow-y-scroll border-border border rounded-md">
                     <SelectList
                         options={context.wfRules}