@leav/ui 0.4.0-68fec6f → 0.4.0-698ea537

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useLinkRecords.d.ts

@@ -0,0 +1,24 @@
+import { Explorer } from '../../../../../../components/Explorer';
+import { ComponentProps, Dispatch, SetStateAction } from 'react';
+import { DeleteMultipleValuesFunc } from '../../../_types';
+import { JoinLibraryContextFragment, RecordFormAttributeLinkAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueLinkValue } from '../../../../../../hooks/useGetRecordForm';
+interface ILinkRecords {
+    libraryId: string;
+    recordId: string;
+    isFormCreationMode: boolean;
+    attribute: RecordFormAttributeLinkAttributeFragment;
+    joinLibraryContext: JoinLibraryContextFragment;
+    columnsToDisplay: ComponentProps<typeof Explorer>['defaultViewSettings']['attributesIds'];
+    backendValues: RecordFormElementsValueLinkValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueLinkValue[]>>;
+    isReadOnly: boolean;
+    isFieldInError: boolean;
+    hasNoValue: boolean;
+    onDeleteMultipleValues: DeleteMultipleValuesFunc;
+}
+export declare const useLinkRecords: ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }: ILinkRecords) => {
+    UnlinkAllRecords: JSX.Element;
+    LinkRecordsExplorer: JSX.Element;
+};
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useLinkRecords.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 { Explorer } from '../../../../../../components/Explorer';
+import { useEffect, useState } from 'react';
+import { ExplorerWrapper } from '../shared/ExplorerWrapper';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { AntForm, KitSpace } from 'aristid-ds';
+import { useExplorerLinkRecords } from './useExplorerLinkRecords';
+import { FaList } from 'react-icons/fa';
+import { ActionButton } from './ActionButton';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+const _shouldUpdateExplorerActions = (ref, explorerActions) => ref?.createAction?.disabled !== explorerActions?.createAction?.disabled ||
+    ref?.linkAction?.disabled !== explorerActions?.linkAction?.disabled ||
+    ref?.totalCount !== explorerActions?.totalCount;
+export const useLinkRecords = ({ libraryId, recordId, isFormCreationMode, attribute, joinLibraryContext, columnsToDisplay, backendValues, setBackendValues, isReadOnly, isFieldInError, hasNoValue, onDeleteMultipleValues }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    const [explorerActions, setExplorerActions] = useState(null);
+    const { handleDeleteAllValues, handleExplorerCreateValue, handleExplorerLinkValue, handleExplorerMassDeactivateValues, handleExplorerRemoveValue } = useExplorerLinkRecords({
+        attribute,
+        backendValues,
+        setBackendValues,
+        onDeleteMultipleValues
+    });
+    const _handleExplorerRef = (ref) => {
+        if (_shouldUpdateExplorerActions(ref, explorerActions)) {
+            setExplorerActions({
+                createAction: ref?.createAction,
+                linkAction: ref?.linkAction,
+                totalCount: ref?.totalCount
+            });
+        }
+    };
+    const _getExplorerItemActions = () => {
+        if (isReadOnly) {
+            return [];
+        }
+        if ((!attribute.multiple_values && attribute.required) ||
+            (attribute.multiple_values && backendValues.length === 1 && attribute.required)) {
+            return ['edit'];
+        }
+        return ['edit', 'remove'];
+    };
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            form.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
+    return {
+        UnlinkAllRecords: backendValues.length > 1 && attribute.multiple_values && !attribute.required && (_jsx(DeleteAllValuesButton, { handleDelete: handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError })),
+        LinkRecordsExplorer: recordId && (_jsxs(_Fragment, { children: [_jsx(ExplorerWrapper, { children: _jsx(Explorer, { ref: _handleExplorerRef, defaultViewSettings: {
+                            attributesIds: columnsToDisplay
+                        }, entrypoint: {
+                            type: 'link',
+                            parentLibraryId: libraryId,
+                            parentRecordId: recordId,
+                            linkAttributeId: attribute.id
+                        }, defaultCallbacks: {
+                            item: {
+                                remove: handleExplorerRemoveValue
+                            },
+                            mass: {
+                                deactivate: handleExplorerMassDeactivateValues
+                            },
+                            primary: {
+                                link: handleExplorerLinkValue,
+                                create: handleExplorerCreateValue
+                            }
+                        }, showTitle: false, showSearch: false, selectionMode: attribute.multiple_values ? 'multiple' : 'simple', disableSelection: isReadOnly ||
+                            !attribute.multiple_values ||
+                            (attribute.required && attribute.multiple_values && backendValues.length === 1), defaultActionsForItem: _getExplorerItemActions(), joinLibraryContext: joinLibraryContext, hidePrimaryActions: true, hideTableHeader: true, iconsOnlyItemActions: true }) }), _jsxs(KitSpace, { size: "xs", style: { padding: '1rem' }, children: [_jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: explorerActions?.createAction?.icon, disabled: isReadOnly || explorerActions?.createAction?.disabled, onClick: explorerActions?.createAction?.callback, children: explorerActions?.createAction?.label }), _jsx(ActionButton, { type: "secondary", size: "m", "$hasNoValue": hasNoValue, icon: _jsx(FaList, {}), disabled: isReadOnly || (attribute.multiple_values && explorerActions?.linkAction?.disabled), onClick: explorerActions?.linkAction?.callback, children: explorerActions?.linkAction?.label })] })] }))
+    };
+};
+//# sourceMappingURL=useLinkRecords.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/link-record/useLinkRecords.js.map

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

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.d.ts

@@ -0,0 +1,265 @@
+export declare const ExplorerWrapper: import("styled-components").IStyledComponent<"web", {
+    ref?: import("react").LegacyRef<HTMLDivElement>;
+    key?: import("react").Key | null | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | ReadonlyArray<string> | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoFocus?: boolean | undefined;
+    className?: string | 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;
+    style?: import("react").CSSProperties | 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>;
+}>;

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.js

@@ -0,0 +1,13 @@
+// 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 styled from 'styled-components';
+import { INPUT_MAX_HEIGHT } from '../../../formConstants';
+export const ExplorerWrapper = styled.div `
+    max-height: ${INPUT_MAX_HEIGHT};
+
+    > div {
+        max-height: ${INPUT_MAX_HEIGHT};
+    }
+`;
+//# sourceMappingURL=ExplorerWrapper.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplorerWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/ExplorerWrapper.tsx"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AAExD,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;kBACvB,gBAAgB;;;sBAGZ,gBAAgB;;CAErC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.d.ts

@@ -0,0 +1,4 @@
+import { IExplorerFilterStandard } from '../../../../../../components/Explorer/_types';
+export declare const FILTER_ON_ID_DEFAULT_FIELDS: Omit<IExplorerFilterStandard, 'value'>;
+export declare const NO_RECORD_FILTERS: IExplorerFilterStandard[];
+export declare const ACTION_ITEM_EMPTY_LABEL = "";

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.js

@@ -0,0 +1,23 @@
+// 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 { AttributeFormat, AttributeType, RecordFilterCondition } from '../../../../../../_gqlTypes';
+export const FILTER_ON_ID_DEFAULT_FIELDS = {
+    id: '',
+    attribute: {
+        format: AttributeFormat.text,
+        label: 'id',
+        id: 'id',
+        type: AttributeType.simple
+    },
+    field: 'id',
+    condition: RecordFilterCondition.EQUAL
+};
+export const NO_RECORD_FILTERS = [
+    {
+        ...FILTER_ON_ID_DEFAULT_FIELDS,
+        value: 'NO_RECORD'
+    }
+];
+export const ACTION_ITEM_EMPTY_LABEL = '';
+//# sourceMappingURL=utils.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/LinkField/shared/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,aAAa,EAAE,qBAAqB,EAAC,MAAM,eAAe,CAAC;AAGpF,MAAM,CAAC,MAAM,2BAA2B,GAA2C;IAC/E,EAAE,EAAE,EAAE;IACN,SAAS,EAAE;QACP,MAAM,EAAE,eAAe,CAAC,IAAI;QAC5B,KAAK,EAAE,IAAI;QACX,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,aAAa,CAAC,MAAM;KAC7B;IACD,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,qBAAqB,CAAC,KAAK;CACzC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAA8B;IACxD;QACI,GAAG,2BAA2B;QAC9B,KAAK,EAAE,WAAW;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,EAAE,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/StandardField/StandardField.js

@@ -13,20 +13,22 @@ import { Form } from 'antd';
 import { KitButton, KitInputWrapper, KitTooltip } from 'aristid-ds';
 import { useLang } from '../../../../../hooks';
 import { FaPlus, FaTrash } from 'react-icons/fa';
-import { DeleteAllValuesButton } from './DeleteAllValuesButton';
-import { computeCalculatedFlags, computeInheritedFlags } from './calculatedInheritedFlags';
+import { DeleteAllValuesButton } from '../shared/DeleteAllValuesButton';
+import { computeCalculatedFlags, computeInheritedFlags } from '../shared/calculatedInheritedFlags';
 import { useGetPresentationValues } from './useGetPresentationValues';
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { ComputeIndicator } from './ComputeIndicator';
 import { getAntdDisplayedValue, getEmptyInitialValue } from '../../antdUtils';
 import { useEditRecordReducer } from '../../../../../components/RecordEdition/editRecordReducer/useEditRecordReducer';
+import { STANDARD_FIELD_ID_PREFIX } from '../../../../../constants';
+import { ComputeIndicator } from '../shared/ComputeIndicator';
+import { useOutsideInteractionDetector } from '../shared/useOutsideInteractionDetector';
 import { EditRecordReducerActionsTypes } from '../../../../../components/RecordEdition/editRecordReducer/editRecordReducer';
-import { EDIT_RECORD_SIDEBAR_ID, STANDARDFIELD_ID_PREFIX } from '../../../../../constants';
+import { INPUT_MAX_HEIGHT } from '../../formConstants';
 const Wrapper = styled.div `
     margin-bottom: ${props => (props.$metadataEdit ? 0 : '1.5em')};
 `;
 const KitFieldsWrapper = styled.div `
-    max-height: 322px;
+    max-height: ${INPUT_MAX_HEIGHT};
     overflow-y: scroll;
 `;
 const RowValueWrapper = styled.div `
@@ -56,9 +58,9 @@ const KitAddValueButton = styled(KitButton) `
     margin-top: calc((var(--general-spacing-xs) - 3) * 1px);
     margin-bottom: 3px;
 `;
-const StandardField = ({ element, computedValues, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
+const StandardField = ({ element, computedValues, isFormCreationMode, antdForm, readonly, onValueSubmit, onValueDelete, onDeleteMultipleValues, metadataEdit = false }) => {
     const { t } = useSharedTranslation();
-    const { lang: availableLang } = useLang();
+    const { lang } = useLang();
     const antdListFieldsRef = useRef(null);
     const { attribute } = element;
     useEffect(() => {
@@ -71,37 +73,10 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
         return _jsx(ErrorDisplay, { message: t('record_edition.missing_attribute') });
     }
     const { state, dispatch } = useEditRecordReducer();
-    useEffect(() => {
-        const _handleClickOutside = (event) => {
-            if (state.activeAttribute?.attribute?.id !== attribute.id) {
-                return;
-            }
-            const target = event.target;
-            const sideBarSelector = '#' + EDIT_RECORD_SIDEBAR_ID;
-            const inputWrapperSelector = '#' + STANDARDFIELD_ID_PREFIX + attribute.id;
-            const colorDropdownSelector = '.ant-popover.ant-color-picker';
-            const pickerDropdownSelector = '.ant-picker-dropdown';
-            const richTextModalSelector = '.kit-modal-wrapper.link-modal';
-            const allowedElementsToKeepValueDetailsDisplayed = target.closest(`${sideBarSelector}, ${inputWrapperSelector}, ${colorDropdownSelector}, ${pickerDropdownSelector}, ${richTextModalSelector}`);
-            if (!allowedElementsToKeepValueDetailsDisplayed) {
-                dispatch({
-                    type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-                    attribute: null
-                });
-            }
-        };
-        document.addEventListener('mousedown', _handleClickOutside);
-        return () => {
-            document.removeEventListener('mousedown', _handleClickOutside);
-        };
-    }, [state.activeAttribute, attribute.id, dispatch]);
     const [backendValues, setBackendValues] = useState(element.values);
     const calculatedFlags = computeCalculatedFlags(backendValues);
     const inheritedFlags = computeInheritedFlags(backendValues);
     const defaultValueToAddInAntdForm = getEmptyInitialValue(attribute);
-    const backendWithoutCalculatedOrInheritedValues = backendValues
-        .filter(backendValue => !backendValue.isCalculated && !backendValue.isInherited)
-        .sort((a, b) => Number(a.id_value) - Number(b.id_value));
     useEffect(() => {
         if (state.activeAttribute?.attribute.id === attribute.id) {
             dispatch({
@@ -110,6 +85,22 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
             });
         }
     }, [backendValues]);
+    useEffect(() => {
+        if (!isFormCreationMode && backendValues.length === 0 && attribute.required) {
+            antdForm.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, []);
+    useOutsideInteractionDetector({
+        attribute,
+        activeAttribute: state.activeAttribute,
+        attributePrefix: STANDARD_FIELD_ID_PREFIX,
+        dispatch,
+        backendValues,
+        allowedSelectors: ['.ant-popover.ant-color-picker', '.ant-picker-dropdown', '.kit-modal-wrapper.link-modal']
+    });
+    const backendWithoutCalculatedOrInheritedValues = backendValues
+        .filter(backendValue => !backendValue.isCalculated && !backendValue.isInherited)
+        .sort((a, b) => Number(a.id_value) - Number(b.id_value));
     const { presentationValues } = useGetPresentationValues({
         //TODO fix type
         values: backendWithoutCalculatedOrInheritedValues,
@@ -117,7 +108,7 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
         calculatedValue: calculatedFlags.calculatedValue,
         inheritedValue: inheritedFlags.inheritedValue
     });
-    const _handleSubmit = (idValue, fieldName) => async (valueToSave) => {
+    const _handleSubmit = (idValue, fieldName, submittedFieldIndex) => async (valueToSave) => {
         const shouldSpecifyFieldName = attribute.multiple_values && fieldName !== undefined;
         const name = shouldSpecifyFieldName ? [attribute.id, fieldName] : attribute.id;
         if (antdForm) {
@@ -130,6 +121,10 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
         }
         let submitRes;
         if (attribute.multiple_values) {
+            if (valueToSave === '') {
+                _handleDeleteValue(idValue, submittedFieldIndex);
+                return;
+            }
             submitRes = await onValueSubmit([{ value: valueToSave, idValue: idValue ?? null, attribute }], null);
             if (submitRes.status === APICallStatus.SUCCESS) {
                 setBackendValues(previousBackendValues => {
@@ -191,12 +186,15 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
         }
         return submitRes;
     };
-    const _handleDeleteValue = async (idValue, antdRemove, deletedFieldIndex) => {
+    const _handleDeleteValue = async (idValue, deletedFieldIndex) => {
         if (idValue) {
             await onValueDelete({ id_value: idValue }, attribute.id);
             setBackendValues(previousBackendValues => previousBackendValues.filter(backendValue => backendValue.id_value !== idValue));
         }
-        antdRemove(deletedFieldIndex);
+        antdListFieldsRef.current.remove(deletedFieldIndex);
+        if (backendWithoutCalculatedOrInheritedValues.length === 1) {
+            antdListFieldsRef.current.add(defaultValueToAddInAntdForm);
+        }
     };
     const _handleDeleteAllValues = async () => {
         const deleteRes = await onDeleteMultipleValues(attribute.id, backendValues.filter(b => b.id_value), null);
@@ -207,13 +205,6 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
             return;
         }
     };
-    const setActiveValue = () => {
-        dispatch({
-            type: EditRecordReducerActionsTypes.SET_ACTIVE_VALUE,
-            attribute,
-            values: backendValues
-        });
-    };
     let isFieldInError = false;
     if (antdForm) {
         const hasErrorsInFormList = backendValues.some((_, index) => {
@@ -231,17 +222,18 @@ const StandardField = ({ element, computedValues, antdForm, readonly, onValueSub
         !isFieldInError &&
         attribute.format !== AttributeFormat.boolean &&
         attribute.format !== AttributeFormat.encrypted;
-    const canDeleteAllValues = !readonly && hasValue && backendValues.length > 1 && !attribute.required;
-    const label = localizedTranslation(element.settings.label, availableLang);
-    const isReadOnly = attribute.readonly || readonly;
-    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsxs(KitInputWrapperStyled, { id: STANDARDFIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, disabled: isReadOnly, bordered: attribute.multiple_values, status: isFieldInError ? 'error' : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), canDeleteAllValues && _jsx(DeleteAllValuesButton, { handleDelete: _handleDeleteAllValues })] }), htmlFor: attribute.id, children: [!attribute.multiple_values && (_jsx(StandardFieldValue, { presentationValue: presentationValues[0] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[0]?.id_value), attribute: attribute, readonly: isReadOnly, label: label, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, setActiveValue: setActiveValue })), attribute.multiple_values && (_jsx(Form.List, { name: attribute.id, children: (fields, { add, remove }) => {
-                        antdListFieldsRef.current = { add, remove, indexes: fields.map((_, index) => index) };
-                        const shouldDisabledAddValueButton = fields.length > backendWithoutCalculatedOrInheritedValues.length;
-                        return (_jsxs(_Fragment, { children: [_jsx(KitFieldsWrapper, { children: fields.map((field, index) => (_jsxs(RowValueWrapper, { children: [_jsx(StandardFieldValueWrapper, { children: _jsx(StandardFieldValue, { listField: field, presentationValue: presentationValues[index] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[index]?.id_value, field.name), attribute: attribute, label: label, readonly: isReadOnly, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, isLastValueOfMultivalues: index === fields.length - 1 && index !== 0, removeLastValueOfMultivalues: () => remove(index), setActiveValue: setActiveValue }) }), fields.length > 1 && (_jsx(KitDeleteValueButton, { type: "tertiary", title: t('record_edition.delete_value'), icon: _jsx(FaTrash, {}), onClick: () => _handleDeleteValue(backendWithoutCalculatedOrInheritedValues[index]
-                                                    ?.id_value, remove, index) }))] }, field.key))) }), canAddAnotherValue && (_jsx(KitTooltip, { title: shouldDisabledAddValueButton
-                                        ? t('record_edition.please_select_value_before_adding')
-                                        : undefined, children: _jsx(KitAddValueButton, { type: "secondary", size: "m", icon: _jsx(FaPlus, {}), onClick: () => add(defaultValueToAddInAntdForm), disabled: shouldDisabledAddValueButton, children: t('record_edition.add_value') }) }))] }));
-                    } }))] }) }));
+    const canDeleteAllValues = !attribute.required && hasValue && backendValues.length > 1;
+    const canDeleteSingleValue = !attribute.required || (attribute.required && backendWithoutCalculatedOrInheritedValues.length > 1);
+    const label = localizedTranslation(element.settings.label, lang);
+    const isReadOnly = attribute.readonly || !attribute.permissions.edit_value || readonly;
+    return (_jsx(Wrapper, { "$metadataEdit": metadataEdit, children: _jsx(KitInputWrapperStyled, { id: STANDARD_FIELD_ID_PREFIX + attribute.id, label: label, required: attribute.required, disabled: isReadOnly, bordered: attribute.multiple_values, status: isFieldInError ? 'error' : undefined, extra: _jsxs(_Fragment, { children: [_jsx(KitInputExtraAlignLeft, { children: _jsx(ComputeIndicator, { calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags }) }), canDeleteAllValues && (_jsx(DeleteAllValuesButton, { handleDelete: _handleDeleteAllValues, disabled: isReadOnly, danger: isFieldInError }))] }), htmlFor: attribute.id, children: attribute.multiple_values ? (_jsx(Form.List, { name: attribute.id, children: (fields, { add, remove }) => {
+                    antdListFieldsRef.current = { add, remove, indexes: fields.map((_, index) => index) };
+                    const shouldDisabledAddValueButton = fields.length > backendWithoutCalculatedOrInheritedValues.length;
+                    return (_jsxs(_Fragment, { children: [_jsx(KitFieldsWrapper, { children: fields.map((field, index) => (_jsxs(RowValueWrapper, { children: [_jsx(StandardFieldValueWrapper, { children: _jsx(StandardFieldValue, { listField: field, presentationValue: presentationValues[index] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[index]?.id_value, field.name, index), attribute: attribute, label: label, readonly: isReadOnly, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags, isLastValueOfMultivalues: index === fields.length - 1 && index !== 0, removeLastValueOfMultivalues: () => remove(index) }) }), canDeleteSingleValue && (_jsx(KitDeleteValueButton, { type: "tertiary", title: t('record_edition.delete_value'), icon: _jsx(FaTrash, {}), disabled: isReadOnly, onClick: () => _handleDeleteValue(backendWithoutCalculatedOrInheritedValues[index]
+                                                ?.id_value, index) }))] }, field.key))) }), canAddAnotherValue && (_jsx(KitTooltip, { title: shouldDisabledAddValueButton
+                                    ? t('record_edition.please_select_value_before_adding')
+                                    : undefined, children: _jsx(KitAddValueButton, { type: "secondary", size: "m", icon: _jsx(FaPlus, {}), onClick: () => add(defaultValueToAddInAntdForm), disabled: isReadOnly || shouldDisabledAddValueButton, children: t('record_edition.add_value') }) }))] }));
+                } })) : (_jsx(StandardFieldValue, { presentationValue: presentationValues[0] ?? '', handleSubmit: _handleSubmit(backendWithoutCalculatedOrInheritedValues[0]?.id_value), attribute: attribute, readonly: isReadOnly, label: label, calculatedFlags: calculatedFlags, inheritedFlags: inheritedFlags })) }) }));
 };
 export default StandardField;
 //# sourceMappingURL=StandardField.js.map