@leav/ui 1.6.0-4fe8c6ba → 1.6.0-638134f7

package/dist/components/Explorer/TableCell.js

@@ -5,13 +5,14 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback } from 'react';
 import { AttributeFormat, AttributeType, MultiDisplayOption, } from '../../_gqlTypes';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
-import { FaArrowRight, FaCalendar, FaListAlt } from 'react-icons/fa';
 import DOMPurify from 'dompurify';
 import { KitAvatar, KitBadge, KitSpace, KitTag, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
 import { IdCard } from './IdCard';
 import { multiColorTagAvatarClassName, TableTagGroup } from './TableTagGroup';
 import { AggregationColor } from 'antd/es/color-picker/color';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faArrowRight, faCalendar, faListAlt } from '@fortawesome/free-solid-svg-icons';
 const isStandardValue = (v, attribute) => [AttributeType.simple, AttributeType.advanced].includes(attribute.type);
 const isStandardValues = (values, attribute) => values.every(value => isStandardValue(value, attribute));
 const isLinkValue = (v, attribute) => [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type);
@@ -30,10 +31,7 @@ const StyledColorChip = styled.div `
     border-radius: calc(var(--general-border-radius-xs) * 1px);
     background-color: ${props => props.$colorTextContent};
 `;
-const StyledFaListAlt = styled(FaListAlt) `
-    flex-shrink: 0;
-`;
-const StyledFaCalendar = styled(FaCalendar) `
+const RightIcon = styled(FontAwesomeIcon) `
     flex-shrink: 0;
 `;
 export const TableCell = ({ values, attributeProperties }) => {
@@ -42,7 +40,7 @@ export const TableCell = ({ values, attributeProperties }) => {
         if (!isDateRangeValue(value)) {
             return t('explorer.invalid-value');
         }
-        return (_jsxs(KitSpace, { size: "xxs", children: [_jsx(StyledFaCalendar, {}), value.from, " ", _jsx(FaArrowRight, {}), " ", value.to] }));
+        return (_jsxs(KitSpace, { size: "xxs", children: [_jsx(RightIcon, { icon: faCalendar }), value.from, " ", _jsx(FontAwesomeIcon, { icon: faArrowRight }), " ", value.to] }));
     }, []);
     const _getFirstValue = useCallback((value, attribute) => {
         if (isStandardValue(value, attribute) && attribute.format === AttributeFormat.boolean) {
@@ -152,7 +150,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                     const tmp = document.createElement('div');
                     tmp.innerHTML = DOMPurify.sanitize(value.valuePayload);
                     const textContent = tmp.textContent;
-                    content = (_jsxs(_Fragment, { children: [_jsx(StyledFaListAlt, {}), _jsx(KitTypography.AdvancedText, { ellipsis: { tooltip: textContent }, children: textContent }, attributeProperties.id)] }));
+                    content = (_jsxs(_Fragment, { children: [_jsx(RightIcon, { icon: faListAlt }), _jsx(KitTypography.AdvancedText, { ellipsis: { tooltip: textContent }, children: textContent }, attributeProperties.id)] }));
                     break;
                 case AttributeFormat.color:
                     const color = new AggregationColor(value.valueRawPayload);

package/dist/components/Explorer/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableCell.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAyC,WAAW,EAAC,MAAM,OAAO,CAAC;AAC1E,OAAO,EACH,eAAe,EAEf,aAAa,EAKb,kBAAkB,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,YAAY,EAAE,UAAU,EAAE,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACnE,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAEhF,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,4BAA4B,EAAE,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAC,gBAAgB,EAAC,MAAM,4BAA4B,CAAC;AAE5D,MAAM,eAAe,GAAG,CACpB,CAAwB,EACxB,SAAsC,EACP,EAAE,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AAC9G,MAAM,gBAAgB,GAAG,CACrB,MAA+B,EAC/B,SAAsC,EACA,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAEtG,MAAM,WAAW,GAAG,CAChB,CAAwB,EACxB,SAAsC,EACH,EAAE,CACrC,CAAC,aAAa,CAAC,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACtF,MAAM,YAAY,GAAG,CACjB,MAA+B,EAC/B,SAAsC,EACI,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAEtG,MAAM,WAAW,GAAG,CAChB,CAAwB,EACxB,SAAsC,EACH,EAAE,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;AACxF,MAAM,YAAY,GAAG,CACjB,MAA+B,EAC/B,SAAsC,EACI,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;AAEtG,MAAM,gBAAgB,GAAG,CAAC,CAA6C,EAAmC,EAAE,CACxG,MAAM,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAE7B,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIxC,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAA6B;;;;wBAIvC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB;CACvD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;CAExC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;;CAE1C,CAAC;AAOF,MAAM,CAAC,MAAM,SAAS,GAAuC,CAAC,EAAC,MAAM,EAAE,mBAAmB,EAAC,EAAE,EAAE;IAC3F,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,yBAAyB,GAAG,WAAW,CAAC,CAAC,KAAiD,EAAE,EAAE;QAChG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,CAAC,CAAC,wBAAwB,CAAC,CAAC;QACvC,CAAC;QAED,OAAO,CACH,MAAC,QAAQ,IAAC,IAAI,EAAC,KAAK,aAChB,KAAC,gBAAgB,KAAG,EACnB,KAAK,CAAC,IAAI,OAAE,KAAC,YAAY,KAAG,OAAE,KAAK,CAAC,EAAE,IAChC,CACd,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,cAAc,GAAG,WAAW,CAC9B,CAAC,KAAiD,EAAE,SAAsC,EAAE,EAAE;QAC1F,IAAI,eAAe,CAAC,KAAK,EAAE,SAAS,CAAC,IAAI,SAAS,CAAC,MAAM,KAAK,eAAe,CAAC,OAAO,EAAE,CAAC;YACpF,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;gBACxC,OAAO,EAAC,YAAY,EAAE,KAAK,EAAC,CAAC;YACjC,CAAC;QACL,CAAC;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,EACD,EAAE,CACL,CAAC;IAEF,IAAI,mBAAmB,CAAC,eAAe,EAAE,CAAC;QACtC,IAAI,gBAAgB,CAAC,MAAM,EAAE,mBAAmB,CAAC,EAAE,CAAC;YAChD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAgB,KAAK,CAAC,EAAE;gBAC3C,QAAQ,mBAAmB,CAAC,MAAM,EAAE,CAAC;oBACjC,KAAK,eAAe,CAAC,OAAO;wBACxB,OAAO;4BACH,WAAW,EAAE;gCACT,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;6BACrF;4BACD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAE,SAA6B;yBACxE,CAAC;oBACN,KAAK,eAAe,CAAC,KAAK;wBACtB,MAAM,KAAK,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;wBAC1D,OAAO;4BACH,WAAW,EAAE;gCACT,WAAW,EAAE,KAAK,CAAC,YAAY;gCAC/B,WAAW,EAAE;oCACT,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE;oCAC1B,KAAK,EAAE,QAAQ;oCACf,SAAS,EAAE,4BAA4B;iCAC1C;6BACJ;yBACJ,CAAC;oBACN,KAAK,eAAe,CAAC,UAAU;wBAC3B,OAAO;4BACH,WAAW,EAAE;gCACT,WAAW,EAAE,yBAAyB,CAAC,KAAK,CAAC,YAAY,CAAC;6BAC7D;4BACD,IAAI,EAAE,SAAS;yBAClB,CAAC;oBACN;wBACI,MAAM,YAAY,GACd,mBAAmB,CAAC,MAAM,KAAK,eAAe,CAAC,SAAS;4BACpD,CAAC,CAAC,cAAc;4BAChB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;wBAC7B,OAAO;4BACH,WAAW,EAAE,EAAC,WAAW,EAAE,YAAY,EAAC;4BACxC,IAAI,EAAE,SAAS;yBAClB,CAAC;gBACV,CAAC;YACL,CAAC,CAAC,CAAC;YACH,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC;QACzC,CAAC;aAAM,IAAI,YAAY,CAAC,MAAM,EAAE,mBAAmB,CAAC,EAAE,CAAC;YACnD,QAAQ,mBAAmB,CAAC,yBAAyB,EAAE,CAAC;gBACpD,KAAK,kBAAkB,CAAC,GAAG;oBACvB,OAAO,CACH,KAAC,aAAa,IACV,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;4BACvB,IAAI,EAAE,SAAS;4BACf,WAAW,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,IAAI,SAAS,EAAC;yBAC3E,CAAC,CAAC,GACL,CACL,CAAC;gBAEN,KAAK,kBAAkB,CAAC,SAAS;oBAC7B,OAAO,KAAC,QAAQ,IAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC;gBAEvF,KAAK,kBAAkB,CAAC,MAAM,CAAC;gBAC/B;oBACI,OAAO,CACH,KAAC,SAAS,CAAC,KAAK,IAAC,GAAG,EAAE,EAAC,KAAK,EAAE,CAAC,EAAC,YAC3B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;4BACzB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC;gCAC3C,OAAO,IAAI,CAAC;4BAChB,CAAC;4BAED,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,EAC9C,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAC7C,KAAK,EAAC,SAAS,EACf,oBAAoB,UAJf,KAAK,CAKZ,CACL,CAAC;wBACN,CAAC,CAAC,GACY,CACrB,CAAC;YACV,CAAC;QACL,CAAC;aAAM,IAAI,YAAY,CAAC,MAAM,EAAE,mBAAmB,CAAC,EAAE,CAAC;YACnD,QAAQ,mBAAmB,CAAC,yBAAyB,EAAE,CAAC;gBACpD,KAAK,kBAAkB,CAAC,GAAG;oBACvB,OAAO,CACH,KAAC,aAAa,IACV,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;4BACvB,IAAI,EAAE,SAAS;4BACf,WAAW,EAAE,EAAC,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,IAAI,SAAS,EAAC;yBAClF,CAAC,CAAC,GACL,CACL,CAAC;gBACN,KAAK,kBAAkB,CAAC,SAAS;oBAC7B,OAAO,KAAC,QAAQ,IAAC,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC;gBACvF,KAAK,kBAAkB,CAAC,MAAM,CAAC;gBAC/B;oBACI,OAAO,CACH,KAAC,SAAS,CAAC,KAAK,IAAC,GAAG,EAAE,EAAC,KAAK,EAAE,CAAC,EAAC,YAC3B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;4BACzB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC;gCAC3C,OAAO,IAAI,CAAC;4BAChB,CAAC;4BAED,OAAO,CACH,KAAC,SAAS,IAEN,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EACrD,GAAG,EAAE,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,EACpD,KAAK,EAAC,SAAS,EACf,oBAAoB,UAJf,KAAK,CAKZ,CACL,CAAC;wBACN,CAAC,CAAC,GACY,CACrB,CAAC;YACV,CAAC;QACL,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,MAAM,KAAK,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,oEAAoE;QAClI,IAAI,CAAC,KAAK,EAAE,CAAC;YACT,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,IAAI,OAAO,GAAc,IAAI,CAAC;QAC9B,IAAI,eAAe,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC;YAC9C,IAAI,KAAK,CAAC,YAAY,KAAK,IAAI,EAAE,CAAC;gBAC9B,OAAO,IAAI,CAAC;YAChB,CAAC;YAED,QAAQ,mBAAmB,CAAC,MAAM,EAAE,CAAC;gBACjC,KAAK,eAAe,CAAC,OAAO;oBACxB,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;oBAC7E,OAAO,GAAG,CACN,KAAC,MAAM,IAEH,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EAClD,WAAW,EAAE,EAAC,WAAW,EAAE,cAAc,EAAC,IAFrC,mBAAmB,CAAC,EAAE,CAG7B,CACL,CAAC;oBACF,MAAM;gBACV,KAAK,eAAe,CAAC,SAAS;oBAC1B,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;oBAC1C,GAAG,CAAC,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;oBACvD,MAAM,WAAW,GAAG,GAAG,CAAC,WAAW,CAAC;oBACpC,OAAO,GAAG,CACN,8BACI,KAAC,eAAe,KAAG,EACnB,KAAC,aAAa,CAAC,YAAY,IAA8B,QAAQ,EAAE,EAAC,OAAO,EAAE,WAAW,EAAC,YACpF,WAAW,IADiB,mBAAmB,CAAC,EAAE,CAE1B,IAC9B,CACN,CAAC;oBACF,MAAM;gBACV,KAAK,eAAe,CAAC,KAAK;oBACtB,MAAM,KAAK,GAAG,IAAI,gBAAgB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;oBAC1D,OAAO,GAAG,CACN,8BACI,KAAC,eAAe,yBAAoB,KAAK,CAAC,WAAW,EAAE,GAAI,EAC3D,KAAC,aAAa,CAAC,YAAY,IAEvB,QAAQ,EAAE,EAAC,OAAO,EAAE,KAAK,CAAC,YAAY,EAAC,YAEtC,KAAK,CAAC,YAAY,IAHd,mBAAmB,CAAC,EAAE,CAIF,IAC9B,CACN,CAAC;oBACF,MAAM;gBACV,KAAK,eAAe,CAAC,UAAU;oBAC3B,OAAO,GAAG,yBAAyB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;oBACxD,MAAM;gBACV;oBACI,MAAM,YAAY,GACd,mBAAmB,CAAC,MAAM,KAAK,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC;oBACnG,OAAO,GAAG,CACN,KAAC,aAAa,CAAC,YAAY,IAA8B,QAAQ,EAAE,EAAC,OAAO,EAAE,YAAY,EAAC,YACrF,YAAY,IADgB,mBAAmB,CAAC,EAAE,CAE1B,CAChC,CAAC;oBACF,MAAM;YACd,CAAC;QACL,CAAC;QAED,IAAI,WAAW,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC;YAC1C,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAC/C,KAAC,MAAM,IAA8B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,IAA7D,mBAAmB,CAAC,EAAE,CAA2C,CACjF,CAAC,CAAC,CAAC,IAAI,CAAC;QACb,CAAC;QAED,IAAI,WAAW,CAAC,KAAK,EAAE,mBAAmB,CAAC,EAAE,CAAC;YAC1C,OAAO,GAAG,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAClC,KAAC,MAAM,IAA8B,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,MAAM,IAAtD,mBAAmB,CAAC,EAAE,CAAoC,CAC1E,CAAC,CAAC,CAAC,IAAI,CAAC;QACb,CAAC;QAED,OAAO,KAAC,sBAAsB,cAAE,OAAO,GAA0B,CAAC;IACtE,CAAC;AACL,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useCallback} from 'react';\nimport {\n    AttributeFormat,\n    type AttributePropertiesFragment,\n    AttributeType,\n    type PropertyValueFragment,\n    type PropertyValueLinkValueFragment,\n    type PropertyValueTreeValueFragment,\n    type PropertyValueValueFragment,\n    MultiDisplayOption,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {FaArrowRight, FaCalendar, FaListAlt} from 'react-icons/fa';\nimport DOMPurify from 'dompurify';\nimport {KitAvatar, KitBadge, KitSpace, KitTag, KitTypography} from 'aristid-ds';\nimport {type IKitTag, type IKitTagConfig} from 'aristid-ds/dist/Kit/DataDisplay/Tag/types';\nimport styled from 'styled-components';\nimport {IdCard} from './IdCard';\nimport {multiColorTagAvatarClassName, TableTagGroup} from './TableTagGroup';\nimport {AggregationColor} from 'antd/es/color-picker/color';\n\nconst isStandardValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueValueFragment => [AttributeType.simple, AttributeType.advanced].includes(attribute.type);\nconst isStandardValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueValueFragment[] => values.every(value => isStandardValue(value, attribute));\n\nconst isLinkValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueLinkValueFragment =>\n    [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type);\nconst isLinkValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueLinkValueFragment[] => values.every(value => isLinkValue(value, attribute));\n\nconst isTreeValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueTreeValueFragment => [AttributeType.tree].includes(attribute.type);\nconst isTreeValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueTreeValueFragment[] => values.every(value => isTreeValue(value, attribute));\n\nconst isDateRangeValue = (v: PropertyValueValueFragment['valuePayload']): v is {from: string; to: string} =>\n    'from' in v && 'to' in v;\n\nconst StyledCenteringWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledColorChip = styled.div<{$colorTextContent: string}>`\n    height: calc(var(--general-spacing-s) * 1px);\n    width: calc(var(--general-spacing-s) * 1px);\n    border-radius: calc(var(--general-border-radius-xs) * 1px);\n    background-color: ${props => props.$colorTextContent};\n`;\n\nconst StyledFaListAlt = styled(FaListAlt)`\n    flex-shrink: 0;\n`;\n\nconst StyledFaCalendar = styled(FaCalendar)`\n    flex-shrink: 0;\n`;\n\ninterface ITableCellProps {\n    values: PropertyValueFragment[];\n    attributeProperties: AttributePropertiesFragment;\n}\n\nexport const TableCell: FunctionComponent<ITableCellProps> = ({values, attributeProperties}) => {\n    const {t} = useSharedTranslation();\n\n    const _getDateRangeValueContent = useCallback((value: PropertyValueValueFragment['valuePayload']) => {\n        if (!isDateRangeValue(value)) {\n            return t('explorer.invalid-value');\n        }\n\n        return (\n            <KitSpace size=\"xxs\">\n                <StyledFaCalendar />\n                {value.from} <FaArrowRight /> {value.to}\n            </KitSpace>\n        );\n    }, []);\n\n    const _getFirstValue = useCallback(\n        (value: PropertyValueValueFragment['valuePayload'], attribute: AttributePropertiesFragment) => {\n            if (isStandardValue(value, attribute) && attribute.format === AttributeFormat.boolean) {\n                if (!value || value.valuePayload === null) {\n                    return {valuePayload: false};\n                }\n            }\n            return value;\n        },\n        [],\n    );\n\n    if (attributeProperties.multiple_values) {\n        if (isStandardValues(values, attributeProperties)) {\n            const tags = values.map<IKitTagConfig>(value => {\n                switch (attributeProperties.format) {\n                    case AttributeFormat.boolean:\n                        return {\n                            idCardProps: {\n                                description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')),\n                            },\n                            type: value.valuePayload ? 'primary' : ('neutral' as IKitTag['type']),\n                        };\n                    case AttributeFormat.color:\n                        const color = new AggregationColor(value.valueRawPayload);\n                        return {\n                            idCardProps: {\n                                description: value.valuePayload,\n                                avatarProps: {\n                                    color: color.toHexString(),\n                                    shape: 'square',\n                                    className: multiColorTagAvatarClassName,\n                                },\n                            },\n                        };\n                    case AttributeFormat.date_range:\n                        return {\n                            idCardProps: {\n                                description: _getDateRangeValueContent(value.valuePayload),\n                            },\n                            type: 'primary',\n                        };\n                    default:\n                        const valueContent =\n                            attributeProperties.format === AttributeFormat.encrypted\n                                ? '●●●●●●●●●●●●'\n                                : value.valuePayload;\n                        return {\n                            idCardProps: {description: valueContent},\n                            type: 'primary',\n                        };\n                }\n            });\n            return <TableTagGroup tags={tags} />;\n        } else if (isLinkValues(values, attributeProperties)) {\n            switch (attributeProperties.multi_link_display_option) {\n                case MultiDisplayOption.tag:\n                    return (\n                        <TableTagGroup\n                            tags={values.map(value => ({\n                                type: 'primary',\n                                idCardProps: {description: value.linkPayload?.whoAmI.label ?? undefined},\n                            }))}\n                        />\n                    );\n\n                case MultiDisplayOption.badge_qty:\n                    return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n\n                case MultiDisplayOption.avatar:\n                default:\n                    return (\n                        <KitAvatar.Group max={{count: 5}}>\n                            {values.map((value, index) => {\n                                if (!isLinkValue(value, attributeProperties)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <KitAvatar\n                                        key={index}\n                                        label={String(value.linkPayload?.whoAmI.label)}\n                                        src={value.linkPayload?.whoAmI.preview?.small}\n                                        color=\"primary\"\n                                        secondaryColorInvert\n                                    />\n                                );\n                            })}\n                        </KitAvatar.Group>\n                    );\n            }\n        } else if (isTreeValues(values, attributeProperties)) {\n            switch (attributeProperties.multi_tree_display_option) {\n                case MultiDisplayOption.tag:\n                    return (\n                        <TableTagGroup\n                            tags={values.map(value => ({\n                                type: 'primary',\n                                idCardProps: {description: value.treePayload?.record.whoAmI.label ?? undefined},\n                            }))}\n                        />\n                    );\n                case MultiDisplayOption.badge_qty:\n                    return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n                case MultiDisplayOption.avatar:\n                default:\n                    return (\n                        <KitAvatar.Group max={{count: 5}}>\n                            {values.map((value, index) => {\n                                if (!isTreeValue(value, attributeProperties)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <KitAvatar\n                                        key={index}\n                                        label={String(value.treePayload?.record.whoAmI.label)}\n                                        src={value.treePayload?.record.whoAmI.preview?.small}\n                                        color=\"primary\"\n                                        secondaryColorInvert\n                                    />\n                                );\n                            })}\n                        </KitAvatar.Group>\n                    );\n            }\n        }\n    } else {\n        const value = _getFirstValue(values[0], attributeProperties); // Not multiple_values attribute should not have more than one value\n        if (!value) {\n            return null;\n        }\n\n        let content: ReactNode = null;\n        if (isStandardValue(value, attributeProperties)) {\n            if (value.valuePayload === null) {\n                return null;\n            }\n\n            switch (attributeProperties.format) {\n                case AttributeFormat.boolean:\n                    const valueToDisplay = value.valuePayload ? t('global.yes') : t('global.no');\n                    content = (\n                        <KitTag\n                            key={attributeProperties.id}\n                            type={!!value.valuePayload ? 'primary' : 'neutral'}\n                            idCardProps={{description: valueToDisplay}}\n                        />\n                    );\n                    break;\n                case AttributeFormat.rich_text:\n                    const tmp = document.createElement('div');\n                    tmp.innerHTML = DOMPurify.sanitize(value.valuePayload);\n                    const textContent = tmp.textContent;\n                    content = (\n                        <>\n                            <StyledFaListAlt />\n                            <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: textContent}}>\n                                {textContent}\n                            </KitTypography.AdvancedText>\n                        </>\n                    );\n                    break;\n                case AttributeFormat.color:\n                    const color = new AggregationColor(value.valueRawPayload);\n                    content = (\n                        <>\n                            <StyledColorChip $colorTextContent={color.toHexString()} />\n                            <KitTypography.AdvancedText\n                                key={attributeProperties.id}\n                                ellipsis={{tooltip: value.valuePayload}}\n                            >\n                                {value.valuePayload}\n                            </KitTypography.AdvancedText>\n                        </>\n                    );\n                    break;\n                case AttributeFormat.date_range:\n                    content = _getDateRangeValueContent(value.valuePayload);\n                    break;\n                default:\n                    const valueContent =\n                        attributeProperties.format === AttributeFormat.encrypted ? '●●●●●●●●●●●●' : value.valuePayload;\n                    content = (\n                        <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: valueContent}}>\n                            {valueContent}\n                        </KitTypography.AdvancedText>\n                    );\n                    break;\n            }\n        }\n\n        if (isTreeValue(value, attributeProperties)) {\n            content = value.treePayload?.record.whoAmI.label ? (\n                <IdCard key={attributeProperties.id} item={value.treePayload.record.whoAmI} />\n            ) : null;\n        }\n\n        if (isLinkValue(value, attributeProperties)) {\n            content = value.linkPayload?.whoAmI ? (\n                <IdCard key={attributeProperties.id} item={value.linkPayload.whoAmI} />\n            ) : null;\n        }\n\n        return <StyledCenteringWrapper>{content}</StyledCenteringWrapper>;\n    }\n};\n"]}
+{"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useCallback} from 'react';\nimport {\n    AttributeFormat,\n    type AttributePropertiesFragment,\n    AttributeType,\n    type PropertyValueFragment,\n    type PropertyValueLinkValueFragment,\n    type PropertyValueTreeValueFragment,\n    type PropertyValueValueFragment,\n    MultiDisplayOption,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport DOMPurify from 'dompurify';\nimport {KitAvatar, KitBadge, KitSpace, KitTag, KitTypography} from 'aristid-ds';\nimport {type IKitTag, type IKitTagConfig} from 'aristid-ds/dist/Kit/DataDisplay/Tag/types';\nimport styled from 'styled-components';\nimport {IdCard} from './IdCard';\nimport {multiColorTagAvatarClassName, TableTagGroup} from './TableTagGroup';\nimport {AggregationColor} from 'antd/es/color-picker/color';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faArrowRight, faCalendar, faListAlt} from '@fortawesome/free-solid-svg-icons';\n\nconst isStandardValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueValueFragment => [AttributeType.simple, AttributeType.advanced].includes(attribute.type);\nconst isStandardValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueValueFragment[] => values.every(value => isStandardValue(value, attribute));\n\nconst isLinkValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueLinkValueFragment =>\n    [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type);\nconst isLinkValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueLinkValueFragment[] => values.every(value => isLinkValue(value, attribute));\n\nconst isTreeValue = (\n    v: PropertyValueFragment,\n    attribute: AttributePropertiesFragment,\n): v is PropertyValueTreeValueFragment => [AttributeType.tree].includes(attribute.type);\nconst isTreeValues = (\n    values: PropertyValueFragment[],\n    attribute: AttributePropertiesFragment,\n): values is PropertyValueTreeValueFragment[] => values.every(value => isTreeValue(value, attribute));\n\nconst isDateRangeValue = (v: PropertyValueValueFragment['valuePayload']): v is {from: string; to: string} =>\n    'from' in v && 'to' in v;\n\nconst StyledCenteringWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledColorChip = styled.div<{$colorTextContent: string}>`\n    height: calc(var(--general-spacing-s) * 1px);\n    width: calc(var(--general-spacing-s) * 1px);\n    border-radius: calc(var(--general-border-radius-xs) * 1px);\n    background-color: ${props => props.$colorTextContent};\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)`\n    flex-shrink: 0;\n`;\n\ninterface ITableCellProps {\n    values: PropertyValueFragment[];\n    attributeProperties: AttributePropertiesFragment;\n}\n\nexport const TableCell: FunctionComponent<ITableCellProps> = ({values, attributeProperties}) => {\n    const {t} = useSharedTranslation();\n\n    const _getDateRangeValueContent = useCallback((value: PropertyValueValueFragment['valuePayload']) => {\n        if (!isDateRangeValue(value)) {\n            return t('explorer.invalid-value');\n        }\n\n        return (\n            <KitSpace size=\"xxs\">\n                <RightIcon icon={faCalendar} />\n                {value.from} <FontAwesomeIcon icon={faArrowRight} /> {value.to}\n            </KitSpace>\n        );\n    }, []);\n\n    const _getFirstValue = useCallback(\n        (value: PropertyValueValueFragment['valuePayload'], attribute: AttributePropertiesFragment) => {\n            if (isStandardValue(value, attribute) && attribute.format === AttributeFormat.boolean) {\n                if (!value || value.valuePayload === null) {\n                    return {valuePayload: false};\n                }\n            }\n            return value;\n        },\n        [],\n    );\n\n    if (attributeProperties.multiple_values) {\n        if (isStandardValues(values, attributeProperties)) {\n            const tags = values.map<IKitTagConfig>(value => {\n                switch (attributeProperties.format) {\n                    case AttributeFormat.boolean:\n                        return {\n                            idCardProps: {\n                                description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')),\n                            },\n                            type: value.valuePayload ? 'primary' : ('neutral' as IKitTag['type']),\n                        };\n                    case AttributeFormat.color:\n                        const color = new AggregationColor(value.valueRawPayload);\n                        return {\n                            idCardProps: {\n                                description: value.valuePayload,\n                                avatarProps: {\n                                    color: color.toHexString(),\n                                    shape: 'square',\n                                    className: multiColorTagAvatarClassName,\n                                },\n                            },\n                        };\n                    case AttributeFormat.date_range:\n                        return {\n                            idCardProps: {\n                                description: _getDateRangeValueContent(value.valuePayload),\n                            },\n                            type: 'primary',\n                        };\n                    default:\n                        const valueContent =\n                            attributeProperties.format === AttributeFormat.encrypted\n                                ? '●●●●●●●●●●●●'\n                                : value.valuePayload;\n                        return {\n                            idCardProps: {description: valueContent},\n                            type: 'primary',\n                        };\n                }\n            });\n            return <TableTagGroup tags={tags} />;\n        } else if (isLinkValues(values, attributeProperties)) {\n            switch (attributeProperties.multi_link_display_option) {\n                case MultiDisplayOption.tag:\n                    return (\n                        <TableTagGroup\n                            tags={values.map(value => ({\n                                type: 'primary',\n                                idCardProps: {description: value.linkPayload?.whoAmI.label ?? undefined},\n                            }))}\n                        />\n                    );\n\n                case MultiDisplayOption.badge_qty:\n                    return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n\n                case MultiDisplayOption.avatar:\n                default:\n                    return (\n                        <KitAvatar.Group max={{count: 5}}>\n                            {values.map((value, index) => {\n                                if (!isLinkValue(value, attributeProperties)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <KitAvatar\n                                        key={index}\n                                        label={String(value.linkPayload?.whoAmI.label)}\n                                        src={value.linkPayload?.whoAmI.preview?.small}\n                                        color=\"primary\"\n                                        secondaryColorInvert\n                                    />\n                                );\n                            })}\n                        </KitAvatar.Group>\n                    );\n            }\n        } else if (isTreeValues(values, attributeProperties)) {\n            switch (attributeProperties.multi_tree_display_option) {\n                case MultiDisplayOption.tag:\n                    return (\n                        <TableTagGroup\n                            tags={values.map(value => ({\n                                type: 'primary',\n                                idCardProps: {description: value.treePayload?.record.whoAmI.label ?? undefined},\n                            }))}\n                        />\n                    );\n                case MultiDisplayOption.badge_qty:\n                    return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n                case MultiDisplayOption.avatar:\n                default:\n                    return (\n                        <KitAvatar.Group max={{count: 5}}>\n                            {values.map((value, index) => {\n                                if (!isTreeValue(value, attributeProperties)) {\n                                    return null;\n                                }\n\n                                return (\n                                    <KitAvatar\n                                        key={index}\n                                        label={String(value.treePayload?.record.whoAmI.label)}\n                                        src={value.treePayload?.record.whoAmI.preview?.small}\n                                        color=\"primary\"\n                                        secondaryColorInvert\n                                    />\n                                );\n                            })}\n                        </KitAvatar.Group>\n                    );\n            }\n        }\n    } else {\n        const value = _getFirstValue(values[0], attributeProperties); // Not multiple_values attribute should not have more than one value\n        if (!value) {\n            return null;\n        }\n\n        let content: ReactNode = null;\n        if (isStandardValue(value, attributeProperties)) {\n            if (value.valuePayload === null) {\n                return null;\n            }\n\n            switch (attributeProperties.format) {\n                case AttributeFormat.boolean:\n                    const valueToDisplay = value.valuePayload ? t('global.yes') : t('global.no');\n                    content = (\n                        <KitTag\n                            key={attributeProperties.id}\n                            type={!!value.valuePayload ? 'primary' : 'neutral'}\n                            idCardProps={{description: valueToDisplay}}\n                        />\n                    );\n                    break;\n                case AttributeFormat.rich_text:\n                    const tmp = document.createElement('div');\n                    tmp.innerHTML = DOMPurify.sanitize(value.valuePayload);\n                    const textContent = tmp.textContent;\n                    content = (\n                        <>\n                            <RightIcon icon={faListAlt} />\n                            <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: textContent}}>\n                                {textContent}\n                            </KitTypography.AdvancedText>\n                        </>\n                    );\n                    break;\n                case AttributeFormat.color:\n                    const color = new AggregationColor(value.valueRawPayload);\n                    content = (\n                        <>\n                            <StyledColorChip $colorTextContent={color.toHexString()} />\n                            <KitTypography.AdvancedText\n                                key={attributeProperties.id}\n                                ellipsis={{tooltip: value.valuePayload}}\n                            >\n                                {value.valuePayload}\n                            </KitTypography.AdvancedText>\n                        </>\n                    );\n                    break;\n                case AttributeFormat.date_range:\n                    content = _getDateRangeValueContent(value.valuePayload);\n                    break;\n                default:\n                    const valueContent =\n                        attributeProperties.format === AttributeFormat.encrypted ? '●●●●●●●●●●●●' : value.valuePayload;\n                    content = (\n                        <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: valueContent}}>\n                            {valueContent}\n                        </KitTypography.AdvancedText>\n                    );\n                    break;\n            }\n        }\n\n        if (isTreeValue(value, attributeProperties)) {\n            content = value.treePayload?.record.whoAmI.label ? (\n                <IdCard key={attributeProperties.id} item={value.treePayload.record.whoAmI} />\n            ) : null;\n        }\n\n        if (isLinkValue(value, attributeProperties)) {\n            content = value.linkPayload?.whoAmI ? (\n                <IdCard key={attributeProperties.id} item={value.linkPayload.whoAmI} />\n            ) : null;\n        }\n\n        return <StyledCenteringWrapper>{content}</StyledCenteringWrapper>;\n    }\n};\n"]}

package/dist/components/Explorer/TableNameCell.js

@@ -6,9 +6,10 @@ import { IdCard } from './IdCard';
 import { cloneElement, useRef } from 'react';
 import { KitButton, KitDropDown, KitTooltip } from 'aristid-ds';
 import styled from 'styled-components';
-import { FaEllipsisH } from 'react-icons/fa';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import { TOOLTIP_DEFAULT_DELAY_IN_SECONDS } from '../../constants';
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 const StyledTableNameCellContainer = styled.div `
     position: relative;
     display: inline-flex;
@@ -65,6 +66,6 @@ export const TableNameCell = ({ item, itemActions }) => {
                                     : null, // TODO: find better tuning
                                 onClick: callback,
                             })),
-                        }, children: _jsx(KitTooltip, { title: t('explorer.more-actions'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(KitButton, { size: "m", "aria-label": t('explorer.more-actions') ?? undefined, icon: _jsx(FaEllipsisH, {}), onClick: event => event.stopPropagation() }) }) }))] })] }));
+                        }, children: _jsx(KitTooltip, { title: t('explorer.more-actions'), mouseEnterDelay: TOOLTIP_DEFAULT_DELAY_IN_SECONDS, children: _jsx(KitButton, { size: "m", "aria-label": t('explorer.more-actions') ?? undefined, icon: _jsx(FontAwesomeIcon, { icon: faEllipsisH }), onClick: event => event.stopPropagation() }) }) }))] })] }));
 };
 //# sourceMappingURL=TableNameCell.js.map

package/dist/components/Explorer/TableNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableNameCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableNameCell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {IdCard} from './IdCard';\nimport {type IItemAction, type IItemData} from './_types';\nimport {cloneElement, type ReactElement, useRef} from 'react';\nimport {KitButton, KitDropDown, KitTooltip} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {FaEllipsisH} from 'react-icons/fa';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\n\nconst StyledTableNameCellContainer = styled.div`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n`;\n\nconst StyledActionsList = styled.div`\n    /* Action are displayed when the user hover the table row (CSS in DataView.tsx) */\n    display: none;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n        transition:\n        display 0.2s ease-in-out,\n    align-items: center;\n    justify-content: center;\n    margin-left: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledIdCard = styled.div`\n    flex: 1;\n`;\n\ntype ResolvedItemActionProp<T> = T extends (item: IItemData) => infer R ? R : T;\n\nconst resolveItemActionProp = <T extends IItemAction[keyof IItemAction]>(\n    itemData: IItemData,\n    itemActionProp: T,\n): ResolvedItemActionProp<T> =>\n    (typeof itemActionProp === 'function' ? itemActionProp(itemData) : itemActionProp) as ResolvedItemActionProp<T>;\n\ninterface ITableNameCellProps {\n    item: IItemData;\n    itemActions: IItemAction[];\n}\n\nexport const TableNameCell = ({item, itemActions}: ITableNameCellProps) => {\n    const {t} = useSharedTranslation();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const itemActionsWithCallback = itemActions.map(action => ({\n        ...action,\n        callback: () => action.callback(item),\n    }));\n\n    const isMoreThanThreeActions = itemActionsWithCallback.length > 3;\n\n    const itemsActionsWithCallbackToDisplay = isMoreThanThreeActions\n        ? itemActionsWithCallback.slice(0, 2)\n        : itemActionsWithCallback;\n\n    const _handleButtonClick = (event: MouseEvent, callback: () => void) => {\n        // Stop event propagation to avoid the row click event to be triggered\n        event.stopPropagation();\n        callback();\n    };\n\n    return (\n        <StyledTableNameCellContainer ref={containerRef}>\n            <StyledIdCard>\n                <IdCard item={item.whoAmI} />\n            </StyledIdCard>\n            <StyledActionsList className=\"actions-list\">\n                {itemsActionsWithCallbackToDisplay.map(\n                    ({label, icon, isDanger, callback, disabled, useItemDeletePermission}, actionIndex) => {\n                        const disabledButton = useItemDeletePermission\n                            ? !item.canDelete\n                            : resolveItemActionProp(item, disabled);\n\n                        return (\n                            <KitTooltip\n                                key={actionIndex}\n                                title={resolveItemActionProp(item, label)}\n                                mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                            >\n                                <KitButton\n                                    size=\"m\"\n                                    aria-label={resolveItemActionProp(item, label)}\n                                    icon={resolveItemActionProp(item, icon)}\n                                    onClick={event => _handleButtonClick(event, callback)}\n                                    danger={resolveItemActionProp(item, isDanger)}\n                                    disabled={disabledButton}\n                                />\n                            </KitTooltip>\n                        );\n                    },\n                )}\n                {isMoreThanThreeActions && (\n                    <KitDropDown\n                        placement=\"bottomRight\"\n                        getPopupContainer={() => containerRef.current || document.body}\n                        destroyPopupOnHide={true}\n                        menu={{\n                            items: itemActionsWithCallback\n                                .slice(2)\n                                .map(({callback, icon, label, isDanger, disabled}) => ({\n                                    key: resolveItemActionProp(item, label),\n                                    danger: resolveItemActionProp(item, isDanger),\n                                    disabled: resolveItemActionProp(item, disabled),\n                                    label: resolveItemActionProp(item, label),\n                                    icon: icon\n                                        ? cloneElement(resolveItemActionProp(item, icon), {\n                                              size: '2em',\n                                          })\n                                        : null, // TODO: find better tuning\n                                    onClick: callback,\n                                })),\n                        }}\n                    >\n                        <KitTooltip\n                            title={t('explorer.more-actions')}\n                            mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                        >\n                            <KitButton\n                                size=\"m\"\n                                aria-label={t('explorer.more-actions') ?? undefined}\n                                icon={<FaEllipsisH />}\n                                onClick={event => event.stopPropagation()}\n                            />\n                        </KitTooltip>\n                    </KitDropDown>\n                )}\n            </StyledActionsList>\n        </StyledTableNameCellContainer>\n    );\n};\n"]}
+{"version":3,"file":"TableNameCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableNameCell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {IdCard} from './IdCard';\nimport {type IItemAction, type IItemData} from './_types';\nimport {cloneElement, useRef} from 'react';\nimport {KitButton, KitDropDown, KitTooltip} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {TOOLTIP_DEFAULT_DELAY_IN_SECONDS} from '_ui/constants';\nimport {faEllipsisH} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\n\nconst StyledTableNameCellContainer = styled.div`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n`;\n\nconst StyledActionsList = styled.div`\n    /* Action are displayed when the user hover the table row (CSS in DataView.tsx) */\n    display: none;\n    gap: calc(var(--general-spacing-xxs) * 1px);\n        transition:\n        display 0.2s ease-in-out,\n    align-items: center;\n    justify-content: center;\n    margin-left: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledIdCard = styled.div`\n    flex: 1;\n`;\n\ntype ResolvedItemActionProp<T> = T extends (item: IItemData) => infer R ? R : T;\n\nconst resolveItemActionProp = <T extends IItemAction[keyof IItemAction]>(\n    itemData: IItemData,\n    itemActionProp: T,\n): ResolvedItemActionProp<T> =>\n    (typeof itemActionProp === 'function' ? itemActionProp(itemData) : itemActionProp) as ResolvedItemActionProp<T>;\n\ninterface ITableNameCellProps {\n    item: IItemData;\n    itemActions: IItemAction[];\n}\n\nexport const TableNameCell = ({item, itemActions}: ITableNameCellProps) => {\n    const {t} = useSharedTranslation();\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const itemActionsWithCallback = itemActions.map(action => ({\n        ...action,\n        callback: () => action.callback(item),\n    }));\n\n    const isMoreThanThreeActions = itemActionsWithCallback.length > 3;\n\n    const itemsActionsWithCallbackToDisplay = isMoreThanThreeActions\n        ? itemActionsWithCallback.slice(0, 2)\n        : itemActionsWithCallback;\n\n    const _handleButtonClick = (event: MouseEvent, callback: () => void) => {\n        // Stop event propagation to avoid the row click event to be triggered\n        event.stopPropagation();\n        callback();\n    };\n\n    return (\n        <StyledTableNameCellContainer ref={containerRef}>\n            <StyledIdCard>\n                <IdCard item={item.whoAmI} />\n            </StyledIdCard>\n            <StyledActionsList className=\"actions-list\">\n                {itemsActionsWithCallbackToDisplay.map(\n                    ({label, icon, isDanger, callback, disabled, useItemDeletePermission}, actionIndex) => {\n                        const disabledButton = useItemDeletePermission\n                            ? !item.canDelete\n                            : resolveItemActionProp(item, disabled);\n\n                        return (\n                            <KitTooltip\n                                key={actionIndex}\n                                title={resolveItemActionProp(item, label)}\n                                mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                            >\n                                <KitButton\n                                    size=\"m\"\n                                    aria-label={resolveItemActionProp(item, label)}\n                                    icon={resolveItemActionProp(item, icon)}\n                                    onClick={event => _handleButtonClick(event, callback)}\n                                    danger={resolveItemActionProp(item, isDanger)}\n                                    disabled={disabledButton}\n                                />\n                            </KitTooltip>\n                        );\n                    },\n                )}\n                {isMoreThanThreeActions && (\n                    <KitDropDown\n                        placement=\"bottomRight\"\n                        getPopupContainer={() => containerRef.current || document.body}\n                        destroyPopupOnHide={true}\n                        menu={{\n                            items: itemActionsWithCallback\n                                .slice(2)\n                                .map(({callback, icon, label, isDanger, disabled}) => ({\n                                    key: resolveItemActionProp(item, label),\n                                    danger: resolveItemActionProp(item, isDanger),\n                                    disabled: resolveItemActionProp(item, disabled),\n                                    label: resolveItemActionProp(item, label),\n                                    icon: icon\n                                        ? cloneElement(resolveItemActionProp(item, icon), {\n                                              size: '2em',\n                                          })\n                                        : null, // TODO: find better tuning\n                                    onClick: callback,\n                                })),\n                        }}\n                    >\n                        <KitTooltip\n                            title={t('explorer.more-actions')}\n                            mouseEnterDelay={TOOLTIP_DEFAULT_DELAY_IN_SECONDS}\n                        >\n                            <KitButton\n                                size=\"m\"\n                                aria-label={t('explorer.more-actions') ?? undefined}\n                                icon={<FontAwesomeIcon icon={faEllipsisH} />}\n                                onClick={event => event.stopPropagation()}\n                            />\n                        </KitTooltip>\n                    </KitDropDown>\n                )}\n            </StyledActionsList>\n        </StyledTableNameCellContainer>\n    );\n};\n"]}

package/dist/components/Explorer/actions-item/useEditStatusItemAction.js

@@ -3,13 +3,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useMemo } from 'react';
-import { FaTrash, FaTrashRestore } from 'react-icons/fa';
 import { KitModal } from 'aristid-ds';
 import { useActivateRecordsMutation, useDeactivateRecordsMutation, useDeleteValueMutation, } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { useValuesCacheUpdate } from '../../../hooks/useValuesCacheUpdate';
 import { ViewSettingsActionTypes } from '../manage-view-settings';
 import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faTrash, faTrashRestore } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to get the action for `<DataView />` component.
  *
@@ -111,7 +112,7 @@ export const useEditStatusItemAction = ({ isEnabled, canDeleteLinkValues, store:
                 ? t('explorer.deactivate-item')
                 : t('explorer.activate-item')
             : t('explorer.delete-item'),
-        icon: (item) => entrypoint.type === 'library' ? item.active ? _jsx(FaTrash, {}) : _jsx(FaTrashRestore, {}) : _jsx(FaTrash, {}),
+        icon: (item) => (_jsx(FontAwesomeIcon, { icon: entrypoint.type === 'library' && !item.active ? faTrashRestore : faTrash })),
         isDanger: true,
         disabled: (item) => entrypoint.type === 'link' ? !canDeleteLinkValues : item.active ? !item.canDelete : !item.canActivate,
         callback: item => {

package/dist/components/Explorer/actions-item/useEditStatusItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditStatusItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useEditStatusItemAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Dispatch, useMemo} from 'react';\nimport {FaTrash, FaTrashRestore} from 'react-icons/fa';\nimport {KitModal} from 'aristid-ds';\nimport {\n    type ActivateRecordsMutation,\n    type DeactivateRecordsMutation,\n    useActivateRecordsMutation,\n    useDeactivateRecordsMutation,\n    useDeleteValueMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useValuesCacheUpdate} from '_ui/hooks/useValuesCacheUpdate';\nimport {type FeatureHook, type Entrypoint, type IEntrypointLink, type IItemAction, type IItemData} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type FetchResult} from '@apollo/client';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from removed record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param entrypoint - represent the current entrypoint\n * @param canDeleteLinkValues - check permission to delete link values\n */\nexport const useEditStatusItemAction = ({\n    isEnabled,\n    canDeleteLinkValues,\n    store: {view, dispatch},\n    onRemove,\n    entrypoint,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    canDeleteLinkValues: boolean;\n    onRemove?: IItemAction['callback'];\n    entrypoint: Entrypoint;\n}>) => {\n    const {t} = useSharedTranslation();\n    const updateValuesCache = useValuesCacheUpdate();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation({\n        update(cache, deactivatedRecords) {\n            deactivatedRecords.data?.deactivateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [activateRecordsMutation] = useActivateRecordsMutation({\n        update(cache, activatedRecords) {\n            activatedRecords.data?.activateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [deleteRecordLinkMutation] = useDeleteValueMutation({\n        update: (_, deletedRecord) => {\n            const parentRecord = {\n                id: (entrypoint as IEntrypointLink).parentRecordId,\n                library: {\n                    id: (entrypoint as IEntrypointLink).parentLibraryId,\n                },\n            };\n            updateValuesCache(parentRecord, deletedRecord.data?.deleteValue ?? []);\n        },\n    });\n\n    const _deactivateItem = async (item: IItemData): Promise<FetchResult<DeactivateRecordsMutation>> => {\n        const libRes = await deactivateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        onRemove?.(item);\n\n        return libRes;\n    };\n\n    const _activateItem = async (item: IItemData): Promise<FetchResult<ActivateRecordsMutation>> => {\n        const libRes = await activateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        return libRes;\n    };\n\n    const _editStatusItemAction: IItemAction = useMemo(\n        () => ({\n            label: (item: IItemData) =>\n                entrypoint.type === 'library'\n                    ? item.active\n                        ? t('explorer.deactivate-item')\n                        : t('explorer.activate-item')\n                    : t('explorer.delete-item'),\n            icon: (item: IItemData) =>\n                entrypoint.type === 'library' ? item.active ? <FaTrash /> : <FaTrashRestore /> : <FaTrash />,\n            isDanger: true,\n            disabled: (item: IItemData) =>\n                entrypoint.type === 'link' ? !canDeleteLinkValues : item.active ? !item.canDelete : !item.canActivate,\n            callback: item => {\n                const {itemId, id_value} = item;\n\n                const title =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_one')\n                            : t('explorer.activate_item_one')\n                        : t('explorer.delete_link_one');\n\n                const content =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_description_one')\n                            : t('explorer.activate_item_description_one')\n                        : t('explorer.delete_link_description_one');\n\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title,\n                    content: content + BREAK_TWO_LINES + t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        switch (entrypoint.type) {\n                            case 'library':\n                                if (item.active) {\n                                    return _deactivateItem(item);\n                                }\n\n                                return _activateItem(item);\n                            case 'link':\n                                const linkRes = await deleteRecordLinkMutation({\n                                    variables: {\n                                        library: entrypoint.parentLibraryId,\n                                        attribute: entrypoint.linkAttributeId,\n                                        recordId: entrypoint.parentRecordId,\n                                        value: {\n                                            payload: itemId,\n                                            id_value,\n                                        },\n                                    },\n                                });\n                                onRemove?.(item);\n                                return linkRes;\n                            default:\n                                return;\n                        }\n                    },\n                });\n            },\n        }),\n        [\n            t,\n            deactivateRecordsMutation,\n            deleteRecordLinkMutation,\n            activateRecordsMutation,\n            canDeleteLinkValues,\n            entrypoint.type,\n            view.massSelection,\n            dispatch,\n        ],\n    );\n\n    return {\n        editStatusItemAction: isEnabled ? _editStatusItemAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useEditStatusItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useEditStatusItemAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAgB,OAAO,EAAC,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAGH,0BAA0B,EAC1B,4BAA4B,EAC5B,sBAAsB,GACzB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAoD,uBAAuB,EAAC,MAAM,yBAAyB,CAAC;AACnH,OAAO,EAAC,eAAe,EAAE,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAElE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,OAAO,EAAE,cAAc,EAAC,MAAM,mCAAmC,CAAC;AAE1E;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACpC,SAAS,EACT,mBAAmB,EACnB,KAAK,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAC,EACvB,QAAQ,EACR,UAAU,GASZ,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAC;IAEjD,MAAM,CAAC,yBAAyB,CAAC,GAAG,4BAA4B,CAAC;QAC7D,MAAM,CAAC,KAAK,EAAE,kBAAkB;YAC5B,kBAAkB,CAAC,IAAI,EAAE,iBAAiB,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACxD,KAAK,CAAC,KAAK,CAAC;oBACR,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;iBAC7B,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,MAAM,CAAC;gBACT,MAAM,EAAE;oBACJ,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;wBACd,GAAG,IAAI;wBACP,UAAU,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC;qBAClC,CAAC;iBACL;gBACD,SAAS,EAAE,KAAK;aACnB,CAAC,CAAC;YACH,KAAK,CAAC,EAAE,EAAE,CAAC;QACf,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,CAAC,uBAAuB,CAAC,GAAG,0BAA0B,CAAC;QACzD,MAAM,CAAC,KAAK,EAAE,gBAAgB;YAC1B,gBAAgB,CAAC,IAAI,EAAE,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;gBACpD,KAAK,CAAC,KAAK,CAAC;oBACR,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC;iBAC7B,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;YACH,KAAK,CAAC,MAAM,CAAC;gBACT,MAAM,EAAE;oBACJ,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;wBACd,GAAG,IAAI;wBACP,UAAU,EAAE,IAAI,CAAC,UAAU,GAAG,CAAC;qBAClC,CAAC;iBACL;gBACD,SAAS,EAAE,KAAK;aACnB,CAAC,CAAC;YACH,KAAK,CAAC,EAAE,EAAE,CAAC;QACf,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,CAAC,wBAAwB,CAAC,GAAG,sBAAsB,CAAC;QACtD,MAAM,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,EAAE;YACzB,MAAM,YAAY,GAAG;gBACjB,EAAE,EAAG,UAA8B,CAAC,cAAc;gBAClD,OAAO,EAAE;oBACL,EAAE,EAAG,UAA8B,CAAC,eAAe;iBACtD;aACJ,CAAC;YACF,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAC,IAAI,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;QAC3E,CAAC;KACJ,CAAC,CAAC;IAEH,MAAM,eAAe,GAAG,KAAK,EAAE,IAAe,EAAmD,EAAE;QAC/F,MAAM,MAAM,GAAG,MAAM,yBAAyB,CAAC;YAC3C,SAAS,EAAE;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;aAC5B;SACJ,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,aAAa,KAAK,kBAAkB,EAAE,CAAC;YAC5C,QAAQ,CAAC;gBACL,IAAI,EAAE,uBAAuB,CAAC,iBAAiB;gBAC/C,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC;aACjE,CAAC,CAAC;QACP,CAAC;QAED,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;QAEjB,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,EAAE,IAAe,EAAiD,EAAE;QAC3F,MAAM,MAAM,GAAG,MAAM,uBAAuB,CAAC;YACzC,SAAS,EAAE;gBACP,SAAS,EAAE,IAAI,CAAC,SAAS;gBACzB,UAAU,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;aAC5B;SACJ,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,aAAa,KAAK,kBAAkB,EAAE,CAAC;YAC5C,QAAQ,CAAC;gBACL,IAAI,EAAE,uBAAuB,CAAC,iBAAiB;gBAC/C,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,CAAC;aACjE,CAAC,CAAC;QACP,CAAC;QAED,OAAO,MAAM,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAgB,OAAO,CAC9C,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,CAAC,IAAe,EAAE,EAAE,CACvB,UAAU,CAAC,IAAI,KAAK,SAAS;YACzB,CAAC,CAAC,IAAI,CAAC,MAAM;gBACT,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC;gBAC/B,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;YACjC,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC;QACnC,IAAI,EAAE,CAAC,IAAe,EAAE,EAAE,CAAC,CACvB,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,GAAI,CACtG;QACD,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,CAAC,IAAe,EAAE,EAAE,CAC1B,UAAU,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW;QACzG,QAAQ,EAAE,IAAI,CAAC,EAAE;YACb,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAC,GAAG,IAAI,CAAC;YAEhC,MAAM,KAAK,GACP,UAAU,CAAC,IAAI,KAAK,SAAS;gBACzB,CAAC,CAAC,IAAI,CAAC,MAAM;oBACT,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC;oBACnC,CAAC,CAAC,CAAC,CAAC,4BAA4B,CAAC;gBACrC,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC;YAExC,MAAM,OAAO,GACT,UAAU,CAAC,IAAI,KAAK,SAAS;gBACzB,CAAC,CAAC,IAAI,CAAC,MAAM;oBACT,CAAC,CAAC,CAAC,CAAC,0CAA0C,CAAC;oBAC/C,CAAC,CAAC,CAAC,CAAC,wCAAwC,CAAC;gBACjD,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC;YAEpD,QAAQ,CAAC,OAAO,CAAC;gBACb,KAAK,EAAE,MAAM;gBACb,KAAK,EAAE,EAAC,OAAO,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAC,EAAC;gBACpD,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,KAAK;gBACX,KAAK;gBACL,OAAO,EAAE,OAAO,GAAG,eAAe,GAAG,CAAC,CAAC,qBAAqB,CAAC;gBAC7D,MAAM,EAAE,CAAC,CAAC,gBAAgB,CAAC,IAAI,SAAS;gBACxC,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,SAAS;gBAC3C,IAAI,EAAE,KAAK,IAAI,EAAE;oBACb,QAAQ,UAAU,CAAC,IAAI,EAAE,CAAC;wBACtB,KAAK,SAAS;4BACV,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;gCACd,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;4BACjC,CAAC;4BAED,OAAO,aAAa,CAAC,IAAI,CAAC,CAAC;wBAC/B,KAAK,MAAM;4BACP,MAAM,OAAO,GAAG,MAAM,wBAAwB,CAAC;gCAC3C,SAAS,EAAE;oCACP,OAAO,EAAE,UAAU,CAAC,eAAe;oCACnC,SAAS,EAAE,UAAU,CAAC,eAAe;oCACrC,QAAQ,EAAE,UAAU,CAAC,cAAc;oCACnC,KAAK,EAAE;wCACH,OAAO,EAAE,MAAM;wCACf,QAAQ;qCACX;iCACJ;6BACJ,CAAC,CAAC;4BACH,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;4BACjB,OAAO,OAAO,CAAC;wBACnB;4BACI,OAAO;oBACf,CAAC;gBACL,CAAC;aACJ,CAAC,CAAC;QACP,CAAC;KACJ,CAAC,EACF;QACI,CAAC;QACD,yBAAyB;QACzB,wBAAwB;QACxB,uBAAuB;QACvB,mBAAmB;QACnB,UAAU,CAAC,IAAI;QACf,IAAI,CAAC,aAAa;QAClB,QAAQ;KACX,CACJ,CAAC;IAEF,OAAO;QACH,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI;KACjE,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Dispatch, useMemo} from 'react';\nimport {KitModal} from 'aristid-ds';\nimport {\n    type ActivateRecordsMutation,\n    type DeactivateRecordsMutation,\n    useActivateRecordsMutation,\n    useDeactivateRecordsMutation,\n    useDeleteValueMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useValuesCacheUpdate} from '_ui/hooks/useValuesCacheUpdate';\nimport {type FeatureHook, type Entrypoint, type IEntrypointLink, type IItemAction, type IItemData} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type FetchResult} from '@apollo/client';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash, faTrashRestore} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for removing is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from removed record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param entrypoint - represent the current entrypoint\n * @param canDeleteLinkValues - check permission to delete link values\n */\nexport const useEditStatusItemAction = ({\n    isEnabled,\n    canDeleteLinkValues,\n    store: {view, dispatch},\n    onRemove,\n    entrypoint,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    canDeleteLinkValues: boolean;\n    onRemove?: IItemAction['callback'];\n    entrypoint: Entrypoint;\n}>) => {\n    const {t} = useSharedTranslation();\n    const updateValuesCache = useValuesCacheUpdate();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation({\n        update(cache, deactivatedRecords) {\n            deactivatedRecords.data?.deactivateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [activateRecordsMutation] = useActivateRecordsMutation({\n        update(cache, activatedRecords) {\n            activatedRecords.data?.activateRecords.forEach(record => {\n                cache.evict({\n                    id: cache.identify(record),\n                });\n            });\n            cache.modify({\n                fields: {\n                    records: prev => ({\n                        ...prev,\n                        totalCount: prev.totalCount - 1,\n                    }),\n                },\n                broadcast: false,\n            });\n            cache.gc();\n        },\n    });\n\n    const [deleteRecordLinkMutation] = useDeleteValueMutation({\n        update: (_, deletedRecord) => {\n            const parentRecord = {\n                id: (entrypoint as IEntrypointLink).parentRecordId,\n                library: {\n                    id: (entrypoint as IEntrypointLink).parentLibraryId,\n                },\n            };\n            updateValuesCache(parentRecord, deletedRecord.data?.deleteValue ?? []);\n        },\n    });\n\n    const _deactivateItem = async (item: IItemData): Promise<FetchResult<DeactivateRecordsMutation>> => {\n        const libRes = await deactivateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        onRemove?.(item);\n\n        return libRes;\n    };\n\n    const _activateItem = async (item: IItemData): Promise<FetchResult<ActivateRecordsMutation>> => {\n        const libRes = await activateRecordsMutation({\n            variables: {\n                libraryId: item.libraryId,\n                recordsIds: [item.itemId],\n            },\n        });\n\n        if (view.massSelection !== MASS_SELECTION_ALL) {\n            dispatch({\n                type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                payload: view.massSelection.filter(key => key !== item.itemId),\n            });\n        }\n\n        return libRes;\n    };\n\n    const _editStatusItemAction: IItemAction = useMemo(\n        () => ({\n            label: (item: IItemData) =>\n                entrypoint.type === 'library'\n                    ? item.active\n                        ? t('explorer.deactivate-item')\n                        : t('explorer.activate-item')\n                    : t('explorer.delete-item'),\n            icon: (item: IItemData) => (\n                <FontAwesomeIcon icon={entrypoint.type === 'library' && !item.active ? faTrashRestore : faTrash} />\n            ),\n            isDanger: true,\n            disabled: (item: IItemData) =>\n                entrypoint.type === 'link' ? !canDeleteLinkValues : item.active ? !item.canDelete : !item.canActivate,\n            callback: item => {\n                const {itemId, id_value} = item;\n\n                const title =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_one')\n                            : t('explorer.activate_item_one')\n                        : t('explorer.delete_link_one');\n\n                const content =\n                    entrypoint.type === 'library'\n                        ? item.active\n                            ? t('explorer.deactivate_item_description_one')\n                            : t('explorer.activate_item_description_one')\n                        : t('explorer.delete_link_description_one');\n\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title,\n                    content: content + BREAK_TWO_LINES + t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        switch (entrypoint.type) {\n                            case 'library':\n                                if (item.active) {\n                                    return _deactivateItem(item);\n                                }\n\n                                return _activateItem(item);\n                            case 'link':\n                                const linkRes = await deleteRecordLinkMutation({\n                                    variables: {\n                                        library: entrypoint.parentLibraryId,\n                                        attribute: entrypoint.linkAttributeId,\n                                        recordId: entrypoint.parentRecordId,\n                                        value: {\n                                            payload: itemId,\n                                            id_value,\n                                        },\n                                    },\n                                });\n                                onRemove?.(item);\n                                return linkRes;\n                            default:\n                                return;\n                        }\n                    },\n                });\n            },\n        }),\n        [\n            t,\n            deactivateRecordsMutation,\n            deleteRecordLinkMutation,\n            activateRecordsMutation,\n            canDeleteLinkValues,\n            entrypoint.type,\n            view.massSelection,\n            dispatch,\n        ],\n    );\n\n    return {\n        editStatusItemAction: isEnabled ? _editStatusItemAction : null,\n    };\n};\n"]}

package/dist/components/Explorer/actions-item/useReplaceItemAction.js

@@ -3,9 +3,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useMemo, useState } from 'react';
-import { FaExchangeAlt } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { LinkModal } from '../link-item/LinkModal';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faExchangeAlt } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to get the action for `<DataView />` component.
  *
@@ -24,7 +25,7 @@ export const useReplaceItemAction = ({ isEnabled, onReplace, isMultivalue, canRe
     const [linkIdSelected, setLinkIdSelected] = useState();
     const _replaceItemAction = useMemo(() => ({
         label: t('explorer.replace-item'),
-        icon: _jsx(FaExchangeAlt, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faExchangeAlt }),
         disabled: !canReplaceLinkValues,
         callback: item => {
             setLinkIdSelected(item.id_value);

package/dist/components/Explorer/actions-item/useReplaceItemAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useReplaceItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useReplaceItemAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,aAAa,EAAC,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAGjD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,oBAAoB,GAKtB,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAE3E,MAAM,kBAAkB,GAAgB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAE;QAClC,IAAI,EAAE,KAAC,aAAa,KAAG;QACvB,QAAQ,EAAE,CAAC,oBAAoB;QAC/B,QAAQ,EAAE,IAAI,CAAC,EAAE;YACb,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAC/C,CAAC;KACJ,CAAC,EACF,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACH,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;QACxD,gBAAgB,EACZ,SAAS,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAC9B,KAAC,SAAS,IACN,IAAI,QACJ,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,GACH,CACL,CAAC,CAAC,CAAC,IAAI;KACf,CAAC,EACF,CAAC,SAAS,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CACtD,CAAC;IAEF,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useMemo, useState} from 'react';\nimport {FaExchangeAlt} from 'react-icons/fa';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IItemAction} from '../_types';\nimport {LinkModal} from '../link-item/LinkModal';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for replaceing is done, the Apollo cache will be refreshed (`Record` and `RecordIdentity`)\n * from only replaceed record.\n *\n * It returns also two parts : one for the action button call - one for displaying the modal required by the action.\n *\n * @param isEnabled - whether the action is present\n * @param onReplace - callback to let outside world know about replacing feedback\n * @param canReplaceLinkValues - check permission to delete link values\n */\nexport const useReplaceItemAction = ({\n    isEnabled,\n    onReplace,\n    isMultivalue,\n    canReplaceLinkValues,\n}: FeatureHook<{\n    isMultivalue: boolean;\n    onReplace?: (replaceValuesResult: ISubmitMultipleResult) => void;\n    canReplaceLinkValues: boolean;\n}>) => {\n    const {t} = useSharedTranslation();\n    const [isReplaceModalOpen, setIsReplaceModalOpen] = useState(false);\n    const [linkIdSelected, setLinkIdSelected] = useState<string | undefined>();\n\n    const _replaceItemAction: IItemAction = useMemo(\n        () => ({\n            label: t('explorer.replace-item')!,\n            icon: <FaExchangeAlt />,\n            disabled: !canReplaceLinkValues,\n            callback: item => {\n                setLinkIdSelected(item.id_value);\n                setIsReplaceModalOpen(!isReplaceModalOpen);\n            },\n        }),\n        [canReplaceLinkValues],\n    );\n\n    const replaceAction = useMemo(\n        () => ({\n            replaceItemAction: isEnabled ? _replaceItemAction : null,\n            replaceItemModal:\n                isEnabled && isReplaceModalOpen ? (\n                    <LinkModal\n                        open\n                        linkId={linkIdSelected}\n                        isMultivalue={isMultivalue}\n                        onReplace={onReplace}\n                        onClose={() => {\n                            setIsReplaceModalOpen(false);\n                        }}\n                    />\n                ) : null,\n        }),\n        [isEnabled, isReplaceModalOpen, _replaceItemAction],\n    );\n\n    return replaceAction;\n};\n"]}
+{"version":3,"file":"useReplaceItemAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-item/useReplaceItemAction.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,aAAa,EAAC,MAAM,mCAAmC,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACjC,SAAS,EACT,SAAS,EACT,YAAY,EACZ,oBAAoB,GAKtB,EAAE,EAAE;IACF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAE3E,MAAM,kBAAkB,GAAgB,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC;QACH,KAAK,EAAE,CAAC,CAAC,uBAAuB,CAAE;QAClC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,GAAI;QAC9C,QAAQ,EAAE,CAAC,oBAAoB;QAC/B,QAAQ,EAAE,IAAI,CAAC,EAAE;YACb,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,CAAC;QAC/C,CAAC;KACJ,CAAC,EACF,CAAC,oBAAoB,CAAC,CACzB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC;QACH,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI;QACxD,gBAAgB,EACZ,SAAS,IAAI,kBAAkB,CAAC,CAAC,CAAC,CAC9B,KAAC,SAAS,IACN,IAAI,QACJ,MAAM,EAAE,cAAc,EACtB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE;gBACV,qBAAqB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC,GACH,CACL,CAAC,CAAC,CAAC,IAAI;KACf,CAAC,EACF,CAAC,SAAS,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,CACtD,CAAC;IAEF,OAAO,aAAa,CAAC;AACzB,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useMemo, useState} from 'react';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IItemAction} from '../_types';\nimport {LinkModal} from '../link-item/LinkModal';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faExchangeAlt} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for `<DataView />` component.\n *\n * When the mutation for replaceing is done, the Apollo cache will be refreshed (`Record` and `RecordIdentity`)\n * from only replaceed record.\n *\n * It returns also two parts : one for the action button call - one for displaying the modal required by the action.\n *\n * @param isEnabled - whether the action is present\n * @param onReplace - callback to let outside world know about replacing feedback\n * @param canReplaceLinkValues - check permission to delete link values\n */\nexport const useReplaceItemAction = ({\n    isEnabled,\n    onReplace,\n    isMultivalue,\n    canReplaceLinkValues,\n}: FeatureHook<{\n    isMultivalue: boolean;\n    onReplace?: (replaceValuesResult: ISubmitMultipleResult) => void;\n    canReplaceLinkValues: boolean;\n}>) => {\n    const {t} = useSharedTranslation();\n    const [isReplaceModalOpen, setIsReplaceModalOpen] = useState(false);\n    const [linkIdSelected, setLinkIdSelected] = useState<string | undefined>();\n\n    const _replaceItemAction: IItemAction = useMemo(\n        () => ({\n            label: t('explorer.replace-item')!,\n            icon: <FontAwesomeIcon icon={faExchangeAlt} />,\n            disabled: !canReplaceLinkValues,\n            callback: item => {\n                setLinkIdSelected(item.id_value);\n                setIsReplaceModalOpen(!isReplaceModalOpen);\n            },\n        }),\n        [canReplaceLinkValues],\n    );\n\n    const replaceAction = useMemo(\n        () => ({\n            replaceItemAction: isEnabled ? _replaceItemAction : null,\n            replaceItemModal:\n                isEnabled && isReplaceModalOpen ? (\n                    <LinkModal\n                        open\n                        linkId={linkIdSelected}\n                        isMultivalue={isMultivalue}\n                        onReplace={onReplace}\n                        onClose={() => {\n                            setIsReplaceModalOpen(false);\n                        }}\n                    />\n                ) : null,\n        }),\n        [isEnabled, isReplaceModalOpen, _replaceItemAction],\n    );\n\n    return replaceAction;\n};\n"]}

package/dist/components/Explorer/actions-mass/useDeactivateMassAction.js

@@ -3,13 +3,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useMemo } from 'react';
-import { FaTrash } from 'react-icons/fa';
 import { KitAlert, KitModal } from 'aristid-ds';
 import { useDeactivateRecordsMutation } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { ViewSettingsActionTypes } from '../manage-view-settings';
 import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
 import { SUCCESS_ALERT_DURATION } from '../../../constants';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 /**
  * Hook used to get the action for mass actions only available on selection.
  *
@@ -28,7 +29,7 @@ export const useDeactivateMassAction = ({ isEnabled, store: { view, dispatch },
     const [deactivateRecordsMutation] = useDeactivateRecordsMutation();
     const _deactivateMassAction = useMemo(() => ({
         label: t('explorer.massAction.deactivate'),
-        icon: _jsx(FaTrash, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faTrash }),
         deselectAll: true,
         callback: massSelectionFilter => {
             KitModal.confirm({

package/dist/components/Explorer/actions-mass/useDeactivateMassAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeactivateMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeactivateMassAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Dispatch, useMemo} from 'react';\nimport {FaTrash} from 'react-icons/fa';\nimport {KitAlert, KitModal} from 'aristid-ds';\nimport {useDeactivateRecordsMutation} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type useExplorerData} from '../_queries/useExplorerData';\nimport {SUCCESS_ALERT_DURATION} from '_ui/constants';\n\n/**\n * Hook used to get the action for mass actions only available on selection.\n *\n * When the mutation for deactivation is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from deactivated record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param libraryId - concerned library\n * @param allVisibleKeys - list of all visible keys used to know if we need to change page\n * @param refetch - method to get fresh data when we delete last page\n */\nexport const useDeactivateMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    allVisibleKeys,\n    totalCount,\n    onDeactivate,\n    refetch,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    allVisibleKeys: string[];\n    totalCount: number;\n    onDeactivate?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation();\n\n    const _deactivateMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FaTrash />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.deactivate_item', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.deactivate_item_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const {data} = await deactivateRecordsMutation({\n                            variables: {\n                                libraryId: view.libraryId,\n                                filters: massSelectionFilter,\n                            },\n                        });\n                        const total =\n                            view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n                        KitAlert.success({\n                            showIcon: true,\n                            duration: SUCCESS_ALERT_DURATION,\n                            message: t('explorer.massAction.deactivate_message'),\n                            description: t('explorer.massAction.deactivate_description', {\n                                count: data?.deactivateRecords.length,\n                                total,\n                            }),\n                            closable: true,\n                        });\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            await refetch({\n                                pagination: {\n                                    limit: view.pageSize,\n                                    offset: 0,\n                                },\n                            });\n                        } else {\n                            await refetch();\n                        }\n                        onDeactivate?.(massSelectionFilter, view.massSelection);\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, deactivateRecordsMutation, view.massSelection, dispatch, view.libraryId, allVisibleKeys, refetch],\n    );\n\n    return {\n        deactivateMassAction: isEnabled ? _deactivateMassAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useDeactivateMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeactivateMassAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Dispatch, useMemo} from 'react';\nimport {KitAlert, KitModal} from 'aristid-ds';\nimport {useDeactivateRecordsMutation} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type useExplorerData} from '../_queries/useExplorerData';\nimport {SUCCESS_ALERT_DURATION} from '_ui/constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\n/**\n * Hook used to get the action for mass actions only available on selection.\n *\n * When the mutation for deactivation is done, the Apollo cache will be clean (`Record` and `RecordIdentity`)\n * from deactivated record.\n *\n * @param isEnabled - whether the action is present\n * @param view - represent the current view\n * @param dispatch - method to change the current view\n * @param libraryId - concerned library\n * @param allVisibleKeys - list of all visible keys used to know if we need to change page\n * @param refetch - method to get fresh data when we delete last page\n */\nexport const useDeactivateMassAction = ({\n    isEnabled,\n    store: {view, dispatch},\n    allVisibleKeys,\n    totalCount,\n    onDeactivate,\n    refetch,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    allVisibleKeys: string[];\n    totalCount: number;\n    onDeactivate?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n\n    const [deactivateRecordsMutation] = useDeactivateRecordsMutation();\n\n    const _deactivateMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.deactivate_item', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.deactivate_item_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.confirm') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const {data} = await deactivateRecordsMutation({\n                            variables: {\n                                libraryId: view.libraryId,\n                                filters: massSelectionFilter,\n                            },\n                        });\n                        const total =\n                            view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n                        KitAlert.success({\n                            showIcon: true,\n                            duration: SUCCESS_ALERT_DURATION,\n                            message: t('explorer.massAction.deactivate_message'),\n                            description: t('explorer.massAction.deactivate_description', {\n                                count: data?.deactivateRecords.length,\n                                total,\n                            }),\n                            closable: true,\n                        });\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            await refetch({\n                                pagination: {\n                                    limit: view.pageSize,\n                                    offset: 0,\n                                },\n                            });\n                        } else {\n                            await refetch();\n                        }\n                        onDeactivate?.(massSelectionFilter, view.massSelection);\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, deactivateRecordsMutation, view.massSelection, dispatch, view.libraryId, allVisibleKeys, refetch],\n    );\n\n    return {\n        deactivateMassAction: isEnabled ? _deactivateMassAction : null,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/useDeleteLinkValues.js

@@ -6,10 +6,11 @@ import useSaveValueBatchMutation from '../../../components/RecordEdition/EditRec
 import { ViewSettingsActionTypes } from '../manage-view-settings';
 import { useMemo } from 'react';
 import { useExplorerData } from '../_queries/useExplorerData';
-import { FaTrash } from 'react-icons/fa';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { KitModal } from 'aristid-ds';
 import { BREAK_TWO_LINES, MASS_SELECTION_ALL } from '../_constants';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 export const useDeleteLinkValues = ({ isEnabled, store: { view, dispatch }, filtersStore: { filters, filtersOperator }, pagination, allVisibleKeys, onDelete, refetch, }) => {
     const { t } = useSharedTranslation();
     const { saveValues } = useSaveValueBatchMutation();
@@ -27,7 +28,7 @@ export const useDeleteLinkValues = ({ isEnabled, store: { view, dispatch }, filt
     });
     const _unlinkMassAction = useMemo(() => ({
         label: t('explorer.massAction.deactivate'),
-        icon: _jsx(FaTrash, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faTrash }),
         deselectAll: true,
         callback: massSelectionFilter => {
             KitModal.confirm({

package/dist/components/Explorer/actions-mass/useDeleteLinkValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDeleteLinkValues.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeleteLinkValues.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type FeatureHook, type IEntrypointLink, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {type Dispatch, type Key, useMemo} from 'react';\nimport {useExplorerData} from '../_queries/useExplorerData';\nimport {FaTrash} from 'react-icons/fa';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitModal} from 'aristid-ds';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type IValueToSubmit} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\n\nexport const useDeleteLinkValues = ({\n    isEnabled,\n    store: {view, dispatch},\n    filtersStore: {filters, filtersOperator},\n    pagination,\n    allVisibleKeys,\n    onDelete,\n    refetch,\n}: FeatureHook<{\n    pagination: null | {limit: number; offset: number};\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    allVisibleKeys: string[];\n    onDelete?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const isLink = view.entrypoint.type === 'link';\n    const {data: linkData, canEditLinkAttributeValues: canUnlinkValues} = useExplorerData({\n        entrypoint: view.entrypoint,\n        libraryId: view.libraryId,\n        attributeIds: view.attributesIds,\n        fulltextSearch: view.fulltextSearch,\n        pagination,\n        sorts: view.sort,\n        filtersOperator,\n        filters,\n        skip: !isLink,\n    });\n\n    const _unlinkMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FaTrash />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.delete_link', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.delete_link_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.submit') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const entrypoint = view.entrypoint as IEntrypointLink;\n                        let values: IValueToSubmit[];\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            values =\n                                (linkData?.records ?? []).map(({id_value}) => ({\n                                    attribute: entrypoint.linkAttributeId,\n                                    idValue: id_value ?? null,\n                                    value: null,\n                                })) ?? [];\n                        } else {\n                            values = (linkData?.records ?? []).reduce<IValueToSubmit[]>((acc, {id_value, key}) => {\n                                if (view.massSelection.includes(key)) {\n                                    acc.push({\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: id_value ?? null,\n                                        value: null,\n                                    });\n                                }\n                                return acc;\n                            }, []);\n                        }\n\n                        if (values.length > 0) {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                values,\n                                undefined,\n                                true,\n                            );\n\n                            onDelete?.(\n                                massSelectionFilter,\n                                values.map(({idValue}) => idValue as Key),\n                            );\n                            await refetch();\n                        }\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, saveValues, view.massSelection, dispatch, view.libraryId, allVisibleKeys],\n    );\n\n    return {\n        unlinkMassAction: isEnabled && canUnlinkValues ? _unlinkMassAction : null,\n    };\n};\n"]}
+{"version":3,"file":"useDeleteLinkValues.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useDeleteLinkValues.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport useSaveValueBatchMutation from '_ui/components/RecordEdition/EditRecordContent/hooks/useExecuteSaveValueBatchMutation';\nimport {type FeatureHook, type IEntrypointLink, type IMassActions} from '../_types';\nimport {type IViewSettingsAction, type IViewSettingsState, ViewSettingsActionTypes} from '../manage-view-settings';\nimport {type Dispatch, type Key, useMemo} from 'react';\nimport {useExplorerData} from '../_queries/useExplorerData';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitModal} from 'aristid-ds';\nimport {BREAK_TWO_LINES, MASS_SELECTION_ALL} from '../_constants';\nimport {type IValueToSubmit} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {type IUIFiltersState} from '_ui/components/Filters/context/filtersReducer';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faTrash} from '@fortawesome/free-solid-svg-icons';\n\nexport const useDeleteLinkValues = ({\n    isEnabled,\n    store: {view, dispatch},\n    filtersStore: {filters, filtersOperator},\n    pagination,\n    allVisibleKeys,\n    onDelete,\n    refetch,\n}: FeatureHook<{\n    pagination: null | {limit: number; offset: number};\n    store: {\n        view: IViewSettingsState;\n        dispatch: Dispatch<IViewSettingsAction>;\n    };\n    filtersStore: IUIFiltersState;\n    allVisibleKeys: string[];\n    onDelete?: IMassActions['callback'];\n    refetch: ReturnType<typeof useExplorerData>['refetch'];\n}>) => {\n    const {t} = useSharedTranslation();\n    const {saveValues} = useSaveValueBatchMutation();\n\n    const isLink = view.entrypoint.type === 'link';\n    const {data: linkData, canEditLinkAttributeValues: canUnlinkValues} = useExplorerData({\n        entrypoint: view.entrypoint,\n        libraryId: view.libraryId,\n        attributeIds: view.attributesIds,\n        fulltextSearch: view.fulltextSearch,\n        pagination,\n        sorts: view.sort,\n        filtersOperator,\n        filters,\n        skip: !isLink,\n    });\n\n    const _unlinkMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.deactivate'),\n            icon: <FontAwesomeIcon icon={faTrash} />,\n            deselectAll: true,\n            callback: massSelectionFilter => {\n                KitModal.confirm({\n                    width: '100%',\n                    style: {content: {width: '90vw', maxWidth: '656px'}},\n                    type: 'confirm',\n                    icon: false,\n                    title:\n                        t('explorer.delete_link', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) ?? undefined,\n                    content:\n                        t('explorer.delete_link_description', {\n                            count: view.massSelection === MASS_SELECTION_ALL ? Infinity : view.massSelection.length,\n                        }) +\n                        BREAK_TWO_LINES +\n                        t('global.are_you_sure'),\n                    okText: t('global.submit') ?? undefined,\n                    cancelText: t('global.cancel') ?? undefined,\n                    onOk: async () => {\n                        const entrypoint = view.entrypoint as IEntrypointLink;\n                        let values: IValueToSubmit[];\n                        if (\n                            view.massSelection === MASS_SELECTION_ALL ||\n                            allVisibleKeys.every(key => view.massSelection.includes(key))\n                        ) {\n                            values =\n                                (linkData?.records ?? []).map(({id_value}) => ({\n                                    attribute: entrypoint.linkAttributeId,\n                                    idValue: id_value ?? null,\n                                    value: null,\n                                })) ?? [];\n                        } else {\n                            values = (linkData?.records ?? []).reduce<IValueToSubmit[]>((acc, {id_value, key}) => {\n                                if (view.massSelection.includes(key)) {\n                                    acc.push({\n                                        attribute: entrypoint.linkAttributeId,\n                                        idValue: id_value ?? null,\n                                        value: null,\n                                    });\n                                }\n                                return acc;\n                            }, []);\n                        }\n\n                        if (values.length > 0) {\n                            await saveValues(\n                                {\n                                    id: entrypoint.parentRecordId,\n                                    library: {\n                                        id: entrypoint.parentLibraryId,\n                                    },\n                                },\n                                values,\n                                undefined,\n                                true,\n                            );\n\n                            onDelete?.(\n                                massSelectionFilter,\n                                values.map(({idValue}) => idValue as Key),\n                            );\n                            await refetch();\n                        }\n                        dispatch({\n                            type: ViewSettingsActionTypes.SET_SELECTED_KEYS,\n                            payload: [],\n                        });\n                    },\n                });\n            },\n        }),\n        [t, saveValues, view.massSelection, dispatch, view.libraryId, allVisibleKeys],\n    );\n\n    return {\n        unlinkMassAction: isEnabled && canUnlinkValues ? _unlinkMassAction : null,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/useEditAttributeMassAction.js

@@ -5,7 +5,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AttributeType, useSaveValueBulkMutation, } from '../../../_gqlTypes';
 import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
 import { useEffect, useMemo, useState } from 'react';
-import { FaEdit } from 'react-icons/fa';
 import { MASS_SELECTION_ALL } from '../_constants';
 import { EditTreeAttributeValuesMapping } from './edit-attribute/EditTreeAttributeValuesMapping';
 import { EditAttributeMassActionModal } from './edit-attribute/EditAttributeMassActionModal';
@@ -14,6 +13,8 @@ import { useCountValuesOccurrencesHook } from './edit-attribute/useCountValuesOc
 import { KitAlert, KitNotification } from 'aristid-ds';
 import { ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION } from '../../../constants';
 import { Loading } from '../../../components/Loading';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faEdit } from '@fortawesome/free-solid-svg-icons';
 export const useEditAttributeMassAction = ({ isEnabled, store: { view }, totalCount, }) => {
     if (!isEnabled) {
         return {
@@ -38,7 +39,7 @@ export const useEditAttributeMassAction = ({ isEnabled, store: { view }, totalCo
     }, [selectedAttribute]);
     const _editAttributeMassAction = useMemo(() => ({
         label: t('explorer.massAction.editAttribute'),
-        icon: _jsx(FaEdit, {}),
+        icon: _jsx(FontAwesomeIcon, { icon: faEdit }),
         deselectAll: false,
         callback: _massSelectionFilter => {
             setMassSelectionFilter(_massSelectionFilter);

package/dist/components/Explorer/actions-mass/useEditAttributeMassAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEditAttributeMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useEditAttributeMassAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {\n    type AttributeDetailsFragment,\n    AttributeType,\n    type RecordFilterInput,\n    useSaveValueBulkMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useEffect, useMemo, useState} from 'react';\nimport {FaEdit} from 'react-icons/fa';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsState} from '../manage-view-settings';\nimport {EditTreeAttributeValuesMapping} from './edit-attribute/EditTreeAttributeValuesMapping';\nimport {EditAttributeMassActionModal} from './edit-attribute/EditAttributeMassActionModal';\nimport {useListEditableAttributeHook} from './edit-attribute/useListEditableAttributeHook';\nimport {useCountValuesOccurrencesHook} from './edit-attribute/useCountValuesOccurrencesHook';\nimport {KitAlert, KitNotification} from 'aristid-ds';\nimport {ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION} from '_ui/constants';\nimport {Loading} from '_ui/components/Loading';\n\nexport const useEditAttributeMassAction = ({\n    isEnabled,\n    store: {view},\n    totalCount,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n    };\n    totalCount: number;\n}>) => {\n    if (!isEnabled) {\n        return {\n            editAttributeMassAction: null,\n            editAttributeMassActionModal: null,\n        };\n    }\n\n    const {t} = useSharedTranslation();\n\n    const [selectedAttribute, setSelectedAttribute] = useState<AttributeDetailsFragment | undefined>(undefined);\n    const [massSelectionFilter, setMassSelectionFilter] = useState<RecordFilterInput[]>([]);\n    const [openModal, setOpenModal] = useState<boolean>(false);\n    const [editionMapping, setEditionMapping] = useState<Array<{before: string | null; after: string | null}>>([]);\n\n    const editableAttributes = useListEditableAttributeHook({libraryId: view.libraryId});\n    const valuesOccurrences = useCountValuesOccurrencesHook({\n        attributeId: selectedAttribute?.id,\n        libraryId: view.libraryId,\n        recordFilters: massSelectionFilter,\n    });\n\n    const [executeSaveValueBulk] = useSaveValueBulkMutation();\n\n    useEffect(() => {\n        setEditionMapping([]);\n    }, [selectedAttribute]);\n\n    const _editAttributeMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.editAttribute'),\n            icon: <FaEdit />,\n            deselectAll: false,\n            callback: _massSelectionFilter => {\n                setMassSelectionFilter(_massSelectionFilter);\n                setEditionMapping([]);\n                setOpenModal(true);\n            },\n        }),\n        [t, view.massSelection],\n    );\n\n    const closeModal = () => {\n        setOpenModal(false);\n        setMassSelectionFilter([]);\n        setSelectedAttribute(undefined);\n        setEditionMapping([]);\n    };\n\n    const isMappingCompleted = useMemo(\n        () =>\n            valuesOccurrences.noValueCount === 0\n                ? editionMapping.length === valuesOccurrences.occurrences.length\n                : editionMapping.length === valuesOccurrences.occurrences.length + 1, // for undefined values\n        [editionMapping, valuesOccurrences],\n    );\n\n    const bulkCounter = useMemo(\n        () => (view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length),\n        [view.massSelection, totalCount],\n    );\n\n    const onOkButtonClick = async () => {\n        if (!selectedAttribute || !isMappingCompleted) {\n            return;\n        }\n        try {\n            await executeSaveValueBulk({\n                variables: {\n                    libraryId: view.libraryId,\n                    recordsFilters: massSelectionFilter,\n                    attributeId: selectedAttribute.id,\n                    mapValues: editionMapping,\n                },\n            });\n\n            closeModal();\n            KitNotification.info({\n                message: t('explorer.massAction.editAttribute_submit_notification_title'),\n                description: t('explorer.massAction.editAttribute_submit_notification_description', {\n                    counter: bulkCounter,\n                }),\n                duration: INFO_NOTIFICATION_DURATION,\n                closable: true,\n            });\n        } catch (error) {\n            KitAlert.error({\n                showIcon: true,\n                duration: ERROR_ALERT_DURATION,\n                message: t('error.error_occurred'),\n                description: t('explorer.massAction.editAttribute_submit_error'),\n                closable: true,\n            });\n        }\n    };\n\n    if (editableAttributes.length === 0) {\n        return {\n            editAttributeMassAction: null,\n            editAttributeMassActionModal: null,\n        };\n    }\n\n    return {\n        editAttributeMassAction: _editAttributeMassAction,\n        editAttributeMassActionModal: (\n            <EditAttributeMassActionModal\n                isOpen={openModal}\n                attributes={editableAttributes}\n                setSelectedAttribute={setSelectedAttribute}\n                massSelectionFilter={massSelectionFilter}\n                elementsCount={bulkCounter}\n                disableOkButton={!isMappingCompleted}\n                onOkButtonClick={onOkButtonClick}\n                onCancelButtonClick={closeModal}\n            >\n                {selectedAttribute != null && valuesOccurrences.loading ? <Loading /> : null}\n                {selectedAttribute?.type === AttributeType.tree && (\n                    <EditTreeAttributeValuesMapping\n                        selectedAttribute={selectedAttribute}\n                        valuesOccurrences={valuesOccurrences}\n                        setAttributeMapping={(before, after) => {\n                            setEditionMapping(\n                                editionMapping.filter(mapping => mapping.before !== before).concat([{before, after}]),\n                            );\n                        }}\n                    />\n                )}\n            </EditAttributeMassActionModal>\n        ),\n    };\n};\n"]}
+{"version":3,"file":"useEditAttributeMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useEditAttributeMassAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {\n    type AttributeDetailsFragment,\n    AttributeType,\n    type RecordFilterInput,\n    useSaveValueBulkMutation,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {useEffect, useMemo, useState} from 'react';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsState} from '../manage-view-settings';\nimport {EditTreeAttributeValuesMapping} from './edit-attribute/EditTreeAttributeValuesMapping';\nimport {EditAttributeMassActionModal} from './edit-attribute/EditAttributeMassActionModal';\nimport {useListEditableAttributeHook} from './edit-attribute/useListEditableAttributeHook';\nimport {useCountValuesOccurrencesHook} from './edit-attribute/useCountValuesOccurrencesHook';\nimport {KitAlert, KitNotification} from 'aristid-ds';\nimport {ERROR_ALERT_DURATION, INFO_NOTIFICATION_DURATION} from '_ui/constants';\nimport {Loading} from '_ui/components/Loading';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEdit} from '@fortawesome/free-solid-svg-icons';\n\nexport const useEditAttributeMassAction = ({\n    isEnabled,\n    store: {view},\n    totalCount,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n    };\n    totalCount: number;\n}>) => {\n    if (!isEnabled) {\n        return {\n            editAttributeMassAction: null,\n            editAttributeMassActionModal: null,\n        };\n    }\n\n    const {t} = useSharedTranslation();\n\n    const [selectedAttribute, setSelectedAttribute] = useState<AttributeDetailsFragment | undefined>(undefined);\n    const [massSelectionFilter, setMassSelectionFilter] = useState<RecordFilterInput[]>([]);\n    const [openModal, setOpenModal] = useState<boolean>(false);\n    const [editionMapping, setEditionMapping] = useState<Array<{before: string | null; after: string | null}>>([]);\n\n    const editableAttributes = useListEditableAttributeHook({libraryId: view.libraryId});\n    const valuesOccurrences = useCountValuesOccurrencesHook({\n        attributeId: selectedAttribute?.id,\n        libraryId: view.libraryId,\n        recordFilters: massSelectionFilter,\n    });\n\n    const [executeSaveValueBulk] = useSaveValueBulkMutation();\n\n    useEffect(() => {\n        setEditionMapping([]);\n    }, [selectedAttribute]);\n\n    const _editAttributeMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.editAttribute'),\n            icon: <FontAwesomeIcon icon={faEdit} />,\n            deselectAll: false,\n            callback: _massSelectionFilter => {\n                setMassSelectionFilter(_massSelectionFilter);\n                setEditionMapping([]);\n                setOpenModal(true);\n            },\n        }),\n        [t, view.massSelection],\n    );\n\n    const closeModal = () => {\n        setOpenModal(false);\n        setMassSelectionFilter([]);\n        setSelectedAttribute(undefined);\n        setEditionMapping([]);\n    };\n\n    const isMappingCompleted = useMemo(\n        () =>\n            valuesOccurrences.noValueCount === 0\n                ? editionMapping.length === valuesOccurrences.occurrences.length\n                : editionMapping.length === valuesOccurrences.occurrences.length + 1, // for undefined values\n        [editionMapping, valuesOccurrences],\n    );\n\n    const bulkCounter = useMemo(\n        () => (view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length),\n        [view.massSelection, totalCount],\n    );\n\n    const onOkButtonClick = async () => {\n        if (!selectedAttribute || !isMappingCompleted) {\n            return;\n        }\n        try {\n            await executeSaveValueBulk({\n                variables: {\n                    libraryId: view.libraryId,\n                    recordsFilters: massSelectionFilter,\n                    attributeId: selectedAttribute.id,\n                    mapValues: editionMapping,\n                },\n            });\n\n            closeModal();\n            KitNotification.info({\n                message: t('explorer.massAction.editAttribute_submit_notification_title'),\n                description: t('explorer.massAction.editAttribute_submit_notification_description', {\n                    counter: bulkCounter,\n                }),\n                duration: INFO_NOTIFICATION_DURATION,\n                closable: true,\n            });\n        } catch (error) {\n            KitAlert.error({\n                showIcon: true,\n                duration: ERROR_ALERT_DURATION,\n                message: t('error.error_occurred'),\n                description: t('explorer.massAction.editAttribute_submit_error'),\n                closable: true,\n            });\n        }\n    };\n\n    if (editableAttributes.length === 0) {\n        return {\n            editAttributeMassAction: null,\n            editAttributeMassActionModal: null,\n        };\n    }\n\n    return {\n        editAttributeMassAction: _editAttributeMassAction,\n        editAttributeMassActionModal: (\n            <EditAttributeMassActionModal\n                isOpen={openModal}\n                attributes={editableAttributes}\n                setSelectedAttribute={setSelectedAttribute}\n                massSelectionFilter={massSelectionFilter}\n                elementsCount={bulkCounter}\n                disableOkButton={!isMappingCompleted}\n                onOkButtonClick={onOkButtonClick}\n                onCancelButtonClick={closeModal}\n            >\n                {selectedAttribute != null && valuesOccurrences.loading ? <Loading /> : null}\n                {selectedAttribute?.type === AttributeType.tree && (\n                    <EditTreeAttributeValuesMapping\n                        selectedAttribute={selectedAttribute}\n                        valuesOccurrences={valuesOccurrences}\n                        setAttributeMapping={(before, after) => {\n                            setEditionMapping(\n                                editionMapping.filter(mapping => mapping.before !== before).concat([{before, after}]),\n                            );\n                        }}\n                    />\n                )}\n            </EditAttributeMassActionModal>\n        ),\n    };\n};\n"]}