@leav/ui 0.0.1-alpha-1 → 0.0.1-alpha-2

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

@@ -0,0 +1,289 @@
+/// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
+import { IRecordIdentityWhoAmI } from '../../../../types/records';
+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;
+    defaultValue?: string | number | readonly string[];
+    suppressContentEditableWarning?: boolean;
+    suppressHydrationWarning?: boolean;
+    accessKey?: string;
+    autoFocus?: boolean;
+    contentEditable?: (boolean | "false" | "true") | "inherit";
+    contextMenu?: string;
+    dir?: string;
+    draggable?: boolean | "false" | "true";
+    hidden?: boolean;
+    id?: string;
+    lang?: string;
+    nonce?: string;
+    placeholder?: string;
+    slot?: string;
+    spellCheck?: boolean | "false" | "true";
+    tabIndex?: number;
+    title?: string;
+    translate?: "yes" | "no";
+    radioGroup?: string;
+    role?: import("react").AriaRole;
+    about?: string;
+    content?: string;
+    datatype?: string;
+    inlist?: any;
+    prefix?: string;
+    property?: string;
+    rel?: string;
+    resource?: string;
+    rev?: string;
+    typeof?: string;
+    vocab?: string;
+    autoCapitalize?: string;
+    autoCorrect?: string;
+    autoSave?: string;
+    color?: string;
+    itemProp?: string;
+    itemScope?: boolean;
+    itemType?: string;
+    itemID?: string;
+    itemRef?: string;
+    results?: number;
+    security?: string;
+    unselectable?: "on" | "off";
+    inputMode?: "url" | "search" | "text" | "none" | "numeric" | "tel" | "email" | "decimal";
+    is?: string;
+    children?: import("react").ReactNode;
+    "aria-activedescendant"?: string;
+    "aria-atomic"?: boolean | "false" | "true";
+    "aria-autocomplete"?: "list" | "none" | "inline" | "both";
+    "aria-busy"?: boolean | "false" | "true";
+    "aria-checked"?: boolean | "false" | "true" | "mixed";
+    "aria-colcount"?: number;
+    "aria-colindex"?: number;
+    "aria-colspan"?: number;
+    "aria-controls"?: string;
+    "aria-current"?: boolean | "time" | "false" | "date" | "true" | "step" | "page" | "location";
+    "aria-describedby"?: string;
+    "aria-details"?: string;
+    "aria-disabled"?: boolean | "false" | "true";
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup";
+    "aria-errormessage"?: string;
+    "aria-expanded"?: boolean | "false" | "true";
+    "aria-flowto"?: string;
+    "aria-grabbed"?: boolean | "false" | "true";
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "false" | "tree" | "grid" | "listbox" | "true";
+    "aria-hidden"?: boolean | "false" | "true";
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling";
+    "aria-keyshortcuts"?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-level"?: number;
+    "aria-live"?: "off" | "assertive" | "polite";
+    "aria-modal"?: boolean | "false" | "true";
+    "aria-multiline"?: boolean | "false" | "true";
+    "aria-multiselectable"?: boolean | "false" | "true";
+    "aria-orientation"?: "horizontal" | "vertical";
+    "aria-owns"?: string;
+    "aria-placeholder"?: string;
+    "aria-posinset"?: number;
+    "aria-pressed"?: boolean | "false" | "true" | "mixed";
+    "aria-readonly"?: boolean | "false" | "true";
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+    "aria-required"?: boolean | "false" | "true";
+    "aria-roledescription"?: string;
+    "aria-rowcount"?: number;
+    "aria-rowindex"?: number;
+    "aria-rowspan"?: number;
+    "aria-selected"?: boolean | "false" | "true";
+    "aria-setsize"?: number;
+    "aria-sort"?: "other" | "none" | "ascending" | "descending";
+    "aria-valuemax"?: number;
+    "aria-valuemin"?: number;
+    "aria-valuenow"?: number;
+    "aria-valuetext"?: string;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    };
+    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;
+}> & 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 default RecordSummary;

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

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// 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 '_ui/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 }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const preview = String((_a = record === null || record === void 0 ? void 0 : record.preview) === null || _a === void 0 ? void 0 : _a.medium);
+    const previewFile = (_b = record === null || record === void 0 ? void 0 : record.preview) === null || _b === void 0 ? void 0 : _b.file;
+    const { token } = theme.useToken();
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const { loading, error, data } = useGetRecordValuesQuery((_c = record === null || record === void 0 ? void 0 : record.library) === null || _c === void 0 ? void 0 : _c.id, ['created_at', 'created_by', 'modified_at', 'modified_by'], [record === null || record === void 0 ? void 0 : record.id]);
+    if (loading) {
+        return _jsx(Loading, {});
+    }
+    if (error) {
+        return _jsx(ErrorDisplay, { message: error.message });
+    }
+    const recordData = data === null || data === void 0 ? void 0 : data[record === null || record === void 0 ? void 0 : record.id];
+    const summaryContent = [
+        {
+            title: t('record_summary.label'),
+            value: record === null || record === void 0 ? void 0 : record.label
+        },
+        {
+            title: t('record_summary.id'),
+            value: record === null || record === void 0 ? void 0 : record.id
+        },
+        {
+            title: t('record_summary.library'),
+            value: localizedTranslation(record === null || record === void 0 ? void 0 : record.library.label, lang)
+        }
+    ];
+    if (recordData) {
+        if ((_d = recordData.created_at) === null || _d === void 0 ? void 0 : _d[0]) {
+            summaryContent.push({
+                title: t('record_summary.created_at'),
+                value: t('record_summary.created_at_value', {
+                    date: ((_e = recordData === null || recordData === void 0 ? void 0 : recordData.created_at) === null || _e === void 0 ? void 0 : _e[0]).value,
+                    user: (_j = (_h = (_g = (_f = recordData === null || recordData === void 0 ? void 0 : recordData.created_by) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.linkValue) === null || _h === void 0 ? void 0 : _h.whoAmI) === null || _j === void 0 ? void 0 : _j.label,
+                    interpolation: { escapeValue: false }
+                })
+            });
+        }
+        if ((_k = recordData.modified_at) === null || _k === void 0 ? void 0 : _k[0]) {
+            summaryContent.push({
+                title: t('record_summary.modified_at'),
+                value: t('record_summary.modified_at_value', {
+                    date: ((_l = recordData === null || recordData === void 0 ? void 0 : recordData.modified_at) === null || _l === void 0 ? void 0 : _l[0]).value,
+                    user: (_q = (_p = (_o = (_m = recordData === null || recordData === void 0 ? void 0 : recordData.modified_by) === null || _m === void 0 ? void 0 : _m[0]) === null || _o === void 0 ? void 0 : _o.linkValue) === null || _p === void 0 ? void 0 : _p.whoAmI) === null || _q === void 0 ? void 0 : _q.label,
+                    interpolation: { escapeValue: false }
+                })
+            });
+        }
+    }
+    return (_jsxs(Wrapper, Object.assign({ direction: "vertical" }, { children: [_jsx(RecordPreviewWithModal, { label: (_r = record === null || record === void 0 ? void 0 : record.label) !== null && _r !== void 0 ? _r : record === null || record === void 0 ? void 0 : record.id, color: record === null || record === void 0 ? void 0 : record.color, image: preview !== null && preview !== void 0 ? preview : null, tile: true, size: PreviewSize.medium, style: { borderRadius: token.borderRadius }, previewFile: previewFile, imageStyle: { borderRadius: token.borderRadius } }), _jsx(PropertiesList, { items: summaryContent })] })));
+}
+export default RecordSummary;
+//# sourceMappingURL=RecordSummary.js.map

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

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

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

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

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

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import RecordSummary from './RecordSummary';
+export default RecordSummary;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/RecordEdition/EditRecordSidebar/RecordSummary/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { RecordFormAttributeFragment } from '../../../../../_gqlTypes';
+interface IAttributeDetailsProps {
+    attribute: RecordFormAttributeFragment;
+}
+declare function AttributeDetails({ attribute }: IAttributeDetailsProps): JSX.Element;
+export default AttributeDetails;

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { isTypeStandard } from '@leav/utils';
+import { Collapse, theme } from 'antd';
+import styled from 'styled-components';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import { themeVars } from '../../../../../antdTheme';
+import PropertiesList from '../../PropertiesList';
+const AttributeDetailsCollapse = styled(Collapse) `
+    &&& {
+        margin: 1rem;
+        background: none;
+
+        .ant-collapse-header {
+            justify-content: flex-end;
+        }
+
+        .ant-collapse-content {
+            background: ${themeVars.defaultBg};
+            border: 1px solid ${themeVars.borderColor};
+            border-radius: ${p => p.$themeToken.borderRadius}px;
+        }
+    }
+`;
+function AttributeDetails({ attribute }) {
+    const { t } = useSharedTranslation();
+    const { token } = theme.useToken();
+    const attributeDetailsContent = [
+        {
+            title: t('record_edition.attribute.id'),
+            value: attribute.id
+        },
+        {
+            title: t('record_edition.attribute.type'),
+            value: t(`record_edition.attribute.type_${attribute.type}`)
+        }
+    ];
+    if (isTypeStandard(attribute.type)) {
+        attributeDetailsContent.push({
+            title: t('record_edition.attribute.format'),
+            value: attribute.format ? t(`record_edition.attribute.format_${attribute.format}`) : null
+        });
+    }
+    const collapseItems = [
+        {
+            key: 'attribute',
+            label: t('record_edition.attribute_details_section'),
+            children: _jsx(PropertiesList, { items: attributeDetailsContent })
+        }
+    ];
+    return (_jsx(AttributeDetailsCollapse, { items: collapseItems, destroyInactivePanel: true, bordered: false, ghost: true, "$themeToken": token }));
+}
+export default AttributeDetails;
+//# sourceMappingURL=AttributeDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttributeDetails.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/ValueDetails/AttributeDetails/AttributeDetails.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AAErC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AAEnD,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,MAAM,wBAAwB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAA4B;;;;;;;;;;0BAUnD,SAAS,CAAC,SAAS;gCACb,SAAS,CAAC,WAAW;6BACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,YAAY;;;CAG3D,CAAC;AAMF,SAAS,gBAAgB,CAAC,EAAC,SAAS,EAAyB;IACzD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,KAAK,EAAC,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC;IAEjC,MAAM,uBAAuB,GAAG;QAC5B;YACI,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC;YACvC,KAAK,EAAE,SAAS,CAAC,EAAE;SACtB;QACD;YACI,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC;YACzC,KAAK,EAAE,CAAC,CAAC,iCAAiC,SAAS,CAAC,IAAI,EAAE,CAAC;SAC9D;KACJ,CAAC;IAEF,IAAI,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;QAChC,uBAAuB,CAAC,IAAI,CAAC;YACzB,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC;YAC3C,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,mCAAmC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;SAC5F,CAAC,CAAC;KACN;IAED,MAAM,aAAa,GAAG;QAClB;YACI,GAAG,EAAE,WAAW;YAChB,KAAK,EAAE,CAAC,CAAC,0CAA0C,CAAC;YACpD,QAAQ,EAAE,KAAC,cAAc,IAAC,KAAK,EAAE,uBAAuB,GAAI;SAC/D;KACJ,CAAC;IAEF,OAAO,CACH,KAAC,wBAAwB,IACrB,KAAK,EAAE,aAAa,EACpB,oBAAoB,QACpB,QAAQ,EAAE,KAAK,EACf,KAAK,uBACQ,KAAK,GACpB,CACL,CAAC;AACN,CAAC;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/AttributeDetails/index.d.ts

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

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/AttributeDetails/index.js

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import AttributeDetails from './AttributeDetails';
+export default AttributeDetails;
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/AttributeDetails/index.js.map

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../_gqlTypes';
+import { IRecordPropertyTree } from '../../../../../_queries/records/getRecordPropertiesQuery';
+interface ITreeValuePathProps {
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    value: IRecordPropertyTree;
+}
+declare function TreeValuePath({ value, attribute }: ITreeValuePathProps): JSX.Element;
+export default TreeValuePath;

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

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// 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 { Tree } from 'antd';
+import styled from 'styled-components';
+import { themeVars } from '../../../../../antdTheme';
+import useLang from '../../../../../hooks/useLang';
+const MyTree = styled(Tree) `
+    && {
+        border: 1px solid ${themeVars.borderColor};
+    }
+`;
+function TreeValuePath({ value, attribute }) {
+    var _a;
+    const { lang } = useLang();
+    const ancestorsPath = (_a = value.treeValue.ancestors) !== null && _a !== void 0 ? _a : [];
+    const nodesProps = {
+        checkable: false,
+        selectable: false
+    };
+    const pathToValue = [...ancestorsPath].reverse().reduce((children, node) => {
+        return [
+            Object.assign(Object.assign({}, nodesProps), { title: node.record.whoAmI.label, key: node.record.id, children: children !== null && children !== void 0 ? children : [] })
+        ];
+    }, []);
+    const treeData = [
+        Object.assign(Object.assign({}, nodesProps), { title: localizedTranslation(attribute.linked_tree.label, lang), key: attribute.linked_tree.id, children: pathToValue })
+    ];
+    return _jsx(MyTree, { showIcon: false, treeData: treeData, defaultExpandAll: true }, value.id_value);
+}
+export default TreeValuePath;
+//# sourceMappingURL=TreeValuePath.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeValuePath.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/ValueDetails/TreeValuePath/TreeValuePath.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,IAAI,EAAC,MAAM,MAAM,CAAC;AAE1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,0BAA0B,CAAC;AACnD,OAAO,OAAO,MAAM,8BAA8B,CAAC;AASnD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;4BAEC,SAAS,CAAC,WAAW;;CAEhD,CAAC;AAEF,SAAS,aAAa,CAAC,EAAC,KAAK,EAAE,SAAS,EAAsB;;IAC1D,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,SAAS,CAAC,SAAS,mCAAI,EAAE,CAAC;IAEtD,MAAM,UAAU,GAAsB;QAClC,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;KACpB,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,GAAG,aAAa,CAAC,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC,QAAoB,EAAE,IAAI,EAAc,EAAE;QAC/F,OAAO;4CAEI,UAAU,KACb,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC/B,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EACnB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;SAE/B,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,QAAQ,GAAG;wCAEN,UAAU,KACb,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,EAC9D,GAAG,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,EAC7B,QAAQ,EAAE,WAAW;KAE5B,CAAC;IAEF,OAAO,KAAC,MAAM,IAAsB,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,UAArE,KAAK,CAAC,QAAQ,CAA0D,CAAC;AACjG,CAAC;AAED,eAAe,aAAa,CAAC"}

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/TreeValuePath/index.d.ts

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

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/TreeValuePath/index.js

@@ -0,0 +1,6 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import TreeValuePath from './TreeValuePath';
+export default TreeValuePath;
+//# sourceMappingURL=index.js.map

package/dist/components/RecordEdition/EditRecordSidebar/ValueDetails/TreeValuePath/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/RecordEdition/EditRecordSidebar/ValueDetails/TreeValuePath/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { RecordFormAttributeFragment } from '../../../../_gqlTypes';
+import { RecordProperty } from '../../../../_queries/records/getRecordPropertiesQuery';
+import { MetadataSubmitValueFunc } from '../../EditRecord/_types';
+interface IValueDetailsProps {
+    attribute: RecordFormAttributeFragment;
+    onMetadataSubmit: MetadataSubmitValueFunc;
+    value: RecordProperty;
+}
+declare function ValueDetails({ attribute, value, onMetadataSubmit }: IValueDetailsProps): JSX.Element;
+export default ValueDetails;

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

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { CloseOutlined } from '@ant-design/icons';
+import { isTypeStandard, localizedTranslation } from '@leav/utils';
+import { Collapse, Divider } from 'antd';
+import styled from 'styled-components';
+import { useSharedTranslation } from '_ui/hooks/useSharedTranslation';
+import useLang from '../../../../hooks/useLang';
+import { AttributeType } from '../../../../_gqlTypes';
+import { EditRecordReducerActionsTypes } from '../../editRecordModalReducer/editRecordModalReducer';
+import { useEditRecordModalReducer } from '../../editRecordModalReducer/useEditRecordModalReducer';
+import AttributeDetails from './AttributeDetails';
+import TreeValuePath from './TreeValuePath';
+import ValueInfo from './ValueInfo';
+import ValueMetadata from './ValueMetadata';
+const AttributeTitle = styled.div `
+    padding: 1rem;
+
+    .attribute-label {
+        font-weight: bold;
+    }
+`;
+const AttributeDescription = styled.div `
+    color: rgba(0, 0, 0, 0.5);
+    padding: 0 1rem;
+`;
+const CloseButton = styled(CloseOutlined) `
+    cursor: pointer;
+    position: absolute;
+    right: 1em;
+    top: 1em;
+`;
+const { Panel } = Collapse;
+function ValueDetails({ attribute, value, onMetadataSubmit }) {
+    var _a;
+    const { lang } = useLang();
+    const { t } = useSharedTranslation();
+    const { state, dispatch } = useEditRecordModalReducer();
+    const _handleClose = () => dispatch({ type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE, value: null });
+    const metadataFields = ((_a = attribute === null || attribute === void 0 ? void 0 : attribute.metadata_fields) !== null && _a !== void 0 ? _a : []).filter(field => field.permissions.access_attribute);
+    const hasMetadata = metadataFields.length > 0 && value !== null;
+    const collapseItems = [];
+    if (hasMetadata) {
+        collapseItems.push({
+            key: 'metadata',
+            label: isTypeStandard(attribute.type)
+                ? t('record_edition.metadata_section')
+                : t('record_edition.metadata_section_link'),
+            children: _jsx(ValueMetadata, { value: value, attribute: attribute, onMetadataSubmit: onMetadataSubmit })
+        });
+    }
+    if (attribute.type === AttributeType.tree && value) {
+        collapseItems.push({
+            key: 'path',
+            label: t('record_edition.path_section'),
+            children: (_jsx(TreeValuePath, { value: value, attribute: attribute }))
+        });
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(CloseButton, { onClick: _handleClose }), _jsxs(AttributeTitle, { children: [t('record_edition.attribute.info_title'), ":", _jsx("span", Object.assign({ className: "attribute-label" }, { children: localizedTranslation(attribute.label, lang) }))] }), _jsx(AttributeDescription, { children: localizedTranslation(attribute.description, lang) }), _jsx(AttributeDetails, { attribute: attribute }), _jsx(Divider, { style: { margin: '.5em 0' } }), _jsx(ValueInfo, {}), _jsx(Collapse, { items: collapseItems, bordered: false, defaultActiveKey: ['value', 'metadata'], style: { background: 'none' }, destroyInactivePanel: true })] }));
+}
+export default ValueDetails;
+//# sourceMappingURL=ValueDetails.js.map

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

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