@leav/ui 0.3.6-c939f2f → 0.3.6-cc1031e

package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js

@@ -1,10 +1,19 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useEffect, useRef } from 'react';
 import { useEditRecordReducer } from '../editRecordReducer/useEditRecordReducer';
 import RecordSummary from './RecordSummary';
 import ValueDetails from './ValueDetails';
 import ValuesVersions from './ValuesVersions';
-function EditRecordSidebar({ onMetadataSubmit }) {
-    const { state } = useEditRecordReducer();
+import { createPortal } from 'react-dom';
+import { EditRecordReducerActionsTypes } from '../editRecordReducer/editRecordReducer';
+import { KitSidePanel } from 'aristid-ds';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { EDIT_RECORD_SIDEBAR_ID } from '../../../constants';
+const _getRecordSidebarContent = (state, onMetadataSubmit) => {
+    // TODO: ValueDetails and ValuesVersions should be removed or refactored later
     switch (state.sidebarContent) {
         case 'none':
             return null;
@@ -15,6 +24,30 @@ function EditRecordSidebar({ onMetadataSubmit }) {
         default:
             return _jsx(RecordSummary, { record: state.record });
     }
-}
+};
+export const EditRecordSidebar = ({ onMetadataSubmit, open, sidebarContainer }) => {
+    const { t } = useSharedTranslation();
+    const { state, dispatch } = useEditRecordReducer();
+    const sidePanelRef = useRef(null);
+    const sidePanelTitle = state.record?.label ?? state.record?.id ?? t('record_summary.new_record');
+    const editRecordSidebarContent = (_jsx(KitSidePanel, { ref: sidePanelRef, initialOpen: open, idCardProps: { title: sidePanelTitle }, id: EDIT_RECORD_SIDEBAR_ID, children: _getRecordSidebarContent(state, onMetadataSubmit) }));
+    useEffect(() => {
+        if (sidePanelRef.current) {
+            if (open) {
+                sidePanelRef.current.open();
+                dispatch({
+                    type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT,
+                    content: state.sidebarContent === 'none' ? 'summary' : state.sidebarContent
+                });
+            }
+            else {
+                sidePanelRef.current.close();
+            }
+        }
+    }, [open]);
+    return sidebarContainer === undefined
+        ? editRecordSidebarContent
+        : createPortal(editRecordSidebarContent, sidebarContainer);
+};
 export default EditRecordSidebar;
 //# sourceMappingURL=EditRecordSidebar.js.map

package/dist/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditRecordSidebar.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAC/E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAM9C,SAAS,iBAAiB,CAAC,EAAC,gBAAgB,EAA0B;IAClE,MAAM,EAAC,KAAK,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEvC,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,KAAK,MAAM;YACP,OAAO,IAAI,CAAC;QAChB,KAAK,cAAc;YACf,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,EAC9B,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EACtC,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC;QACN,KAAK,gBAAgB;YACjB,OAAO,KAAC,cAAc,KAAG,CAAC;QAC9B;YACI,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;IACvD,CAAC;AACL,CAAC;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"EditRecordSidebar.js","sourceRoot":"","sources":["../../../../src/components/RecordEdition/EditRecordSidebar/EditRecordSidebar.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAoB,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAC/E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,WAAW,CAAC;AACvC,OAAO,EAAC,6BAA6B,EAA0B,MAAM,wCAAwC,CAAC;AAC9G,OAAO,EAAC,YAAY,EAAC,MAAM,YAAY,CAAC;AAExC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,sBAAsB,EAAC,MAAM,eAAe,CAAC;AAQrD,MAAM,wBAAwB,GAAG,CAAC,KAA8B,EAAE,gBAAyC,EAAE,EAAE;IAC3G,8EAA8E;IAC9E,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,KAAK,MAAM;YACP,OAAO,IAAI,CAAC;QAChB,KAAK,cAAc;YACf,OAAO,CACH,KAAC,YAAY,IACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,EAC9B,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,SAAS,EACtC,gBAAgB,EAAE,gBAAgB,GACpC,CACL,CAAC;QACN,KAAK,gBAAgB;YACjB,OAAO,KAAC,cAAc,KAAG,CAAC;QAC9B;YACI,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAAC;IACvD,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA+C,CAAC,EAC1E,gBAAgB,EAChB,IAAI,EACJ,gBAAgB,EACnB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACjD,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAC1D,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,CAAC,2BAA2B,CAAC,CAAC;IAEjG,MAAM,wBAAwB,GAAG,CAC7B,KAAC,YAAY,IACT,GAAG,EAAE,YAAY,EACjB,WAAW,EAAE,IAAI,EACjB,WAAW,EAAE,EAAC,KAAK,EAAE,cAAc,EAAC,EACpC,EAAE,EAAE,sBAAsB,YAEzB,wBAAwB,CAAC,KAAK,EAAE,gBAAgB,CAAC,GACvC,CAClB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YACvB,IAAI,IAAI,EAAE,CAAC;gBACP,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;gBAE5B,QAAQ,CAAC;oBACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;oBACvD,OAAO,EAAE,KAAK,CAAC,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc;iBAC9E,CAAC,CAAC;YACP,CAAC;iBAAM,CAAC;gBACJ,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACjC,CAAC;QACL,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,gBAAgB,KAAK,SAAS;QACjC,CAAC,CAAC,wBAAwB;QAC1B,CAAC,CAAC,YAAY,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC;AACnE,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.d.ts

@@ -1,13 +1,10 @@
-export interface IPropertiesListItemValue {
+import { FunctionComponent } from 'react';
+interface IPropertiesListItemValue {
     title: string;
     value: string;
 }
-export interface IPropertiesListItemDivider {
-    divider: boolean;
-}
-export type PropertiesListItem = IPropertiesListItemValue | IPropertiesListItemDivider;
 interface IPropertiesListProps {
-    items: PropertiesListItem[];
+    items: IPropertiesListItemValue[];
 }
-declare function PropertiesList({ items }: IPropertiesListProps): JSX.Element;
+export declare const PropertiesList: FunctionComponent<IPropertiesListProps>;
 export default PropertiesList;

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.js

@@ -1,13 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { Descriptions, Divider } from 'antd';
-function PropertiesList({ items }) {
-    return (_jsx(Descriptions, { layout: "horizontal", column: 1, children: items.map((item, index) => {
-            const { title, value } = item;
-            return (_jsx(Descriptions.Item, { label: title, style: { paddingBottom: '5px' }, labelStyle: { fontWeight: 'bold', width: '50%' }, children: item.divider ? (_jsx(Divider, { "data-testid": "divider" }, index)) : (value) }, index));
-        }) }));
-}
+import { KitSpace, KitTypography } from 'aristid-ds';
+export const PropertiesList = ({ items }) => (_jsx(KitSpace, { size: "s", direction: "vertical", children: items.map((item, index) => {
+        const { title, value } = item;
+        return (_jsxs(KitSpace, { size: "none", direction: "vertical", children: [_jsx(KitTypography.Text, { size: "fontSize7", children: title }), _jsx(KitTypography.Text, { size: "fontSize5", weight: "bold", children: value })] }, index));
+    }) }));
 export default PropertiesList;
 //# sourceMappingURL=PropertiesList.js.map

package/dist/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertiesList.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAE,OAAO,EAAC,MAAM,MAAM,CAAC;AAiB3C,SAAS,cAAc,CAAC,EAAC,KAAK,EAAuB;IACjD,OAAO,CACH,KAAC,YAAY,IAAC,MAAM,EAAC,YAAY,EAAC,MAAM,EAAE,CAAC,YACtC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,IAAgC,CAAC;YAExD,OAAO,CACH,KAAC,YAAY,CAAC,IAAI,IAEd,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAC,aAAa,EAAE,KAAK,EAAC,EAC7B,UAAU,EAAE,EAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAC,YAE5C,IAAmC,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5C,KAAC,OAAO,mBAAyB,SAAS,IAA5B,KAAK,CAA0B,CAChD,CAAC,CAAC,CAAC,CACA,KAAK,CACR,IATI,KAAK,CAUM,CACvB,CAAC;QACN,CAAC,CAAC,GACS,CAClB,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PropertiesList.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/PropertiesList/PropertiesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAYnD,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE,CAAC,CAChF,KAAC,QAAQ,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,UAAU,YAClC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvB,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,IAAI,CAAC;QAE5B,OAAO,CACH,MAAC,QAAQ,IAAa,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,UAAU,aAClD,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAAE,KAAK,GAAsB,EACjE,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,YAC7C,KAAK,GACW,KAJV,KAAK,CAKT,CACd,CAAC;IACN,CAAC,CAAC,GACK,CACd,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.d.ts

@@ -0,0 +1,9 @@
+import { FunctionComponent } from 'react';
+import { IRecordIdentityWhoAmI } from '../../../../../types';
+import { GetRecordColumnsValuesRecord } from '../../../../../_queries/records/getRecordColumnsValues';
+interface IInformationsProps {
+    record: IRecordIdentityWhoAmI;
+    recordData: GetRecordColumnsValuesRecord;
+}
+export declare const RecordInformations: FunctionComponent<IInformationsProps>;
+export {};

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useState } from 'react';
+import styled from 'styled-components';
+import { KitButton, KitTooltip } from 'aristid-ds';
+import { FaExpand } from 'react-icons/fa';
+import PropertiesList from '../../PropertiesList';
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+import { useRecordInformations } from './useRecordInformations';
+import FileModal from '../../../../../components/RecordPreviewWithModal/FileModal';
+import { EntityPreview } from '../../../../../components/EntityPreview';
+import { TOOLTIP_DEFAULT_DELAY_IN_SECONDS } from '../../../../../constants';
+const InformationsWrapper = styled.div `
+    margin-top: calc(var(--general-spacing-s) * 1px);
+`;
+const PreviewWrapper = styled.div `
+    position: relative;
+    width: 100%;
+    height: 162px;
+    background-color: var(--general-colors-primary-50);
+    border-radius: calc(var(--general-border-radius-s) * 1px);
+    padding: calc(var(--general-spacing-xs) * 1px);
+`;
+const ExpandImageButton = styled(KitButton) `
+    position: absolute;
+    right: 0;
+    top: 0;
+`;
+const ContentWrapper = styled.div `
+    margin-top: calc(var(--general-spacing-s) * 1px);
+`;
+export const RecordInformations = ({ record, recordData }) => {
+    const { t } = useSharedTranslation();
+    const recordInformations = useRecordInformations(record, recordData);
+    const [isFilePreviewModalOpen, setFilePreviewModalOpen] = useState(false);
+    const previewFile = record?.preview?.file;
+    const preview = record?.preview?.medium ? String(record?.preview?.medium) : null;
+    return (_jsxs(InformationsWrapper, { children: [_jsxs(PreviewWrapper, { children: [_jsx(EntityPreview, { label: record?.label ?? record?.id, color: record?.color, image: preview, imageStyle: { border: 'none' }, placeholderStyle: { height: '100%', width: 'fit-content', margin: 'auto', borderRadius: '0' }, style: { height: '100%', background: 'initial' }, tile: true }), previewFile !== undefined && (_jsx(KitTooltip, { title: t('record_summary.open_preview_modal'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(ExpandImageButton, { "aria-label": t('record_summary.open_preview_modal'), type: "tertiary", icon: _jsx(FaExpand, {}), onClick: () => setFilePreviewModalOpen(true) }) }))] }), isFilePreviewModalOpen && (_jsx(FileModal, { open: isFilePreviewModalOpen, fileId: previewFile?.id, libraryId: previewFile?.library, onClose: () => setFilePreviewModalOpen(false) })), _jsx(ContentWrapper, { children: _jsx(PropertiesList, { items: recordInformations }) })] }));
+};
+//# sourceMappingURL=RecordInformations.js.map

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordInformations.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/RecordInformations.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/useRecordInformations.d.ts

@@ -0,0 +1,6 @@
+import { GetRecordColumnsValuesRecord } from '../../../../../_queries/records/getRecordColumnsValues';
+import { IRecordIdentityWhoAmI } from '../../../../../types';
+export declare const useRecordInformations: (record: IRecordIdentityWhoAmI, recordData: GetRecordColumnsValuesRecord) => {
+    title: string;
+    value: string;
+}[];

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/useRecordInformations.js

@@ -0,0 +1,35 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
+export const useRecordInformations = (record, recordData) => {
+    const { t } = useSharedTranslation();
+    const recordInformations = [
+        {
+            title: t('record_summary.id_entity'),
+            value: record?.id ?? '-'
+        }
+    ];
+    if (recordData?.created_at?.[0]) {
+        recordInformations.push({
+            title: t('record_summary.creation'),
+            value: t('record_summary.date_by_user', {
+                date: (recordData?.created_at?.[0]).payload,
+                user: recordData?.created_by?.[0]?.linkValue?.whoAmI?.label,
+                interpolation: { escapeValue: false }
+            })
+        });
+    }
+    if (recordData?.modified_at?.[0]) {
+        recordInformations.push({
+            title: t('record_summary.last_modification'),
+            value: t('record_summary.date_by_user', {
+                date: (recordData?.modified_at?.[0]).payload,
+                user: recordData?.modified_by?.[0]?.linkValue?.whoAmI?.label,
+                interpolation: { escapeValue: false }
+            })
+        });
+    }
+    return recordInformations;
+};
+//# sourceMappingURL=useRecordInformations.js.map

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/useRecordInformations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecordInformations.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordInformations/useRecordInformations.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAQpE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAA6B,EAAE,UAAwC,EAAE,EAAE;IAC7G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,kBAAkB,GAAG;QACvB;YACI,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;YACpC,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,GAAG;SAC3B;KACJ,CAAC;IAEF,IAAI,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B,kBAAkB,CAAC,IAAI,CAAC;YACpB,KAAK,EAAE,CAAC,CAAC,yBAAyB,CAAC;YACnC,KAAK,EAAE,CAAC,CAAC,6BAA6B,EAAE;gBACpC,IAAI,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,CAAgC,CAAA,CAAC,OAAO;gBACzE,IAAI,EAAG,UAAU,EAAE,UAAU,EAAE,CAAC,CAAC,CAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK;gBACvF,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;aACtC,CAAC;SACL,CAAC,CAAC;IACP,CAAC;IAED,IAAI,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC/B,kBAAkB,CAAC,IAAI,CAAC;YACpB,KAAK,EAAE,CAAC,CAAC,kCAAkC,CAAC;YAC5C,KAAK,EAAE,CAAC,CAAC,6BAA6B,EAAE;gBACpC,IAAI,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,CAAgC,CAAA,CAAC,OAAO;gBAC1E,IAAI,EAAG,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC,CAA4B,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK;gBACxF,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;aACtC,CAAC;SACL,CAAC,CAAC;IACP,CAAC;IAED,OAAO,kBAAkB,CAAC;AAC9B,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordSummary.d.ts

@@ -1,286 +1,7 @@
 import { IRecordIdentityWhoAmI } from '../../../../types/records';
+import { FunctionComponent } from 'react';
 interface IRecordSummaryProps {
     record: IRecordIdentityWhoAmI;
 }
-export declare const Wrapper: import("styled-components").IStyledComponent<"web", {
-    prefixCls?: string;
-    className?: string;
-    rootClassName?: string;
-    style?: import("react").CSSProperties;
-    size?: import("antd/es/space").SpaceSize | [import("antd/es/space").SpaceSize, import("antd/es/space").SpaceSize];
-    direction?: "horizontal" | "vertical";
-    align?: "start" | "end" | "center" | "baseline";
-    split?: import("react").ReactNode;
-    wrap?: boolean;
-    classNames?: {
-        item: string;
-    };
-    styles?: {
-        item: import("react").CSSProperties;
-    };
-    defaultChecked?: boolean | undefined;
-    defaultValue?: string | number | ReadonlyArray<string> | undefined;
-    suppressContentEditableWarning?: boolean | undefined;
-    suppressHydrationWarning?: boolean | undefined;
-    accessKey?: string | undefined;
-    autoFocus?: boolean | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
-    contextMenu?: string | undefined;
-    dir?: string | undefined;
-    draggable?: (boolean | "true" | "false") | undefined;
-    hidden?: boolean | undefined;
-    id?: string | undefined;
-    lang?: string | undefined;
-    nonce?: string | undefined;
-    placeholder?: string | undefined;
-    slot?: string | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined;
-    title?: string | undefined;
-    translate?: "yes" | "no" | undefined;
-    radioGroup?: string | undefined;
-    role?: import("react").AriaRole | undefined;
-    about?: string | undefined;
-    content?: string | undefined;
-    datatype?: string | undefined;
-    inlist?: any;
-    prefix?: string | undefined;
-    property?: string | undefined;
-    rel?: string | undefined;
-    resource?: string | undefined;
-    rev?: string | undefined;
-    typeof?: string | undefined;
-    vocab?: string | undefined;
-    autoCapitalize?: string | undefined;
-    autoCorrect?: string | undefined;
-    autoSave?: string | undefined;
-    color?: string | undefined;
-    itemProp?: string | undefined;
-    itemScope?: boolean | undefined;
-    itemType?: string | undefined;
-    itemID?: string | undefined;
-    itemRef?: string | undefined;
-    results?: number | undefined;
-    security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-    is?: string | undefined;
-    children?: import("react").ReactNode;
-    'aria-activedescendant'?: string | undefined;
-    'aria-atomic'?: boolean | "false" | "true" | undefined;
-    'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy'?: boolean | "false" | "true" | undefined;
-    'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-colcount'?: number | undefined;
-    'aria-colindex'?: number | undefined;
-    'aria-colspan'?: number | undefined;
-    'aria-controls'?: string | undefined;
-    'aria-current'?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby'?: string | undefined;
-    'aria-details'?: string | undefined;
-    'aria-disabled'?: boolean | "false" | "true" | undefined;
-    'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage'?: string | undefined;
-    'aria-expanded'?: boolean | "false" | "true" | undefined;
-    'aria-flowto'?: string | undefined;
-    'aria-grabbed'?: boolean | "false" | "true" | undefined;
-    'aria-haspopup'?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden'?: boolean | "false" | "true" | undefined;
-    'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts'?: string | undefined;
-    'aria-label'?: string | undefined;
-    'aria-labelledby'?: string | undefined;
-    'aria-level'?: number | undefined;
-    'aria-live'?: "off" | "assertive" | "polite" | undefined;
-    'aria-modal'?: boolean | "false" | "true" | undefined;
-    'aria-multiline'?: boolean | "false" | "true" | undefined;
-    'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-    'aria-orientation'?: "horizontal" | "vertical" | undefined;
-    'aria-owns'?: string | undefined;
-    'aria-placeholder'?: string | undefined;
-    'aria-posinset'?: number | undefined;
-    'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
-    'aria-readonly'?: boolean | "false" | "true" | undefined;
-    'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required'?: boolean | "false" | "true" | undefined;
-    'aria-roledescription'?: string | undefined;
-    'aria-rowcount'?: number | undefined;
-    'aria-rowindex'?: number | undefined;
-    'aria-rowspan'?: number | undefined;
-    'aria-selected'?: boolean | "false" | "true" | undefined;
-    'aria-setsize'?: number | undefined;
-    'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax'?: number | undefined;
-    'aria-valuemin'?: number | undefined;
-    'aria-valuenow'?: number | undefined;
-    'aria-valuetext'?: string | undefined;
-    dangerouslySetInnerHTML?: {
-        __html: string | TrustedHTML;
-    } | undefined;
-    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCut?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement>;
-    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement>;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
-    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
-    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement>;
-    onChange?: import("react").FormEventHandler<HTMLDivElement>;
-    onChangeCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onBeforeInput?: import("react").FormEventHandler<HTMLDivElement>;
-    onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onInput?: import("react").FormEventHandler<HTMLDivElement>;
-    onInputCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onReset?: import("react").FormEventHandler<HTMLDivElement>;
-    onResetCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onSubmit?: import("react").FormEventHandler<HTMLDivElement>;
-    onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onInvalid?: import("react").FormEventHandler<HTMLDivElement>;
-    onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement>;
-    onLoad?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onError?: import("react").ReactEventHandler<HTMLDivElement>;
-    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement>;
-    onAbort?: import("react").ReactEventHandler<HTMLDivElement>;
-    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement>;
-    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEmptied?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEnded?: import("react").ReactEventHandler<HTMLDivElement>;
-    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement>;
-    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPause?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlay?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlaying?: import("react").ReactEventHandler<HTMLDivElement>;
-    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onProgress?: import("react").ReactEventHandler<HTMLDivElement>;
-    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onRateChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeeked?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeeking?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onStalled?: import("react").ReactEventHandler<HTMLDivElement>;
-    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSuspend?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement>;
-    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onWaiting?: import("react").ReactEventHandler<HTMLDivElement>;
-    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement>;
-    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onDrag?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEnd?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEnter?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragExit?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragLeave?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragOver?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragStart?: import("react").DragEventHandler<HTMLDivElement>;
-    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onDrop?: import("react").DragEventHandler<HTMLDivElement>;
-    onDropCapture?: import("react").DragEventHandler<HTMLDivElement>;
-    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement>;
-    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement>;
-    onSelect?: import("react").ReactEventHandler<HTMLDivElement>;
-    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement>;
-    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement>;
-    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement>;
-    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement>;
-    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement>;
-    onScroll?: import("react").UIEventHandler<HTMLDivElement>;
-    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement>;
-    onWheel?: import("react").WheelEventHandler<HTMLDivElement>;
-    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement>;
-    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement>;
-    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement>;
-    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement>;
-    ref?: import("react").Ref<HTMLDivElement>;
-    key?: import("react").Key | null | undefined;
-}> & import("react").ForwardRefExoticComponent<import("antd").SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Compact: import("react").FC<import("antd/es/space/Compact").SpaceCompactProps>;
-};
-declare function RecordSummary({ record }: IRecordSummaryProps): JSX.Element;
+export declare const RecordSummary: FunctionComponent<IRecordSummaryProps>;
 export default RecordSummary;

package/dist/components/RecordEdition/EditRecordSidebar/RecordSummary/RecordSummary.js

@@ -1,73 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { localizedTranslation } from '@leav/utils';
-import { Space, theme } from 'antd';
-import styled from 'styled-components';
-import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
-import { PreviewSize } from '../../../../constants';
-import { useLang } from '../../../../hooks';
 import { useGetRecordValuesQuery } from '../../../../hooks/useGetRecordValuesQuery/useGetRecordValuesQuery';
 import { ErrorDisplay } from '../../../ErrorDisplay';
 import { Loading } from '../../../Loading';
-import { RecordPreviewWithModal } from '../../../RecordPreviewWithModal';
-import PropertiesList from '../PropertiesList';
-export const Wrapper = styled(Space) `
-    padding: 1em;
-    display: flex;
-`;
-function RecordSummary({ record }) {
-    const preview = record?.preview?.medium ? String(record?.preview?.medium) : null;
-    const previewFile = record?.preview?.file;
-    const { token } = theme.useToken();
+import { KitTabs } from 'aristid-ds';
+import { RecordInformations } from './RecordInformations/RecordInformations';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const RecordSummary = ({ record }) => {
     const { t } = useSharedTranslation();
-    const { lang } = useLang();
     const { loading, error, data } = useGetRecordValuesQuery(record?.library?.id, ['created_at', 'created_by', 'modified_at', 'modified_by'], [record?.id]);
     if (loading) {
+        //TODO: In XSTREAM-1134, we will have to handle the loading state
         return _jsx(Loading, {});
     }
     if (error) {
+        //TODO: In XSTREAM-1134, we will have to handle the error state
         return _jsx(ErrorDisplay, { message: error.message });
     }
     const recordData = data?.[record?.id];
-    const summaryContent = [
-        {
-            title: t('record_summary.label'),
-            value: record?.label
-        },
-        {
-            title: t('record_summary.id'),
-            value: record?.id
-        },
-        {
-            title: t('record_summary.library'),
-            value: localizedTranslation(record?.library.label, lang)
-        }
-    ];
-    if (recordData) {
-        if (recordData.created_at?.[0]) {
-            summaryContent.push({
-                title: t('record_summary.created_at'),
-                value: t('record_summary.created_at_value', {
-                    date: (recordData?.created_at?.[0]).value,
-                    user: recordData?.created_by?.[0]?.linkValue?.whoAmI?.label,
-                    interpolation: { escapeValue: false }
-                })
-            });
-        }
-        if (recordData.modified_at?.[0]) {
-            summaryContent.push({
-                title: t('record_summary.modified_at'),
-                value: t('record_summary.modified_at_value', {
-                    date: (recordData?.modified_at?.[0]).value,
-                    user: recordData?.modified_by?.[0]?.linkValue?.whoAmI?.label,
-                    interpolation: { escapeValue: false }
-                })
-            });
-        }
-    }
-    return (_jsxs(Wrapper, { direction: "vertical", children: [_jsx(RecordPreviewWithModal, { label: record?.label ?? record?.id, color: record?.color, image: preview ?? null, tile: true, size: PreviewSize.medium, style: { borderRadius: token.borderRadius }, previewFile: previewFile, imageStyle: { borderRadius: token.borderRadius } }), _jsx(PropertiesList, { items: summaryContent })] }));
-}
+    return (_jsx(KitTabs, { items: [
+            {
+                key: 'informations',
+                label: t('record_summary.informations'),
+                tabContent: _jsx(RecordInformations, { record: record, recordData: recordData })
+            },
+            {
+                key: 'chat',
+                label: t('record_summary.chat'),
+                disabled: true
+            },
+            {
+                key: 'history',
+                label: t('record_summary.history'),
+                disabled: true
+            }
+        ] }));
+};
 export default RecordSummary;
 //# sourceMappingURL=RecordSummary.js.map