@leav/ui 0.4.0-c5a6936 → 0.4.0-c689c2a2

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.d.ts

@@ -0,0 +1,265 @@
+export declare const TreeFieldWrapper: 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/TreeField/display-tree-node/TreeFieldWrapper.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 TreeFieldWrapper = styled.div `
+    max-height: ${INPUT_MAX_HEIGHT};
+    overflow-y: scroll;
+    display: flex;
+    flex-direction: column;
+    gap: calc((var(--general-spacing-xxs)) * 1px);
+`;
+//# sourceMappingURL=TreeFieldWrapper.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeFieldWrapper.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeFieldWrapper.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,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;kBACxB,gBAAgB;;;;;CAKjC,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.d.ts

@@ -0,0 +1,11 @@
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+interface IUseTreeNodeItemProps {
+    color?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['color'];
+    label?: RecordFormElementsValueTreeValue['treeValue']['record']['whoAmI']['label'];
+    ancestors?: RecordFormElementsValueTreeValue['treeValue']['ancestors'];
+    canDelete?: boolean;
+    onClickToDelete?: (node: RecordFormElementsValueTreeValue) => void;
+    isReadOnly?: boolean;
+}
+declare const TreeNodeItem: ({ color, label, ancestors, canDelete, onClickToDelete, isReadOnly }: IUseTreeNodeItemProps) => JSX.Element;
+export default TreeNodeItem;

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { KitAvatar, KitBreadcrumb, KitIdCard, KitItemList, KitSpace } from 'aristid-ds';
+import { FaTrash } from 'react-icons/fa';
+import styled from 'styled-components';
+const KitItemListStyled = styled(KitItemList) `
+    border: none;
+    padding: 0;
+
+    &:hover:not(.kit-item-list-disabled) {
+        box-shadow: none;
+    }
+`;
+const KitBreadcrumbStyled = styled(KitBreadcrumb) `
+    &.ant-breadcrumb {
+        li:last-child .ant-breadcrumb-link {
+            color: var(--general-utilities-text-primary);
+        }
+
+        a {
+            cursor: initial;
+            pointer-events: none;
+
+            &:hover {
+                background-color: initial;
+                cursor: initial;
+                pointer-events: none;
+            }
+        }
+    }
+`;
+const BREADCRUMB_SEPARATOR = '>';
+const NOT_FOCUSABLE = -1;
+const TreeNodeItem = ({ color, label, ancestors, canDelete, onClickToDelete, isReadOnly }) => {
+    const { t } = useSharedTranslation();
+    return (_jsx(KitItemListStyled, { tabIndex: NOT_FOCUSABLE, disabled: isReadOnly, idCardSubstitute: _jsxs(KitSpace, { direction: "horizontal", children: [_jsx(KitAvatar, { color: color, label: label, shape: "square" }), _jsxs(KitSpace, { direction: "vertical", size: "none", children: [_jsx(KitIdCard, { title: label }), _jsx(KitBreadcrumbStyled, { items: ancestors?.map(ancestor => ({
+                                title: ancestor.record.whoAmI.label
+                            })), separator: BREADCRUMB_SEPARATOR })] })] }), actions: canDelete
+            ? [
+                {
+                    key: 'delete',
+                    icon: _jsx(FaTrash, {}),
+                    label: t('global.delete'),
+                    title: t('global.delete'),
+                    onClick: onClickToDelete
+                }
+            ]
+            : undefined }));
+};
+export default TreeNodeItem;
+//# sourceMappingURL=TreeNodeItem.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeItem.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeItem.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,MAAM,YAAY,CAAC;AACtF,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,CAAA;;;;;;;CAO5C,CAAC;AAEF,MAAM,mBAAmB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA;;;;;;;;;;;;;;;;;CAiBhD,CAAC;AAEF,MAAM,oBAAoB,GAAG,GAAG,CAAC;AAEjC,MAAM,aAAa,GAAG,CAAC,CAAC,CAAC;AAWzB,MAAM,YAAY,GAAG,CAAC,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAwB,EAAE,EAAE;IAC9G,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,iBAAiB,IACd,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,UAAU,EACpB,gBAAgB,EACZ,MAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,aAC5B,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,GAAG,EACxD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,SAAS,IAAC,KAAK,EAAE,KAAK,GAAI,EAC3B,KAAC,mBAAmB,IAChB,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;gCAC/B,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK;6BACtC,CAAC,CAAC,EACH,SAAS,EAAE,oBAAoB,GACjC,IACK,IACJ,EAEf,OAAO,EACH,SAAS;YACL,CAAC,CAAC;gBACI;oBACI,GAAG,EAAE,QAAQ;oBACb,IAAI,EAAE,KAAC,OAAO,KAAG;oBACjB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC;oBACzB,OAAO,EAAE,eAAe;iBAC3B;aACJ;YACH,CAAC,CAAC,SAAS,GAErB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.d.ts

@@ -0,0 +1,11 @@
+import { type FunctionComponent } from 'react';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+interface IDisplayTreeNodeProps {
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    backendValues: RecordFormElementsValueTreeValue[];
+    removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue) => void;
+    isReadOnly: boolean;
+}
+export declare const TreeNodeList: FunctionComponent<IDisplayTreeNodeProps>;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import TreeNodeItem from './TreeNodeItem';
+import { TreeFieldWrapper } from './TreeFieldWrapper';
+export const TreeNodeList = ({ attribute, backendValues, removeTreeNode, isReadOnly }) => (_jsx(TreeFieldWrapper, { children: backendValues.map((value, index) => (_jsx(TreeNodeItem, { isReadOnly: isReadOnly, color: value.treeValue.record.whoAmI.color, label: value.treeValue.record.whoAmI.label, ancestors: value.treeValue.ancestors, canDelete: (attribute.required && attribute.multiple_values && backendValues.length > 1) || !attribute.required, onClickToDelete: () => removeTreeNode(value) }, index))) }));
+//# sourceMappingURL=TreeNodeList.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeNodeList.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/display-tree-node/TreeNodeList.tsx"],"names":[],"mappings":";AAMA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AASpD,MAAM,CAAC,MAAM,YAAY,GAA6C,CAAC,EACnE,SAAS,EACT,aAAa,EACb,cAAc,EACd,UAAU,EACb,EAAE,EAAE,CAAC,CACF,KAAC,gBAAgB,cACZ,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,KAAC,YAAY,IAET,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAC1C,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,SAAS,EACpC,SAAS,EACL,CAAC,SAAS,CAAC,QAAQ,IAAI,SAAS,CAAC,eAAe,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,EAExG,eAAe,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IARvC,KAAK,CASZ,CACL,CAAC,GACa,CACtB,CAAC"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.d.ts

@@ -0,0 +1,27 @@
+import { FunctionComponent } from 'react';
+import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { ITreeNodeWithRecord } from '../../../../../../types';
+type SelectTreeNodeModalBackendValue = RecordFormElementsValueTreeValue | {
+    treeValue: {
+        id: string;
+    };
+};
+type SelectTreeNodeModalAttribute = RecordFormAttributeTreeAttributeFragment | {
+    multiple_values: boolean;
+    linked_tree: {
+        id: string;
+    };
+};
+interface ISelectTreeNodeModalProps {
+    title: string;
+    open: boolean;
+    attribute: SelectTreeNodeModalAttribute;
+    backendValues: SelectTreeNodeModalBackendValue[];
+    onConfirm: (selectedNodes: ITreeNodeWithRecord[]) => void;
+    onClose: () => void;
+    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
+    className?: string;
+}
+export declare const SelectTreeNodeModal: FunctionComponent<ISelectTreeNodeModalProps>;
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, 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 { FaCheck } from 'react-icons/fa';
+import { faXmark } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { KitButton, KitModal } from 'aristid-ds';
+import { SelectTreeNode } from '../../../../../../components/SelectTreeNode';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+const SELECT_TREE_NODE_MODAL_HEIGHT = '563px';
+const SELECT_TREE_NODE_MODAL_WIDTH = '656px';
+export const SelectTreeNodeModal = ({ title, open, attribute, backendValues, onConfirm, onClose, childrenAsRecordValuePermissionFilter, className }) => {
+    const { t } = useSharedTranslation();
+    const [selectedNodes, setSelectedNode] = useState([]);
+    const [isMonoValueToReplace, setIsMonoValueToReplace] = useState(false);
+    const _handleOnSelect = (node, selected) => {
+        if (!attribute.multiple_values) {
+            setSelectedNode(selected ? [node] : []);
+            setIsMonoValueToReplace(true);
+            return;
+        }
+        if (selected) {
+            setSelectedNode([...selectedNodes, node]);
+        }
+        else {
+            setSelectedNode(selectedNodes.filter(selectedValue => selectedValue.id !== node.id));
+        }
+    };
+    const _handleOnConfirm = () => {
+        onConfirm(selectedNodes);
+        onClose();
+    };
+    return (_jsx(KitModal, { className: className, showCloseIcon: true, width: SELECT_TREE_NODE_MODAL_WIDTH, height: SELECT_TREE_NODE_MODAL_HEIGHT, title: title, isOpen: open, close: onClose, footer: _jsxs(_Fragment, { children: [_jsx(KitButton, { icon: 
+                    // We can't used react-icons here because it's doesn't have the faXmark icon
+                    _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: onClose, children: t('global.close') }), _jsx(KitButton, { type: "primary", icon: _jsx(FaCheck, {}), onClick: _handleOnConfirm, children: t('global.confirm') })] }), children: _jsx(SelectTreeNode, { treeId: attribute.linked_tree.id, multiple // We want to be able to set as selected in the tree components, the nodes that are already selected and the disabled nodes
+            : true, selectedNodes: [
+                ...selectedNodes.map(node => node.id),
+                ...(isMonoValueToReplace ? [] : backendValues.map(value => value.treeValue.id))
+            ], childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter, disabledNodes: backendValues.map(value => value.treeValue.id).concat(attribute.linked_tree.id), onSelect: _handleOnSelect }) }));
+};
+//# sourceMappingURL=SelectTreeNodeModal.js.map

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectTreeNodeModal.js","sourceRoot":"","sources":["../../../../../../../src/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/SelectTreeNodeModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.d.ts

@@ -0,0 +1,25 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ChildrenAsRecordValuePermissionFilterInput, RecordFormAttributeTreeAttributeFragment } from '../../../../../../_gqlTypes';
+import { RecordFormElementsValueTreeValue } from '../../../../../../hooks/useGetRecordForm';
+import { DeleteMultipleValuesFunc, DeleteValueFunc, SubmitValueFunc } from '../../../_types';
+interface IUseManageTreeNodeSelectionProps {
+    modaleTitle: string;
+    attribute: RecordFormAttributeTreeAttributeFragment;
+    isFormCreationMode: boolean;
+    backendValues: RecordFormElementsValueTreeValue[];
+    setBackendValues: Dispatch<SetStateAction<RecordFormElementsValueTreeValue[]>>;
+    onValueSubmit: SubmitValueFunc;
+    onValueDelete: DeleteValueFunc;
+    onDeleteMultipleValues: DeleteMultipleValuesFunc;
+    isReadOnly: boolean;
+    isFieldInError: boolean;
+    childrenAsRecordValuePermissionFilter?: ChildrenAsRecordValuePermissionFilterInput;
+}
+export declare const useManageTreeNodeSelection: ({ modaleTitle, attribute, isFormCreationMode, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }: IUseManageTreeNodeSelectionProps) => {
+    openModal: () => void;
+    removeTreeNode: (nodeValue: RecordFormElementsValueTreeValue, skipAfterRemove?: boolean) => Promise<void>;
+    actionButtonLabel: string;
+    SelectTreeNodeModal: JSX.Element;
+    RemoveAllTreeNodes: JSX.Element;
+};
+export {};

package/dist/components/RecordEdition/EditRecordContent/uiElements/TreeField/manage-tree-node-selection/useManageTreeNodeSelection.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useEffect, useState } from 'react';
+import { AntForm } from 'aristid-ds';
+import { arrayValueVersionToObject } from '../../../../../../_utils';
+import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
+import { APICallStatus } from '../../../_types';
+import { DeleteAllValuesButton } from '../../shared/DeleteAllValuesButton';
+import { SelectTreeNodeModal } from './SelectTreeNodeModal';
+import { Form } from 'antd';
+export const useManageTreeNodeSelection = ({ modaleTitle, attribute, isFormCreationMode, backendValues, setBackendValues, onValueSubmit, onValueDelete, onDeleteMultipleValues, isReadOnly, isFieldInError, childrenAsRecordValuePermissionFilter }) => {
+    const { t } = useSharedTranslation();
+    const form = AntForm.useFormInstance();
+    // Used to force the input error display when a value is set
+    const treeNodeValue = Form.useWatch(attribute.id, form);
+    const [isModalHidden, setIsModalHidden] = useState(true);
+    useEffect(() => {
+        if (isFormCreationMode || !attribute.required || (attribute.required && backendValues.length > 0)) {
+            form.setFields([
+                {
+                    name: attribute.id,
+                    value: backendValues.map(({ treeValue }) => treeValue.id),
+                    errors: []
+                }
+            ]);
+        }
+        else {
+            // Set the field in error when TreeField is displayed for the first time. Otherwise, errors will be handled by other functions in this file.
+            form.setFields([{ name: attribute.id, errors: [t('errors.standard_field_required')] }]);
+        }
+    }, [backendValues, attribute, treeNodeValue]);
+    const _closeModal = () => {
+        setIsModalHidden(true);
+    };
+    const _addTreeNodes = async (selectedNodes) => {
+        const valuesToSave = selectedNodes.map(node => ({
+            attribute,
+            idValue: !attribute.multiple_values && backendValues.length > 0 ? backendValues[0].id_value : null,
+            value: node
+        }));
+        // When we will handle computed values, we will need to passe the active version (if still needed)
+        const result = await onValueSubmit(valuesToSave, null);
+        if (result.status === APICallStatus.SUCCESS) {
+            const formattedValues = result.values.map(value => ({
+                ...value,
+                version: arrayValueVersionToObject(value.version),
+                metadata: value.metadata?.map(metadata => ({
+                    ...metadata,
+                    value: {
+                        ...metadata.value,
+                        version: arrayValueVersionToObject(metadata.value.version ?? [])
+                    }
+                }))
+            }));
+            const updatedValues = attribute.multiple_values
+                ? [...backendValues, ...formattedValues]
+                : [...formattedValues];
+            form.setFieldValue(attribute.id, [...updatedValues.map(({ treeValue }) => treeValue.id)]);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: []
+                }
+            ]);
+            setBackendValues(updatedValues);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const selectedNodesById = selectedNodes.reduce((acc, cur) => ({ ...acc, [cur.id]: cur }), {});
+            const errorsMessage = result.errors?.map(err => {
+                const linkedRecordLabel = selectedNodesById[err.input].title || selectedNodesById[err.input].id;
+                return `${linkedRecordLabel}: ${err.message}`;
+            });
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const _removeAllTreeNodes = async () => {
+        // When we will handle computed values, we will need to passe the active version (if still needed)
+        const result = await onDeleteMultipleValues(attribute.id, backendValues, null);
+        if (result.status === APICallStatus.SUCCESS) {
+            form.setFieldValue(attribute.id, []);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: attribute.required ? [t('errors.standard_field_required')] : []
+                }
+            ]);
+            setBackendValues([]);
+        }
+        if (result.status === APICallStatus.ERROR) {
+            const errorsMessage = result.errors?.map(err => err.message);
+            form.setFields([
+                {
+                    name: attribute.id,
+                    errors: errorsMessage ?? [t('error.error_occurred')]
+                }
+            ]);
+        }
+    };
+    const label = `${t(!attribute.multiple_values && backendValues.length > 0 ? 'global.replace' : 'global.add')} ${modaleTitle}`;
+    return {
+        openModal: () => {
+            setIsModalHidden(false);
+        },
+        removeTreeNode: async (nodeValue, skipAfterRemove = false) => {
+            const result = await onValueDelete({ id_value: nodeValue.id_value }, attribute.id);
+            if (skipAfterRemove) {
+                return;
+            }
+            if (result.status === APICallStatus.SUCCESS) {
+                const newBackendValues = backendValues.filter(value => value.id_value !== nodeValue.id_value);
+                form.setFieldValue(attribute.id, newBackendValues.map(({ treeValue }) => treeValue.id));
+                form.setFields([
+                    {
+                        name: attribute.id,
+                        errors: attribute.required && newBackendValues.length === 0
+                            ? [t('errors.standard_field_required')]
+                            : []
+                    }
+                ]);
+                setBackendValues(newBackendValues);
+            }
+            if (result.status === APICallStatus.ERROR) {
+                form.setFields([
+                    {
+                        name: attribute.id,
+                        errors: [t('error.error_occurred')]
+                    }
+                ]);
+            }
+        },
+        actionButtonLabel: label,
+        SelectTreeNodeModal: isModalHidden ? null : (_jsx(SelectTreeNodeModal, { open: true, title: label, attribute: attribute, backendValues: backendValues, onConfirm: _addTreeNodes, onClose: _closeModal, childrenAsRecordValuePermissionFilter: childrenAsRecordValuePermissionFilter })),
+        RemoveAllTreeNodes: backendValues.length > 1 && attribute.multiple_values && !attribute.required ? (_jsx(DeleteAllValuesButton, { handleDelete: _removeAllTreeNodes, disabled: isReadOnly, danger: isFieldInError })) : null
+    };
+};
+//# sourceMappingURL=useManageTreeNodeSelection.js.map