@leav/ui 1.7.0 → 1.8.0-24fcde77

package/dist/locales/fr/shared.json

@@ -310,7 +310,10 @@
         "activate": "Activer",
         "add": "Ajouter",
         "add-condition": "Ajouter une condition",
-        "empty-value": "Non défini"
+        "empty-value": "Non défini",
+        "visible-by-default": "Valeurs affichée(s) par défaut",
+        "hidden-by-default": "Valeurs masquée(s) par défaut",
+        "select-all": "Tout sélectionner"
     },
     "filter-item": {
         "no-operator": "Si"
@@ -542,7 +545,8 @@
         "unknown_attribute": "Attribut inconnu",
         "unknown_user": "Utilisateur inconnu",
         "show_history": "Voir tout l'historique ({{total}} événements)",
-        "hide_history": "Masquer l'historique ({{total}} événements)"
+        "hide_history": "Masquer l'historique ({{total}} événements)",
+        "of": "de"
     },
     "view": {
         "views": "Vues",

package/dist/types/records.d.ts

@@ -18,6 +18,7 @@ export interface IRecordIdentityWhoAmI {
     color?: string | null;
     library: IRecordIdentityLibrary;
     preview?: IPreviewScalar | null;
+    parentContext?: IRecordIdentityWhoAmI[] | null;
 }
 export interface IRecordIdentity {
     id: string;

package/dist/types/records.js.map

@@ -1 +1 @@
-{"version":3,"file":"records.js","sourceRoot":"","sources":["../../src/types/records.ts"],"names":[],"mappings":"","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 IPreviewScalar} from '@leav/utils';\nimport {type SystemTranslation} from './scalars';\n\nexport interface IRecordIdentityLibrary {\n    id: string;\n    label?: SystemTranslation | null;\n}\n\nexport interface IRecordIdentityPreview {\n    tiny: string | null;\n    small: string | null;\n    medium: string | null;\n    big: string | null;\n    huge: string | null;\n}\n\nexport interface IRecordIdentityWhoAmI {\n    id: string;\n    label?: string | null;\n    subLabel?: string | null;\n    color?: string | null;\n    library: IRecordIdentityLibrary;\n    preview?: IPreviewScalar | null;\n}\n\nexport interface IRecordIdentity {\n    id: string;\n    whoAmI: IRecordIdentityWhoAmI;\n}\n"]}
+{"version":3,"file":"records.js","sourceRoot":"","sources":["../../src/types/records.ts"],"names":[],"mappings":"","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 IPreviewScalar} from '@leav/utils';\nimport {type SystemTranslation} from './scalars';\n\nexport interface IRecordIdentityLibrary {\n    id: string;\n    label?: SystemTranslation | null;\n}\n\nexport interface IRecordIdentityPreview {\n    tiny: string | null;\n    small: string | null;\n    medium: string | null;\n    big: string | null;\n    huge: string | null;\n}\n\nexport interface IRecordIdentityWhoAmI {\n    id: string;\n    label?: string | null;\n    subLabel?: string | null;\n    color?: string | null;\n    library: IRecordIdentityLibrary;\n    preview?: IPreviewScalar | null;\n    parentContext?: IRecordIdentityWhoAmI[] | null;\n}\n\nexport interface IRecordIdentity {\n    id: string;\n    whoAmI: IRecordIdentityWhoAmI;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.7.0",
+  "version": "1.8.0-24fcde77",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -24,8 +24,8 @@
   "license": "LGPL3",
   "repository": "https://github.com/leav-solutions/leav-engine",
   "devDependencies": {
-    "@apollo/client": "3.8.1",
-    "@babel/preset-env": "7.28.6",
+    "@apollo/client": "3.14.0",
+    "@babel/preset-env": "7.29.0",
     "@babel/preset-react": "7.28.5",
     "@graphql-codegen/add": "5.0.3",
     "@graphql-codegen/cli": "6.1.1",
@@ -44,7 +44,7 @@
     "@types/react": "18.2.14",
     "@types/react-dom": "18.2.6",
     "@types/react-table": "7.7.20",
-    "aristid-ds": "14.0.0-ee1e09c",
+    "aristid-ds": "15.0.0-06322cf",
     "babel-jest": "29.7.0",
     "graphql": "16.12.0",
     "i18next": "22.5.1",
@@ -57,12 +57,12 @@
     "react-router-dom": "6.22.0",
     "ts-jest": "29.4.6",
     "tsc-alias": "1.8.16",
-    "typescript": "5.5.3",
+    "typescript": "5.9.3",
     "vite": "7.3.1"
   },
   "peerDependencies": {
     "@apollo/client": ">=3.8.1",
-    "aristid-ds": "^14.0.0-ee1e09c",
+    "aristid-ds": "15.0.0-06322cf",
     "i18next": ">=22.5.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -70,9 +70,9 @@
     "react-router-dom": "^6.22.0"
   },
   "dependencies": {
-    "@ant-design/icons": "5.2.6",
+    "@ant-design/icons": "5.6.1",
     "@ckeditor/ckeditor5-build-inline": "39.0.2",
-    "@ckeditor/ckeditor5-react": "6.1.0",
+    "@ckeditor/ckeditor5-react": "6.3.0",
     "@dnd-kit/core": "6.1.0",
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
@@ -80,7 +80,7 @@
     "@fortawesome/free-regular-svg-icons": "7.0.1",
     "@fortawesome/free-solid-svg-icons": "7.0.1",
     "@fortawesome/react-fontawesome": "3.0.2",
-    "@leav/utils": "1.7.0",
+    "@leav/utils": "1.8.0",
     "@uidotdev/usehooks": "2.4.1",
     "dayjs": "^1.11.13",
     "dompurify": "3.2.4",

package/dist/components/Filters/filter-items/EmptyValueCheckbox.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-import { KitTree } from 'aristid-ds';
-import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
-const TreeStyled = styled(KitTree) `
-    font-style: italic;
-`;
-const EMPTY_VALUE_KEY = '0';
-export const EmptyValueCheckbox = ({ filter, onSelect }) => {
-    const { t } = useSharedTranslation();
-    const onChange = () => {
-        onSelect(!filter.withEmptyValues);
-    };
-    return (_jsx(TreeStyled, { checkable: true, treeData: [{ title: t('filters.empty-value'), key: EMPTY_VALUE_KEY, isLeaf: true }], checkedKeys: filter.withEmptyValues ? [EMPTY_VALUE_KEY] : [], onSelect: onChange, onCheck: onChange }));
-};
-//# sourceMappingURL=EmptyValueCheckbox.js.map

package/dist/components/Filters/filter-items/EmptyValueCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyValueCheckbox.js","sourceRoot":"","sources":["../../../../src/components/Filters/filter-items/EmptyValueCheckbox.tsx"],"names":[],"mappings":";AAIA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAQpE,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA;;CAEjC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,CAAC,MAAM,kBAAkB,GAAgD,CAAC,EAAC,MAAM,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,QAAQ,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;IACtC,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,UAAU,IACP,SAAS,QACT,QAAQ,EAAE,CAAC,EAAC,KAAK,EAAE,CAAC,CAAC,qBAAqB,CAAC,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAC,CAAC,EACjF,WAAW,EAAE,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,EAC5D,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,QAAQ,GACnB,CACL,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 FunctionComponent} from 'react';\nimport styled from 'styled-components';\nimport {KitTree} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type UIFilter} from '../_types';\n\ninterface IEmptyValueCheckboxProps {\n    filter: UIFilter;\n    onSelect: (selected: boolean) => void;\n}\n\nconst TreeStyled = styled(KitTree)`\n    font-style: italic;\n`;\n\nconst EMPTY_VALUE_KEY = '0';\n\nexport const EmptyValueCheckbox: FunctionComponent<IEmptyValueCheckboxProps> = ({filter, onSelect}) => {\n    const {t} = useSharedTranslation();\n\n    const onChange = () => {\n        onSelect(!filter.withEmptyValues);\n    };\n\n    return (\n        <TreeStyled\n            checkable\n            treeData={[{title: t('filters.empty-value'), key: EMPTY_VALUE_KEY, isLeaf: true}]}\n            checkedKeys={filter.withEmptyValues ? [EMPTY_VALUE_KEY] : []}\n            onSelect={onChange}\n            onCheck={onChange}\n        />\n    );\n};\n"]}

package/dist/components/Filters/filter-items/filter-type/TreeAttributeDropDown.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { RecordFilterCondition } from '../../../../_gqlTypes';
-import { SelectTreeNode } from '../../../../components/SelectTreeNode';
-import styled from 'styled-components';
-import { EmptyValueCheckbox } from '../EmptyValueCheckbox';
-const DivStyled = styled.div `
-    max-height: 30rem;
-    overflow: auto;
-`;
-export const TreeAttributeDropDown = ({ filter, onFilterChange, }) => {
-    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);
-    const _handleOnCheckEmptyValue = (selected) => {
-        onFilterChange({
-            ...filter,
-            withEmptyValues: selected,
-        });
-    };
-    const _handleOnSelect = (node, selected) => {
-        let newSelectedIds;
-        if (selected) {
-            newSelectedIds = [...selectedNodesIds, node.id];
-        }
-        else {
-            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);
-        }
-        onFilterChange({
-            ...filter,
-            nodes: newSelectedIds.map(id => ({ nodeId: id, libraryId: node.record.whoAmI.library.id })),
-        });
-    };
-    const _getRecursiveChildrenRecord = (nodes) => {
-        const records = [];
-        const collectRecordIdsRecursively = (nodeList) => {
-            for (const node of nodeList) {
-                if (node.id === filter.attribute.linkedTree?.id) {
-                    continue;
-                }
-                if (node.record) {
-                    records.push(node.record);
-                }
-                if (node.children && node.children.length > 0) {
-                    collectRecordIdsRecursively(node.children);
-                }
-            }
-        };
-        collectRecordIdsRecursively(nodes);
-        // Delete duplicates
-        return Array.from(new Set(records));
-    };
-    const _getRecursiveFieldsFromLibraries = (nodes) => nodes
-        .filter(node => !!node.record?.whoAmI?.library?.id)
-        .map(node => `${filter.attribute.id}.${node.record?.whoAmI?.library?.id}.id`);
-    const _handleOnCheck = (selection) => {
-        const newSelectedNodes = selection.filter(node => !node?.disabled);
-        const records = _getRecursiveChildrenRecord(selection);
-        const fields = _getRecursiveFieldsFromLibraries(selection);
-        onFilterChange({
-            ...filter,
-            nodes: newSelectedNodes.map(node => ({
-                nodeId: node.id,
-                libraryId: node.record?.whoAmI.library.id ?? records[0]?.whoAmI.library.id ?? '',
-            })),
-            value: records.map(record => record.id),
-            formattedValue: records.map(record => record.whoAmI.label).filter(Boolean),
-            condition: RecordFilterCondition.EQUAL,
-            field: fields,
-        });
-    };
-    return (_jsxs(DivStyled, { children: [_jsx(EmptyValueCheckbox, { onSelect: _handleOnCheckEmptyValue, filter: filter }), _jsx(SelectTreeNode, { treeId: filter.attribute.linkedTree?.id ?? '', selectedNodes: selectedNodesIds, onSelect: _handleOnSelect, onCheck: _handleOnCheck, multiple: true, canSelectRoot: true, checkStrictly: false, checkable: true, loadRecursively: true, noPagination: true })] }));
-};
-//# sourceMappingURL=TreeAttributeDropDown.js.map

package/dist/components/Filters/filter-items/filter-type/TreeAttributeDropDown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeAttributeDropDown.js","sourceRoot":"","sources":["../../../../../src/components/Filters/filter-items/filter-type/TreeAttributeDropDown.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} from 'react';\nimport {type IRecordIdentity, type ITreeNodeWithRecord} from '_ui/types';\nimport {RecordFilterCondition} from '_ui/_gqlTypes';\nimport {type IFilterChildrenTreeDropDownProps} from './_types';\nimport {SelectTreeNode} from '_ui/components/SelectTreeNode';\nimport styled from 'styled-components';\nimport {EmptyValueCheckbox} from '../EmptyValueCheckbox';\n\nconst DivStyled = styled.div`\n    max-height: 30rem;\n    overflow: auto;\n`;\n\nexport const TreeAttributeDropDown: FunctionComponent<IFilterChildrenTreeDropDownProps> = ({\n    filter,\n    onFilterChange,\n}) => {\n    const selectedNodesIds = (filter.nodes ?? []).map(node => node.nodeId);\n\n    const _handleOnCheckEmptyValue = (selected: boolean) => {\n        onFilterChange({\n            ...filter,\n            withEmptyValues: selected,\n        });\n    };\n\n    const _handleOnSelect = (node: ITreeNodeWithRecord, selected: boolean) => {\n        let newSelectedIds: string[];\n        if (selected) {\n            newSelectedIds = [...selectedNodesIds, node.id];\n        } else {\n            newSelectedIds = selectedNodesIds.filter(selectedValue => selectedValue !== node.id);\n        }\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedIds.map(id => ({nodeId: id, libraryId: node.record.whoAmI.library.id})),\n        });\n    };\n\n    const _getRecursiveChildrenRecord = (nodes: ITreeNodeWithRecord[]): IRecordIdentity[] => {\n        const records: IRecordIdentity[] = [];\n        const collectRecordIdsRecursively = (nodeList: ITreeNodeWithRecord[]) => {\n            for (const node of nodeList) {\n                if (node.id === filter.attribute.linkedTree?.id) {\n                    continue;\n                }\n                if (node.record) {\n                    records.push(node.record);\n                }\n                if (node.children && node.children.length > 0) {\n                    collectRecordIdsRecursively(node.children);\n                }\n            }\n        };\n        collectRecordIdsRecursively(nodes);\n        // Delete duplicates\n        return Array.from(new Set(records));\n    };\n    const _getRecursiveFieldsFromLibraries = (nodes: ITreeNodeWithRecord[]): string[] =>\n        nodes\n            .filter(node => !!node.record?.whoAmI?.library?.id)\n            .map(node => `${filter.attribute.id}.${node.record?.whoAmI?.library?.id}.id`);\n\n    const _handleOnCheck = (selection: ITreeNodeWithRecord[]) => {\n        const newSelectedNodes = selection.filter(node => !node?.disabled);\n\n        const records = _getRecursiveChildrenRecord(selection);\n        const fields = _getRecursiveFieldsFromLibraries(selection);\n\n        onFilterChange({\n            ...filter,\n            nodes: newSelectedNodes.map(node => ({\n                nodeId: node.id,\n                libraryId: node.record?.whoAmI.library.id ?? records[0]?.whoAmI.library.id ?? '',\n            })),\n            value: records.map(record => record.id),\n            formattedValue: records.map(record => record.whoAmI.label).filter(Boolean),\n            condition: RecordFilterCondition.EQUAL,\n            field: fields,\n        });\n    };\n\n    return (\n        <DivStyled>\n            <EmptyValueCheckbox onSelect={_handleOnCheckEmptyValue} filter={filter} />\n            <SelectTreeNode\n                treeId={filter.attribute.linkedTree?.id ?? ''}\n                selectedNodes={selectedNodesIds}\n                onSelect={_handleOnSelect}\n                onCheck={_handleOnCheck}\n                multiple\n                canSelectRoot={true}\n                checkStrictly={false}\n                checkable\n                loadRecursively={true}\n                noPagination={true}\n            />\n        </DivStyled>\n    );\n};\n"]}