@boarteam/boar-pack-common-frontend 2.8.1 → 2.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boarteam/boar-pack-common-frontend",
-  "version": "2.8.1",
+  "version": "2.9.0",
   "description": "Common frontend package for Boar Pack",
   "repository": "git@github.com:boarteam/boar-pack.git",
   "author": "Andrew Balakirev <balakirev.andrey@gmail.com>",
@@ -46,5 +46,5 @@
   "scripts": {
     "yalc:push": "yalc push"
   },
-  "gitHead": "da7dfee327d3713dbc9419e69ae61bf725aba89a"
+  "gitHead": "e6e2920ef9786ec27cc616c35796f64f6183a3f5"
 }

package/src/components/Descriptions/Descriptions.tsx

@@ -3,12 +3,16 @@ import React, { Key, useEffect, useImperativeHandle, useMemo, useRef, useState }
 import { Badge, Button, Result, Tabs, TabsProps, Tooltip } from "antd";
 import { DeleteOutlined, StopOutlined } from "@ant-design/icons";
 import { FormattedMessage, useIntl } from "react-intl";
-import { DescriptionsRefType, TDescriptionsProps, TGetOneParams } from "./descriptionTypes";
+import { DescriptionsRefType, FieldsEdit, TDescriptionsProps, TGetOneParams } from "./descriptionTypes";
 import { PageLoading, ProDescriptions } from "@ant-design/pro-components";
 import { columnsToDescriptionItemProps, TDescriptionSection } from "./useDescriptionColumns";
 import pick from "lodash/pick";
 import safetyRun from "../../tools/safetyRun";
-import { buildJoinFields, collectFieldsFromColumns } from "../Table";
+import {
+  buildFieldsFromColumnsForDescriptionsDisplay,
+  buildJoinFields,
+  collectFieldsFromColumns,
+} from "../Table";
 import { RowEditableConfig } from "@ant-design/pro-utils";
 import { useForm } from "antd/es/form/Form";
 import useContentViewMode, { VIEW_MODE_TYPE } from "./useContentViewMode";
@@ -54,6 +58,7 @@ const DescriptionsComponent = <Entity extends Record<string | symbol, any>,
     actionRef: actionRefProp,
     editable,
     canEdit = false,
+    fieldsEditType = FieldsEdit.Single,
     columns,
     params,
     onEntityChange,
@@ -271,6 +276,10 @@ const DescriptionsComponent = <Entity extends Record<string | symbol, any>,
         cancelText: <Tooltip title={intl.formatMessage({ id: 'table.cancelText' })}><StopOutlined /></Tooltip>,
         deleteText: <Tooltip title={intl.formatMessage({ id: 'table.deleteText' })}><DeleteOutlined /></Tooltip>,
         saveText: <Button size={"small"} type={"primary"}><FormattedMessage id={'table.saveText'} /></Button>,
+        ...(fieldsEditType === FieldsEdit.All && {
+          editableKeys: [...buildFieldsFromColumnsForDescriptionsDisplay(columns, idColumnName)],
+          actionRender: () => [],
+        }),
         ...editable,
       } : undefined}
       columns={section.columns}

package/src/components/Descriptions/descriptionTypes.ts

@@ -30,6 +30,11 @@ export type DescriptionsRefType<Entity> = {
   setFieldErrors: (fields: FieldData<Entity>[]) => void;
 };
 
+export enum FieldsEdit {
+  Single = 'single',
+  All = 'all'
+}
+
 export type TDescriptionsProps<Entity, CreateDto, UpdateDto, TPathParams = object> = {
   mainTitle?: ProColumns<Entity>['title'] | null,
   entity?: Partial<Entity>,
@@ -48,6 +53,7 @@ export type TDescriptionsProps<Entity, CreateDto, UpdateDto, TPathParams = objec
   actionRef?: MutableRefObject<ActionType | undefined>,
   editable?: RowEditableConfig<Entity>,
   canEdit?: boolean,
+  fieldsEditType?: FieldsEdit,
   params?: TDescriptionGetRequestParams,
   columns: ProColumns<Entity>[],
   onEntityChange?: (entity: Entity | null) => void;