@leav/ui 0.3.6-e218b23 → 0.3.6-e275df8

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/AttributeSummary/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,eAAe,gBAAgB,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/AttributeSummary/useAttributeInformations.d.ts

@@ -0,0 +1,2 @@
+import { RecordFormAttributeFragment } from '../../../../_gqlTypes';
+export declare const useAttributeInformations: (attribute: RecordFormAttributeFragment) => any[];

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

@@ -0,0 +1,25 @@
+// 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';
+import { useLang } from '../../../../hooks';
+import { localizedTranslation } from '@leav/utils';
+export const useAttributeInformations = (attribute) => {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const attributeInformations = [];
+    if (attribute.format) {
+        attributeInformations.push({
+            title: t('record_summary.attribute_format'),
+            value: t(`attributes.format_${attribute.format}`)
+        });
+    }
+    if (attribute.description) {
+        attributeInformations.push({
+            title: t('record_summary.descriptive'),
+            value: localizedTranslation(attribute.description, lang)
+        });
+    }
+    return attributeInformations;
+};
+//# sourceMappingURL=useAttributeInformations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAttributeInformations.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/AttributeSummary/useAttributeInformations.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,SAAsC,EAAE,EAAE;IAC/E,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,MAAM,qBAAqB,GAAG,EAAE,CAAC;IACjC,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;QACnB,qBAAqB,CAAC,IAAI,CAAC;YACvB,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC;YAC3C,KAAK,EAAE,CAAC,CAAC,qBAAqB,SAAS,CAAC,MAAM,EAAE,CAAC;SACpD,CAAC,CAAC;IACP,CAAC;IAED,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;QACxB,qBAAqB,CAAC,IAAI,CAAC;YACvB,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC;YACtC,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC;SAC3D,CAAC,CAAC;IACP,CAAC;IAED,OAAO,qBAAqB,CAAC;AACjC,CAAC,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.d.ts

@@ -0,0 +1,3 @@
+import { FunctionComponent } from 'react';
+export declare const Breadcrumb: FunctionComponent;
+export default Breadcrumb;

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

@@ -0,0 +1,53 @@
+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 { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+import { KitBreadcrumb } from 'aristid-ds';
+import { useEditRecordReducer } from '../../editRecordReducer/useEditRecordReducer';
+import { EditRecordReducerActionsTypes } from '../../editRecordReducer/editRecordReducer';
+import { localizedTranslation } from '@leav/utils';
+import { useLang } from '../../../../hooks';
+export const Breadcrumb = () => {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { state, dispatch } = useEditRecordReducer();
+    let items = [];
+    switch (state.sidebarContent) {
+        case 'none':
+        case 'valuesVersions':
+            break;
+        case 'valueDetails':
+            items = [
+                {
+                    title: t('record_summary.entity_overview', {
+                        entity: localizedTranslation(state.libraryLabel, lang)
+                    }),
+                    href: '',
+                    onClick: e => {
+                        e.preventDefault();
+                        dispatch({
+                            type: EditRecordReducerActionsTypes.SET_SIDEBAR_CONTENT,
+                            content: 'summary'
+                        });
+                    }
+                },
+                {
+                    title: t('record_summary.attribute')
+                }
+            ];
+            break;
+        default:
+            items = [
+                {
+                    title: t('record_summary.entity_overview', {
+                        entity: localizedTranslation(state.libraryLabel, lang)
+                    })
+                }
+            ];
+            break;
+    }
+    return _jsx(KitBreadcrumb, { items: items });
+};
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/Breacrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,YAAY,CAAC;AAGzC,OAAO,EAAC,oBAAoB,EAAC,MAAM,8CAA8C,CAAC;AAClF,OAAO,EAAC,6BAA6B,EAAC,MAAM,2CAA2C,CAAC;AACxF,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,CAAC,MAAM,UAAU,GAAsB,GAAG,EAAE;IAC9C,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEjD,IAAI,KAAK,GAAyB,EAAE,CAAC;IAErC,QAAQ,KAAK,CAAC,cAAc,EAAE,CAAC;QAC3B,KAAK,MAAM,CAAC;QACZ,KAAK,gBAAgB;YACjB,MAAM;QACV,KAAK,cAAc;YACf,KAAK,GAAG;gBACJ;oBACI,KAAK,EAAE,CAAC,CAAC,gCAAgC,EAAE;wBACvC,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;qBACzD,CAAC;oBACF,IAAI,EAAE,EAAE;oBACR,OAAO,EAAE,CAAC,CAAC,EAAE;wBACT,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC;4BACL,IAAI,EAAE,6BAA6B,CAAC,mBAAmB;4BACvD,OAAO,EAAE,SAAS;yBACrB,CAAC,CAAC;oBACP,CAAC;iBACJ;gBACD;oBACI,KAAK,EAAE,CAAC,CAAC,0BAA0B,CAAC;iBACvC;aACJ,CAAC;YACF,MAAM;QACV;YACI,KAAK,GAAG;gBACJ;oBACI,KAAK,EAAE,CAAC,CAAC,gCAAgC,EAAE;wBACvC,MAAM,EAAE,oBAAoB,CAAC,KAAK,CAAC,YAAY,EAAE,IAAI,CAAC;qBACzD,CAAC;iBACL;aACJ,CAAC;YACF,MAAM;IACd,CAAC;IACD,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;AAC3C,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/Breacrumb/index.d.ts

@@ -0,0 +1,2 @@
+import Breadcrumb from './Breadcrumb';
+export default Breadcrumb;

package/dist/components/RecordEdition/EditRecordSidebar/{ValueDetails → Breacrumb}/index.js

@@ -1,6 +1,6 @@
 // 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 ValueDetails from './ValueDetails';
-export default ValueDetails;
+import Breadcrumb from './Breadcrumb';
+export default Breadcrumb;
 //# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/Breacrumb/index.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,eAAe,UAAU,CAAC"}

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

@@ -1,6 +1,9 @@
+import { FunctionComponent } from 'react';
 import { MetadataSubmitValueFunc } from '../EditRecordContent/_types';
 interface IEditRecordSidebarProps {
     onMetadataSubmit: MetadataSubmitValueFunc;
+    open: boolean;
+    sidebarContainer?: HTMLElement;
 }
-declare function EditRecordSidebar({ onMetadataSubmit }: IEditRecordSidebarProps): JSX.Element;
+export declare const EditRecordSidebar: FunctionComponent<IEditRecordSidebarProps>;
 export default EditRecordSidebar;

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

@@ -1,20 +1,62 @@
-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 { 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, KitSpace } from 'aristid-ds';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { EDIT_RECORD_SIDEBAR_ID } from '../../../constants';
+import Breadcrumb from './Breacrumb';
+import AttributeSummary from './AttributeSummary';
+import ValuesSummary from './ValuesSummary';
+import styled from 'styled-components';
+const _getRecordSidebarContent = (state, onMetadataSubmit) => {
+    // TODO: ValuesVersions should be removed or refactored later
     switch (state.sidebarContent) {
         case 'none':
             return null;
         case 'valueDetails':
-            return (_jsx(ValueDetails, { value: state.activeValue.value, attribute: state.activeValue.attribute, onMetadataSubmit: onMetadataSubmit }));
+            return (_jsxs(KitSpace, { direction: "vertical", size: "s", style: { width: '100%' }, children: [_jsx(AttributeSummary, { attribute: state.activeAttribute.attribute }), _jsx(ValuesSummary, { globalValues: state.activeAttribute.globalValues, calculatedValue: state.activeAttribute.calculatedValue })] }));
         case 'valuesVersions':
             return _jsx(ValuesVersions, {});
         default:
             return _jsx(RecordSummary, { record: state.record });
     }
-}
+};
+const StyledKitSidePanel = styled(KitSidePanel) `
+    ${({ $hideBoxShadow }) => $hideBoxShadow &&
+    `&&& section {
+            box-shadow: none;
+        }`}
+`;
+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(StyledKitSidePanel, { ref: sidePanelRef, initialOpen: open, idCardProps: { title: sidePanelTitle }, id: EDIT_RECORD_SIDEBAR_ID, headerExtra: _jsx(Breadcrumb, {}), "$hideBoxShadow": !sidebarContainer, 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":"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"}

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"}