@leav/ui 1.6.0 → 1.7.0-13483399

package/dist/_queries/attributes/attributeDetailsFragment.js

@@ -54,6 +54,11 @@ export const attributeDetailsFragment = gql `
                 id
                 label
             }
+            permissions_conf_dependent_values {
+                dependenciesTreeAttributes {
+                    id
+                }
+            }
         }
     }
 `;

package/dist/_queries/attributes/attributeDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD1C,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 {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"file":"attributeDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/attributes/attributeDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AAEnC,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D1C,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 {gql} from '@apollo/client';\n\nexport const attributeDetailsFragment = gql`\n    fragment AttributeDetails on Attribute {\n        id\n        type\n        format\n        system\n        readonly\n        label\n        description\n        required\n        multiple_values\n        multi_link_display_option\n        multi_tree_display_option\n        metadata_fields {\n            id\n            label\n            type\n            format\n        }\n        versions_conf {\n            versionable\n            mode\n            profile {\n                id\n                label\n                trees {\n                    id\n                    label\n                }\n            }\n        }\n        libraries {\n            id\n            label\n        }\n\n        ... on StandardAttribute {\n            unique\n        }\n\n        ... on LinkAttribute {\n            linked_library {\n                id\n                label\n            }\n            reverse_link\n        }\n        ... on TreeAttribute {\n            linked_tree {\n                id\n                label\n            }\n            permissions_conf_dependent_values {\n                dependenciesTreeAttributes {\n                    id\n                }\n            }\n        }\n    }\n`;\n"]}

package/dist/_queries/libraries/libraryDetailsFragment.js

@@ -74,6 +74,7 @@ export const libraryDetailsFragment = gql `
             color
             preview
             treeColorPreview
+            parentContext
         }
         permissions {
             admin_library

package/dist/_queries/libraries/libraryDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"libraryDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/libraries/libraryDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;MACnC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsF3B,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const libraryDetailsFragment = gql`\n    ${recordIdentityFragment}\n\n    fragment LibraryLinkAttributeDetails on LinkAttribute {\n        linked_library {\n            id\n            behavior\n        }\n    }\n\n    fragment LibraryTreeAttributeDetails on TreeAttribute {\n        linked_tree {\n            id\n        }\n    }\n\n    fragment LibraryAttributes on Attribute {\n        id\n        label\n        system\n        type\n        format\n        ...LibraryLinkAttributeDetails\n        ...LibraryTreeAttributeDetails\n    }\n\n    fragment LibraryPreviewsSettings on LibraryPreviewsSettings {\n        label\n        description\n        system\n        versions {\n            background\n            density\n            sizes {\n                name\n                size\n            }\n        }\n    }\n\n    fragment LibraryDetails on Library {\n        id\n        label\n        behavior\n        system\n        label\n        fullTextAttributes {\n            id\n            label\n        }\n        attributes {\n            ...LibraryAttributes\n        }\n        permissions_conf {\n            permissionTreeAttributes {\n                id\n                ... on TreeAttribute {\n                    linked_tree {\n                        id\n                    }\n                }\n                label\n            }\n            relation\n        }\n        recordIdentityConf {\n            label\n            subLabel\n            color\n            preview\n            treeColorPreview\n        }\n        permissions {\n            admin_library\n            access_library\n            access_record\n            create_record\n            edit_record\n            delete_record\n        }\n        icon {\n            ...RecordIdentity\n        }\n        previewsSettings {\n            ...LibraryPreviewsSettings\n        }\n    }\n`;\n"]}
+{"version":3,"file":"libraryDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/libraries/libraryDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;MACnC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuF3B,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const libraryDetailsFragment = gql`\n    ${recordIdentityFragment}\n\n    fragment LibraryLinkAttributeDetails on LinkAttribute {\n        linked_library {\n            id\n            behavior\n        }\n    }\n\n    fragment LibraryTreeAttributeDetails on TreeAttribute {\n        linked_tree {\n            id\n        }\n    }\n\n    fragment LibraryAttributes on Attribute {\n        id\n        label\n        system\n        type\n        format\n        ...LibraryLinkAttributeDetails\n        ...LibraryTreeAttributeDetails\n    }\n\n    fragment LibraryPreviewsSettings on LibraryPreviewsSettings {\n        label\n        description\n        system\n        versions {\n            background\n            density\n            sizes {\n                name\n                size\n            }\n        }\n    }\n\n    fragment LibraryDetails on Library {\n        id\n        label\n        behavior\n        system\n        label\n        fullTextAttributes {\n            id\n            label\n        }\n        attributes {\n            ...LibraryAttributes\n        }\n        permissions_conf {\n            permissionTreeAttributes {\n                id\n                ... on TreeAttribute {\n                    linked_tree {\n                        id\n                    }\n                }\n                label\n            }\n            relation\n        }\n        recordIdentityConf {\n            label\n            subLabel\n            color\n            preview\n            treeColorPreview\n            parentContext\n        }\n        permissions {\n            admin_library\n            access_library\n            access_record\n            create_record\n            edit_record\n            delete_record\n        }\n        icon {\n            ...RecordIdentity\n        }\n        previewsSettings {\n            ...LibraryPreviewsSettings\n        }\n    }\n`;\n"]}

package/dist/_queries/trees/treeNodeChildrenQuery.js

@@ -41,12 +41,14 @@ export const getTreeNodeChildrenQuery = gql `
         $node: ID
         $pagination: Pagination
         $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput
+        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput
     ) {
         treeNodeChildren(
             treeId: $treeId
             node: $node
             pagination: $pagination
             childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter
+            dependentValuesPermissionFilter: $dependentValuesPermissionFilter
         ) {
             totalCount
             list {

package/dist/_queries/trees/treeNodeChildrenQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeNodeChildrenQuery.js","sourceRoot":"","sources":["../../../src/_queries/trees/treeNodeChildrenQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;MACrC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD3B,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const getTreeNodeChildrenQuery = gql`\n    ${recordIdentityFragment}\n\n    fragment TreeNodeChild on TreeNodeLight {\n        id\n        order\n        childrenCount\n        record {\n            ...RecordIdentity\n            active: property(attribute: \"active\") {\n                ... on Value {\n                    value\n                }\n            }\n        }\n        ancestors {\n            id\n            record {\n                id\n                library {\n                    id\n                    label\n                }\n                ...RecordIdentity\n            }\n        }\n        permissions {\n            access_tree\n            detach\n            edit_children\n        }\n    }\n\n    query TREE_NODE_CHILDREN(\n        $treeId: ID!\n        $node: ID\n        $pagination: Pagination\n        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput\n    ) {\n        treeNodeChildren(\n            treeId: $treeId\n            node: $node\n            pagination: $pagination\n            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter\n        ) {\n            totalCount\n            list {\n                ...TreeNodeChild\n            }\n        }\n    }\n`;\n"]}
+{"version":3,"file":"treeNodeChildrenQuery.js","sourceRoot":"","sources":["../../../src/_queries/trees/treeNodeChildrenQuery.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;MACrC,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD3B,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '../../gqlFragments';\n\nexport const getTreeNodeChildrenQuery = gql`\n    ${recordIdentityFragment}\n\n    fragment TreeNodeChild on TreeNodeLight {\n        id\n        order\n        childrenCount\n        record {\n            ...RecordIdentity\n            active: property(attribute: \"active\") {\n                ... on Value {\n                    value\n                }\n            }\n        }\n        ancestors {\n            id\n            record {\n                id\n                library {\n                    id\n                    label\n                }\n                ...RecordIdentity\n            }\n        }\n        permissions {\n            access_tree\n            detach\n            edit_children\n        }\n    }\n\n    query TREE_NODE_CHILDREN(\n        $treeId: ID!\n        $node: ID\n        $pagination: Pagination\n        $childrenAsRecordValuePermissionFilter: ChildrenAsRecordValuePermissionFilterInput\n        $dependentValuesPermissionFilter: DependentValuesPermissionFilterInput\n    ) {\n        treeNodeChildren(\n            treeId: $treeId\n            node: $node\n            pagination: $pagination\n            childrenAsRecordValuePermissionFilter: $childrenAsRecordValuePermissionFilter\n            dependentValuesPermissionFilter: $dependentValuesPermissionFilter\n        ) {\n            totalCount\n            list {\n                ...TreeNodeChild\n            }\n        }\n    }\n`;\n"]}

package/dist/_queries/views/viewDetailsFragment.js

@@ -14,6 +14,7 @@ const viewDetailsFragment = gql `
         }
         condition
         operator
+        withEmptyValues
     }
 
     fragment ViewDetails on View {

package/dist/_queries/views/viewDetailsFragment.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/views/viewDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,mBAAmB,GAAG,GAAG,CAAA;MACzB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoD3B,CAAC;AAEF,eAAe,mBAAmB,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '_ui/gqlFragments';\n\nconst viewDetailsFragment = gql`\n    ${recordIdentityFragment}\n    fragment ViewDetailsFilter on RecordFilter {\n        field\n        value\n        tree {\n            id\n            label\n        }\n        condition\n        operator\n    }\n\n    fragment ViewDetails on View {\n        id\n        display {\n            size\n            type\n        }\n        shared\n        created_by {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        label\n        description\n        color\n        filters {\n            ...ViewDetailsFilter\n        }\n        sort {\n            field\n            order\n        }\n        valuesVersions {\n            treeId\n            treeNode {\n                id\n                record {\n                    ...RecordIdentity\n                }\n            }\n        }\n        attributes {\n            id\n        }\n    }\n`;\n\nexport default viewDetailsFragment;\n"]}
+{"version":3,"file":"viewDetailsFragment.js","sourceRoot":"","sources":["../../../src/_queries/views/viewDetailsFragment.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,GAAG,EAAC,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAC,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAExD,MAAM,mBAAmB,GAAG,GAAG,CAAA;MACzB,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD3B,CAAC;AAEF,eAAe,mBAAmB,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 {gql} from '@apollo/client';\nimport {recordIdentityFragment} from '_ui/gqlFragments';\n\nconst viewDetailsFragment = gql`\n    ${recordIdentityFragment}\n    fragment ViewDetailsFilter on RecordFilter {\n        field\n        value\n        tree {\n            id\n            label\n        }\n        condition\n        operator\n        withEmptyValues\n    }\n\n    fragment ViewDetails on View {\n        id\n        display {\n            size\n            type\n        }\n        shared\n        created_by {\n            id\n            whoAmI {\n                id\n                label\n                library {\n                    id\n                }\n            }\n        }\n        label\n        description\n        color\n        filters {\n            ...ViewDetailsFilter\n        }\n        sort {\n            field\n            order\n        }\n        valuesVersions {\n            treeId\n            treeNode {\n                id\n                record {\n                    ...RecordIdentity\n                }\n            }\n        }\n        attributes {\n            id\n        }\n    }\n`;\n\nexport default viewDetailsFragment;\n"]}

package/dist/components/AttributePicker/AttributesList/AttributesList.js

@@ -6,7 +6,7 @@ import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
 import { useApolloClient } from '@apollo/client';
 import { localizedTranslation } from '@leav/utils';
 import { Table } from 'antd';
-import { KitButton, KitInput, KitTag } from 'aristid-ds';
+import { KitButton, KitIdCard, KitInput, KitTag } from 'aristid-ds';
 import { useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { defaultPaginationPageSize, PreviewSize, tagColorByAttributeFormat, tagColorByAttributeType, } from '../../../constants';
@@ -153,9 +153,7 @@ function AttributesList({ onSelect, selected = [], multiple = true, showCreateBu
             render: (type) => (_jsx(KitTag, { style: {
                     borderColor: tagColorByAttributeType[type][0],
                     backgroundColor: tagColorByAttributeType[type][1],
-                }, idCardProps: {
-                    description: t(`attributes.type_${type}`),
-                } })),
+                }, children: _jsx(KitIdCard, { description: t(`attributes.type_${type}`) }) })),
             filters: Object.values(AttributeType).map(type => ({
                 text: t(`attributes.type_${type}`),
                 value: type,
@@ -175,9 +173,7 @@ function AttributesList({ onSelect, selected = [], multiple = true, showCreateBu
             render: (format) => format ? (_jsx(KitTag, { style: {
                     borderColor: tagColorByAttributeFormat[format][0],
                     backgroundColor: tagColorByAttributeFormat[format][1],
-                }, idCardProps: {
-                    description: t(`attributes.format_${format}`),
-                } })) : null,
+                }, children: _jsx(KitIdCard, { description: t(`attributes.format_${format}`) }) })) : null,
             filters: Object.values(AttributeFormat).map(format => ({
                 text: t(`attributes.format_${format}`),
                 value: format,

package/dist/components/AttributePicker/AttributesList/AttributesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributePicker/AttributesList/AttributesList.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 {PlusOutlined, SearchOutlined} from '@ant-design/icons';\nimport {useApolloClient} from '@apollo/client';\nimport {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/lib/table/interface';\nimport {KitButton, KitInput, KitTag} from 'aristid-ds';\nimport {type Key, useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {\n    defaultPaginationPageSize,\n    PreviewSize,\n    tagColorByAttributeFormat,\n    tagColorByAttributeType,\n} from '../../../constants';\nimport {useLang} from '../../../hooks';\nimport {useSharedTranslation} from '../../../hooks/useSharedTranslation';\nimport {\n    type AttributeDetailsFragment,\n    AttributeFormat,\n    AttributesSortableFields,\n    AttributeType,\n    type GetAttributesQuery,\n    type GetAttributesQueryVariables,\n    PermissionsActions,\n    PermissionTypes,\n    SortOrder,\n    useGetAttributesQuery,\n    useIsAllowedQuery,\n} from '../../../_gqlTypes';\nimport {getAttributesQuery} from '../../../_queries/attributes/getAttributesQuery';\nimport {extractPermissionFromQuery} from '../../../_utils';\nimport {EditAttributeModal} from '../../EditAttributeModal';\nimport {EntityCard, type IEntityData} from '../../EntityCard';\nimport {ErrorDisplay} from '../../ErrorDisplay';\n\nconst HeaderWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n\n    .kit-input-wrapper {\n        flex-grow: 1;\n    }\n`;\n\ntype ListAttributeType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {key: string};\n\ninterface IAttributesListProps {\n    onSelect: (selectedAttributes: string[]) => void;\n    selected?: string[];\n    multiple?: boolean;\n    showCreateButton?: boolean;\n    baseFilters?: GetAttributesQueryVariables['filters'];\n}\n\nfunction AttributesList({\n    onSelect,\n    selected = [],\n    multiple = true,\n    showCreateButton = true,\n    baseFilters,\n}: IAttributesListProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [pageSize, setPageSize] = useState(defaultPaginationPageSize);\n    const [currentPage, setCurrentPage] = useState(1);\n    const [sort, setSort] = useState<GetAttributesQueryVariables['sort']>();\n    const [filters, setFilters] = useState<GetAttributesQueryVariables['filters']>({});\n    const [tableData, setTableData] = useState<ListAttributeType[]>([]);\n\n    const {loading, error, data} = useGetAttributesQuery({\n        variables: {\n            pagination: {\n                limit: pageSize,\n                offset: (currentPage - 1) * pageSize,\n            },\n            sort,\n            filters: {\n                ...filters,\n                ...baseFilters,\n            },\n        },\n    });\n\n    const isAllowedQueryResult = useIsAllowedQuery({\n        fetchPolicy: 'cache-and-network',\n        variables: {\n            type: PermissionTypes.admin,\n            actions: [PermissionsActions.admin_create_attribute],\n        },\n    });\n    const canCreate =\n        showCreateButton && extractPermissionFromQuery(isAllowedQueryResult, PermissionsActions.admin_create_attribute);\n\n    const [selectedRowKeys, setSelectedRowKeys] = useState<Key[]>(selected);\n    const [isNewAttributeModalOpen, setIsNewAttributeModalOpen] = useState(false);\n    const client = useApolloClient();\n\n    const _handleSelectionChange = (selection: Key[]) => {\n        setSelectedRowKeys(selection);\n        onSelect(selection as string[]);\n    };\n\n    const _handleRowClick = (record: ListAttributeType) => {\n        let newSelection;\n\n        if (selectedRowKeys.indexOf(record.key) === -1) {\n            newSelection = multiple ? [...selectedRowKeys, record.key] : [record.key]; // Add to selection\n        } else {\n            newSelection = multiple ? selectedRowKeys.filter(key => key !== record.key) : []; // Remove from selection\n        }\n\n        setSelectedRowKeys(newSelection);\n        onSelect(newSelection as string[]);\n    };\n\n    const _handleSearchSubmit = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        setFilters({\n            ...filters,\n            label: `%${e.currentTarget.value}%`,\n        });\n    };\n\n    const _handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        // Handle clearing input only. Submitting input is otherwise handled by \"onPressEnter\"\n        if (!e.currentTarget.value) {\n            _handleSearchSubmit(e);\n        }\n    };\n\n    const _handleClickNewAttribute = () => {\n        setIsNewAttributeModalOpen(true);\n    };\n    const _handleCloseNewAttribute = () => setIsNewAttributeModalOpen(false);\n\n    const _handlePostCreate = async (newAttribute: AttributeDetailsFragment) => {\n        const allAttributesData = client.readQuery<GetAttributesQuery>({query: getAttributesQuery});\n\n        if (allAttributesData) {\n            client.writeQuery({\n                query: getAttributesQuery,\n                data: {\n                    attributes: {\n                        ...allAttributesData.attributes,\n                        list: [newAttribute, ...allAttributesData.attributes.list],\n                    },\n                },\n            });\n        }\n        const newSelection = [...selectedRowKeys, newAttribute.id];\n        onSelect(newSelection as string[]);\n        setSelectedRowKeys(newSelection);\n    };\n\n    const _handleChange = (\n        pagination: TablePaginationConfig,\n        filter: Record<string, FilterValue | null>,\n        sorter: SorterResult<ListAttributeType> | Array<SorterResult<ListAttributeType>>,\n    ) => {\n        setCurrentPage(pagination.current);\n        setPageSize(pagination.pageSize);\n\n        const relevantSorter = Array.isArray(sorter) ? sorter[0] : sorter;\n        if (relevantSorter.column && relevantSorter.order) {\n            const newSort = {\n                field: AttributesSortableFields[relevantSorter.columnKey],\n                order: relevantSorter.order === 'ascend' ? SortOrder.asc : SortOrder.desc,\n            };\n            setSort(newSort);\n        }\n\n        const newFilters: GetAttributesQueryVariables['filters'] = {};\n        for (const [field, filterValue] of Object.entries(filter)) {\n            if (filterValue) {\n                newFilters[field] = filterValue;\n            }\n        }\n        setFilters(newFilters);\n    };\n\n    if (error || isAllowedQueryResult.error) {\n        return <ErrorDisplay message={error?.message || isAllowedQueryResult?.error?.message} />;\n    }\n\n    const columns: TableColumnsType<ListAttributeType> = [\n        {\n            title: t('attributes.attribute'),\n            key: 'attribute',\n            render: (_, attribute) => {\n                const attributeIdentity: IEntityData = {\n                    label: attribute.label,\n                    subLabel: attribute.id,\n                    preview: null,\n                    color: null,\n                };\n                return <EntityCard entity={attributeIdentity} size={PreviewSize.SMALL} />;\n            },\n        },\n        {\n            title: t('attributes.type'),\n            dataIndex: 'type',\n            key: 'type',\n            width: '150px',\n            render: (type: AttributeType) => (\n                <KitTag\n                    style={{\n                        borderColor: tagColorByAttributeType[type][0],\n                        backgroundColor: tagColorByAttributeType[type][1],\n                    }}\n                    idCardProps={{\n                        description: t(`attributes.type_${type}`),\n                    }}\n                />\n            ),\n            filters: Object.values(AttributeType).map(type => ({\n                text: t(`attributes.type_${type}`),\n                value: type,\n            })),\n            onFilter: (value, record) => record.type === value,\n            sorter: (a, b) => {\n                const aTypeLabel = t(`attributes.type_${a.type}`);\n                const bTypeLabel = t(`attributes.type_${b.type}`);\n\n                return aTypeLabel.localeCompare(bTypeLabel);\n            },\n        },\n        {\n            title: t('attributes.format'),\n            dataIndex: 'format',\n            key: 'format',\n            width: '150px',\n            render: (format: AttributeFormat) =>\n                format ? (\n                    <KitTag\n                        style={{\n                            borderColor: tagColorByAttributeFormat[format][0],\n                            backgroundColor: tagColorByAttributeFormat[format][1],\n                        }}\n                        idCardProps={{\n                            description: t(`attributes.format_${format}`),\n                        }}\n                    />\n                ) : null,\n            filters: Object.values(AttributeFormat).map(format => ({\n                text: t(`attributes.format_${format}`),\n                value: format,\n            })),\n            onFilter: (value, record) => record.format === value,\n            sorter: (a, b) => {\n                const aFormatLabel = t(`attributes.format_${a.format}`);\n                const bFormatLabel = t(`attributes.format_${b.format}`);\n\n                return aFormatLabel.localeCompare(bFormatLabel);\n            },\n        },\n    ];\n\n    useEffect(() => {\n        // To avoid temporary display of \"no data\" when pagination changes\n        if (loading || !data) {\n            return;\n        }\n\n        const newTableData = data?.attributes?.list\n            ? [...data.attributes.list].map(attribute => ({\n                  ...attribute,\n                  key: attribute.id,\n                  label: localizedTranslation(attribute.label, lang),\n              }))\n            : [];\n\n        setTableData(newTableData);\n    }, [loading, data]);\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [inputRef]);\n\n    const tableHeader = (\n        <HeaderWrapper>\n            <KitInput\n                onPressEnter={_handleSearchSubmit}\n                onChange={_handleSearchChange}\n                placeholder={t('global.search') + '...'}\n                allowClear\n                suffix={<SearchOutlined />}\n                // @ts-ignore - ref is a valid prop\n                ref={inputRef}\n            />\n            {canCreate && (\n                <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n                    {t('attributes.new_attribute')}\n                </KitButton>\n            )}\n        </HeaderWrapper>\n    );\n\n    return (\n        <>\n            <Table\n                loading={loading}\n                size=\"middle\"\n                rowSelection={{\n                    type: multiple ? 'checkbox' : 'radio',\n                    selectedRowKeys,\n                    onChange: _handleSelectionChange,\n                }}\n                columns={columns}\n                dataSource={tableData}\n                bordered\n                pagination={{\n                    position: ['bottomCenter'],\n                    pageSize,\n                    current: currentPage,\n                    total: data?.attributes?.totalCount ?? 0,\n                    showTotal: total => t('global.total_count', {total}),\n                }}\n                scroll={{y: 'calc(95vh - 20rem)'}}\n                title={() => tableHeader}\n                onRow={record => ({\n                    onClick: () => _handleRowClick(record),\n                })}\n                onChange={_handleChange}\n            />\n            {isNewAttributeModalOpen && (\n                <EditAttributeModal\n                    open={isNewAttributeModalOpen}\n                    onClose={_handleCloseNewAttribute}\n                    onPostCreate={_handlePostCreate}\n                    width={790}\n                />\n            )}\n        </>\n    );\n}\n\nexport default AttributesList;\n"]}
+{"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributePicker/AttributesList/AttributesList.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 {PlusOutlined, SearchOutlined} from '@ant-design/icons';\nimport {useApolloClient} from '@apollo/client';\nimport {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/lib/table/interface';\nimport {KitButton, KitIdCard, KitInput, KitTag} from 'aristid-ds';\nimport {type Key, useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {\n    defaultPaginationPageSize,\n    PreviewSize,\n    tagColorByAttributeFormat,\n    tagColorByAttributeType,\n} from '../../../constants';\nimport {useLang} from '../../../hooks';\nimport {useSharedTranslation} from '../../../hooks/useSharedTranslation';\nimport {\n    type AttributeDetailsFragment,\n    AttributeFormat,\n    AttributesSortableFields,\n    AttributeType,\n    type GetAttributesQuery,\n    type GetAttributesQueryVariables,\n    PermissionsActions,\n    PermissionTypes,\n    SortOrder,\n    useGetAttributesQuery,\n    useIsAllowedQuery,\n} from '../../../_gqlTypes';\nimport {getAttributesQuery} from '../../../_queries/attributes/getAttributesQuery';\nimport {extractPermissionFromQuery} from '../../../_utils';\nimport {EditAttributeModal} from '../../EditAttributeModal';\nimport {EntityCard, type IEntityData} from '../../EntityCard';\nimport {ErrorDisplay} from '../../ErrorDisplay';\n\nconst HeaderWrapper = styled.div`\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 0.5rem;\n\n    .kit-input-wrapper {\n        flex-grow: 1;\n    }\n`;\n\ntype ListAttributeType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {key: string};\n\ninterface IAttributesListProps {\n    onSelect: (selectedAttributes: string[]) => void;\n    selected?: string[];\n    multiple?: boolean;\n    showCreateButton?: boolean;\n    baseFilters?: GetAttributesQueryVariables['filters'];\n}\n\nfunction AttributesList({\n    onSelect,\n    selected = [],\n    multiple = true,\n    showCreateButton = true,\n    baseFilters,\n}: IAttributesListProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const [pageSize, setPageSize] = useState(defaultPaginationPageSize);\n    const [currentPage, setCurrentPage] = useState(1);\n    const [sort, setSort] = useState<GetAttributesQueryVariables['sort']>();\n    const [filters, setFilters] = useState<GetAttributesQueryVariables['filters']>({});\n    const [tableData, setTableData] = useState<ListAttributeType[]>([]);\n\n    const {loading, error, data} = useGetAttributesQuery({\n        variables: {\n            pagination: {\n                limit: pageSize,\n                offset: (currentPage - 1) * pageSize,\n            },\n            sort,\n            filters: {\n                ...filters,\n                ...baseFilters,\n            },\n        },\n    });\n\n    const isAllowedQueryResult = useIsAllowedQuery({\n        fetchPolicy: 'cache-and-network',\n        variables: {\n            type: PermissionTypes.admin,\n            actions: [PermissionsActions.admin_create_attribute],\n        },\n    });\n    const canCreate =\n        showCreateButton && extractPermissionFromQuery(isAllowedQueryResult, PermissionsActions.admin_create_attribute);\n\n    const [selectedRowKeys, setSelectedRowKeys] = useState<Key[]>(selected);\n    const [isNewAttributeModalOpen, setIsNewAttributeModalOpen] = useState(false);\n    const client = useApolloClient();\n\n    const _handleSelectionChange = (selection: Key[]) => {\n        setSelectedRowKeys(selection);\n        onSelect(selection as string[]);\n    };\n\n    const _handleRowClick = (record: ListAttributeType) => {\n        let newSelection;\n\n        if (selectedRowKeys.indexOf(record.key) === -1) {\n            newSelection = multiple ? [...selectedRowKeys, record.key] : [record.key]; // Add to selection\n        } else {\n            newSelection = multiple ? selectedRowKeys.filter(key => key !== record.key) : []; // Remove from selection\n        }\n\n        setSelectedRowKeys(newSelection);\n        onSelect(newSelection as string[]);\n    };\n\n    const _handleSearchSubmit = (e: React.SyntheticEvent<HTMLInputElement>) => {\n        setFilters({\n            ...filters,\n            label: `%${e.currentTarget.value}%`,\n        });\n    };\n\n    const _handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n        // Handle clearing input only. Submitting input is otherwise handled by \"onPressEnter\"\n        if (!e.currentTarget.value) {\n            _handleSearchSubmit(e);\n        }\n    };\n\n    const _handleClickNewAttribute = () => {\n        setIsNewAttributeModalOpen(true);\n    };\n    const _handleCloseNewAttribute = () => setIsNewAttributeModalOpen(false);\n\n    const _handlePostCreate = async (newAttribute: AttributeDetailsFragment) => {\n        const allAttributesData = client.readQuery<GetAttributesQuery>({query: getAttributesQuery});\n\n        if (allAttributesData) {\n            client.writeQuery({\n                query: getAttributesQuery,\n                data: {\n                    attributes: {\n                        ...allAttributesData.attributes,\n                        list: [newAttribute, ...allAttributesData.attributes.list],\n                    },\n                },\n            });\n        }\n        const newSelection = [...selectedRowKeys, newAttribute.id];\n        onSelect(newSelection as string[]);\n        setSelectedRowKeys(newSelection);\n    };\n\n    const _handleChange = (\n        pagination: TablePaginationConfig,\n        filter: Record<string, FilterValue | null>,\n        sorter: SorterResult<ListAttributeType> | Array<SorterResult<ListAttributeType>>,\n    ) => {\n        setCurrentPage(pagination.current);\n        setPageSize(pagination.pageSize);\n\n        const relevantSorter = Array.isArray(sorter) ? sorter[0] : sorter;\n        if (relevantSorter.column && relevantSorter.order) {\n            const newSort = {\n                field: AttributesSortableFields[relevantSorter.columnKey],\n                order: relevantSorter.order === 'ascend' ? SortOrder.asc : SortOrder.desc,\n            };\n            setSort(newSort);\n        }\n\n        const newFilters: GetAttributesQueryVariables['filters'] = {};\n        for (const [field, filterValue] of Object.entries(filter)) {\n            if (filterValue) {\n                newFilters[field] = filterValue;\n            }\n        }\n        setFilters(newFilters);\n    };\n\n    if (error || isAllowedQueryResult.error) {\n        return <ErrorDisplay message={error?.message || isAllowedQueryResult?.error?.message} />;\n    }\n\n    const columns: TableColumnsType<ListAttributeType> = [\n        {\n            title: t('attributes.attribute'),\n            key: 'attribute',\n            render: (_, attribute) => {\n                const attributeIdentity: IEntityData = {\n                    label: attribute.label,\n                    subLabel: attribute.id,\n                    preview: null,\n                    color: null,\n                };\n                return <EntityCard entity={attributeIdentity} size={PreviewSize.SMALL} />;\n            },\n        },\n        {\n            title: t('attributes.type'),\n            dataIndex: 'type',\n            key: 'type',\n            width: '150px',\n            render: (type: AttributeType) => (\n                <KitTag\n                    style={{\n                        borderColor: tagColorByAttributeType[type][0],\n                        backgroundColor: tagColorByAttributeType[type][1],\n                    }}\n                >\n                    <KitIdCard description={t(`attributes.type_${type}`)} />\n                </KitTag>\n            ),\n            filters: Object.values(AttributeType).map(type => ({\n                text: t(`attributes.type_${type}`),\n                value: type,\n            })),\n            onFilter: (value, record) => record.type === value,\n            sorter: (a, b) => {\n                const aTypeLabel = t(`attributes.type_${a.type}`);\n                const bTypeLabel = t(`attributes.type_${b.type}`);\n\n                return aTypeLabel.localeCompare(bTypeLabel);\n            },\n        },\n        {\n            title: t('attributes.format'),\n            dataIndex: 'format',\n            key: 'format',\n            width: '150px',\n            render: (format: AttributeFormat) =>\n                format ? (\n                    <KitTag\n                        style={{\n                            borderColor: tagColorByAttributeFormat[format][0],\n                            backgroundColor: tagColorByAttributeFormat[format][1],\n                        }}\n                    >\n                        <KitIdCard description={t(`attributes.format_${format}`)} />\n                    </KitTag>\n                ) : null,\n            filters: Object.values(AttributeFormat).map(format => ({\n                text: t(`attributes.format_${format}`),\n                value: format,\n            })),\n            onFilter: (value, record) => record.format === value,\n            sorter: (a, b) => {\n                const aFormatLabel = t(`attributes.format_${a.format}`);\n                const bFormatLabel = t(`attributes.format_${b.format}`);\n\n                return aFormatLabel.localeCompare(bFormatLabel);\n            },\n        },\n    ];\n\n    useEffect(() => {\n        // To avoid temporary display of \"no data\" when pagination changes\n        if (loading || !data) {\n            return;\n        }\n\n        const newTableData = data?.attributes?.list\n            ? [...data.attributes.list].map(attribute => ({\n                  ...attribute,\n                  key: attribute.id,\n                  label: localizedTranslation(attribute.label, lang),\n              }))\n            : [];\n\n        setTableData(newTableData);\n    }, [loading, data]);\n\n    useEffect(() => {\n        if (inputRef.current) {\n            inputRef.current.focus();\n        }\n    }, [inputRef]);\n\n    const tableHeader = (\n        <HeaderWrapper>\n            <KitInput\n                onPressEnter={_handleSearchSubmit}\n                onChange={_handleSearchChange}\n                placeholder={t('global.search') + '...'}\n                allowClear\n                suffix={<SearchOutlined />}\n                // @ts-ignore - ref is a valid prop\n                ref={inputRef}\n            />\n            {canCreate && (\n                <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n                    {t('attributes.new_attribute')}\n                </KitButton>\n            )}\n        </HeaderWrapper>\n    );\n\n    return (\n        <>\n            <Table\n                loading={loading}\n                size=\"middle\"\n                rowSelection={{\n                    type: multiple ? 'checkbox' : 'radio',\n                    selectedRowKeys,\n                    onChange: _handleSelectionChange,\n                }}\n                columns={columns}\n                dataSource={tableData}\n                bordered\n                pagination={{\n                    position: ['bottomCenter'],\n                    pageSize,\n                    current: currentPage,\n                    total: data?.attributes?.totalCount ?? 0,\n                    showTotal: total => t('global.total_count', {total}),\n                }}\n                scroll={{y: 'calc(95vh - 20rem)'}}\n                title={() => tableHeader}\n                onRow={record => ({\n                    onClick: () => _handleRowClick(record),\n                })}\n                onChange={_handleChange}\n            />\n            {isNewAttributeModalOpen && (\n                <EditAttributeModal\n                    open={isNewAttributeModalOpen}\n                    onClose={_handleCloseNewAttribute}\n                    onPostCreate={_handlePostCreate}\n                    width={790}\n                />\n            )}\n        </>\n    );\n}\n\nexport default AttributesList;\n"]}

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { DndContext, closestCenter } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
 import styled from 'styled-components';
 import { infosCol } from '../../../components/LibraryItemsList/constants';
 import { AttributesSelectionListActionTypes } from '../reducer/attributesSelectionListReducer';
@@ -35,21 +37,27 @@ const CustomCard = styled.div `
 `;
 function SelectedAttributesList() {
     const { state, dispatch } = useAttributesSelectionListState();
-    const selection = state.selectedAttributes;
-    const _onDragEnd = result => {
-        if (!result.destination) {
+    const selection = state.selectedAttributes.filter(a => a.path !== infosCol);
+    const handleDragEnd = event => {
+        const { active, over } = event;
+        if (!over || active.id === over.id) {
             return;
         }
-        if (result.destination.index === result.source.index) {
+        const from = selection.findIndex(item => item.path === active.id);
+        const to = selection.findIndex(item => item.path === over.id);
+        if (from === -1 || to === -1) {
             return;
         }
-        dispatch({
-            type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE,
-            from: result.source.index,
-            to: result.destination.index,
-        });
+        dispatch({ type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE, from, to });
     };
-    return (_jsx(WrapperItemSelected, { children: _jsx(DragDropContext, { onDragEnd: _onDragEnd, children: _jsx(Droppable, { droppableId: "list-attributes-selected", children: provided => (_jsxs("div", { ref: provided.innerRef, ...provided.droppableProps, children: [selection.map((selectedAttribute, index) => selectedAttribute.path !== infosCol && (_jsx(Draggable, { index: index, draggableId: selectedAttribute.path, children: dragProvided => (_jsx(CustomCard, { ref: dragProvided.innerRef, ...dragProvided.draggableProps, children: _jsx(SelectedAttribute, { selectedAttribute: selectedAttribute, handleProps: dragProvided.dragHandleProps }) })) }, selectedAttribute.path))), provided.placeholder] })) }) }) }));
+    return (_jsx(WrapperItemSelected, { children: _jsx(DndContext, { collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: selection.map(a => a.path), strategy: verticalListSortingStrategy, children: selection.map(selectedAttribute => (_jsx(SortableItem, { selectedAttribute: selectedAttribute }, selectedAttribute.path))) }) }) }));
+}
+function SortableItem({ selectedAttribute }) {
+    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
+        id: selectedAttribute.path,
+    });
+    const style = { transform: CSS.Transform.toString(transform), transition };
+    return (_jsx(CustomCard, { ref: setNodeRef, style: style, ...attributes, children: _jsx(SelectedAttribute, { selectedAttribute: selectedAttribute, handleProps: listeners }) }));
 }
 export default SelectedAttributesList;
 //# sourceMappingURL=SelectedAttributesList.js.map

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectedAttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,eAAe,EAAE,SAAS,EAAE,SAAS,EAAC,MAAM,qBAAqB,CAAC;AAC1E,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,QAAQ,EAAC,MAAM,2CAA2C,CAAC;AACnE,OAAO,EAAC,kCAAkC,EAAC,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAC,+BAA+B,EAAC,MAAM,gDAAgD,CAAC;AAC/F,OAAO,iBAAiB,MAAM,uCAAuC,CAAC;AAEtE,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWrC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;CAY5B,CAAC;AAEF,SAAS,sBAAsB;IAC3B,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,+BAA+B,EAAE,CAAC;IAE5D,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC;IAE3C,MAAM,UAAU,GAAG,MAAM,CAAC,EAAE;QACxB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACtB,OAAO;QACX,CAAC;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACnD,OAAO;QACX,CAAC;QAED,QAAQ,CAAC;YACL,IAAI,EAAE,kCAAkC,CAAC,uBAAuB;YAChE,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK;YACzB,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,KAAK;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,mBAAmB,cAChB,KAAC,eAAe,IAAC,SAAS,EAAE,UAAU,YAClC,KAAC,SAAS,IAAC,WAAW,EAAC,0BAA0B,YAC5C,QAAQ,CAAC,EAAE,CAAC,CACT,eAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ,KAAM,QAAQ,CAAC,cAAc,aACnD,SAAS,CAAC,GAAG,CACV,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,CACzB,iBAAiB,CAAC,IAAI,KAAK,QAAQ,IAAI,CACnC,KAAC,SAAS,IAEN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,CAAC,IAAI,YAElC,YAAY,CAAC,EAAE,CAAC,CACb,KAAC,UAAU,IACP,GAAG,EAAE,YAAY,CAAC,QAAQ,KACtB,YAAY,CAAC,cAAc,YAE/B,KAAC,iBAAiB,IACd,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,YAAY,CAAC,eAAe,GAC3C,GACO,CAChB,IAdI,iBAAiB,CAAC,IAAI,CAenB,CACf,CACR,EACA,QAAQ,CAAC,WAAW,IACnB,CACT,GACO,GACE,GACA,CACzB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,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 {DragDropContext, Draggable, Droppable} from 'react-beautiful-dnd';\nimport styled from 'styled-components';\nimport {infosCol} from '_ui/components/LibraryItemsList/constants';\nimport {AttributesSelectionListActionTypes} from '../reducer/attributesSelectionListReducer';\nimport {useAttributesSelectionListState} from '../reducer/attributesSelectionListStateContext';\nimport SelectedAttribute from './SelectedAttribute/SelectedAttribute';\n\nconst WrapperItemSelected = styled.div`\n    overflow-y: auto;\n    height: calc(100vh - 15rem);\n\n    &&& > *:first-child {\n        margin-top: 0;\n    }\n\n    &&& > *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst CustomCard = styled.div`\n    &&& {\n        padding: 0;\n        margin: 0 10px 10px 10px;\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #f0f0f0;\n        border-radius: 2px;\n        min-height: 3rem;\n        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n        background: #fff;\n    }\n`;\n\nfunction SelectedAttributesList(): JSX.Element {\n    const {state, dispatch} = useAttributesSelectionListState();\n\n    const selection = state.selectedAttributes;\n\n    const _onDragEnd = result => {\n        if (!result.destination) {\n            return;\n        }\n\n        if (result.destination.index === result.source.index) {\n            return;\n        }\n\n        dispatch({\n            type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE,\n            from: result.source.index,\n            to: result.destination.index,\n        });\n    };\n\n    return (\n        <WrapperItemSelected>\n            <DragDropContext onDragEnd={_onDragEnd}>\n                <Droppable droppableId=\"list-attributes-selected\">\n                    {provided => (\n                        <div ref={provided.innerRef} {...provided.droppableProps}>\n                            {selection.map(\n                                (selectedAttribute, index) =>\n                                    selectedAttribute.path !== infosCol && (\n                                        <Draggable\n                                            key={selectedAttribute.path}\n                                            index={index}\n                                            draggableId={selectedAttribute.path}\n                                        >\n                                            {dragProvided => (\n                                                <CustomCard\n                                                    ref={dragProvided.innerRef}\n                                                    {...dragProvided.draggableProps}\n                                                >\n                                                    <SelectedAttribute\n                                                        selectedAttribute={selectedAttribute}\n                                                        handleProps={dragProvided.dragHandleProps}\n                                                    />\n                                                </CustomCard>\n                                            )}\n                                        </Draggable>\n                                    ),\n                            )}\n                            {provided.placeholder}\n                        </div>\n                    )}\n                </Droppable>\n            </DragDropContext>\n        </WrapperItemSelected>\n    );\n}\n\nexport default SelectedAttributesList;\n"]}
+{"version":3,"file":"SelectedAttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.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 {DndContext, closestCenter} from '@dnd-kit/core';\nimport {SortableContext, verticalListSortingStrategy, useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport styled from 'styled-components';\nimport {infosCol} from '_ui/components/LibraryItemsList/constants';\nimport {AttributesSelectionListActionTypes} from '../reducer/attributesSelectionListReducer';\nimport {useAttributesSelectionListState} from '../reducer/attributesSelectionListStateContext';\nimport SelectedAttribute from './SelectedAttribute/SelectedAttribute';\nimport {type ISelectedAttribute} from '_ui/types';\n\nconst WrapperItemSelected = styled.div`\n    overflow-y: auto;\n    height: calc(100vh - 15rem);\n\n    &&& > *:first-child {\n        margin-top: 0;\n    }\n\n    &&& > *:last-child {\n        margin-bottom: 0;\n    }\n`;\n\nconst CustomCard = styled.div`\n    &&& {\n        padding: 0;\n        margin: 0 10px 10px 10px;\n        display: flex;\n        justify-content: space-between;\n        border: 1px solid #f0f0f0;\n        border-radius: 2px;\n        min-height: 3rem;\n        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);\n        background: #fff;\n    }\n`;\n\nfunction SelectedAttributesList(): JSX.Element {\n    const {state, dispatch} = useAttributesSelectionListState();\n    const selection = state.selectedAttributes.filter(a => a.path !== infosCol);\n\n    const handleDragEnd = event => {\n        const {active, over} = event;\n        if (!over || active.id === over.id) {\n            return;\n        }\n        const from = selection.findIndex(item => item.path === active.id);\n        const to = selection.findIndex(item => item.path === over.id);\n        if (from === -1 || to === -1) {\n            return;\n        }\n        dispatch({type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE, from, to});\n    };\n\n    return (\n        <WrapperItemSelected>\n            <DndContext collisionDetection={closestCenter} onDragEnd={handleDragEnd}>\n                <SortableContext items={selection.map(a => a.path)} strategy={verticalListSortingStrategy}>\n                    {selection.map(selectedAttribute => (\n                        <SortableItem key={selectedAttribute.path} selectedAttribute={selectedAttribute} />\n                    ))}\n                </SortableContext>\n            </DndContext>\n        </WrapperItemSelected>\n    );\n}\n\nfunction SortableItem({selectedAttribute}: {selectedAttribute: ISelectedAttribute}) {\n    const {attributes, listeners, setNodeRef, transform, transition} = useSortable({\n        id: selectedAttribute.path,\n    });\n    const style = {transform: CSS.Transform.toString(transform), transition};\n\n    return (\n        <CustomCard ref={setNodeRef} style={style} {...attributes}>\n            <SelectedAttribute selectedAttribute={selectedAttribute} handleProps={listeners} />\n        </CustomCard>\n    );\n}\n\nexport default SelectedAttributesList;\n"]}

package/dist/components/AttributesSelectionList/reducer/__mocks__/attributesSelectionListStateContext.d.ts

@@ -7,5 +7,5 @@ export declare const useAttributesSelectionListState: () => {
         expandedAttributePath: string;
         attributes: import("../../../../_gqlTypes").AttributesByLibAttributeFragment[];
     };
-    dispatch: jest.Mock<any, any>;
+    dispatch: jest.Mock<any, any, any>;
 };