@leav/ui 0.0.1-alpha-1 → 1.0.0-beta6

package/dist/components/AttributePicker/AttributesList/AttributesList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { GetAttributesQueryVariables } from '../../../_gqlTypes';
+interface IAttributesListProps {
+    onSelect: (selectedAttributes: string[]) => void;
+    selected?: string[];
+    multiple?: boolean;
+    showCreateButton?: boolean;
+    baseFilters?: GetAttributesQueryVariables['filters'];
+}
+declare function AttributesList({ onSelect, selected, multiple, showCreateButton, baseFilters }: IAttributesListProps): JSX.Element;
+export default AttributesList;

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

@@ -0,0 +1,219 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+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 { useEffect, useRef, useState } from 'react';
+import styled from 'styled-components';
+import { defaultPaginationPageSize, PreviewSize, tagColorByAttributeFormat, tagColorByAttributeType } from '../../../constants';
+import { useLang } from '../../../hooks';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { AttributeFormat, AttributesSortableFields, AttributeType, PermissionsActions, PermissionTypes, SortOrder, useGetAttributesQuery, useIsAllowedQuery } from '../../../_gqlTypes';
+import { getAttributesQuery } from '../../../_queries/attributes/getAttributesQuery';
+import { extractPermissionFromQuery } from '../../../_utils';
+import { EditAttributeModal } from '../../EditAttributeModal';
+import { EntityCard } from '../../EntityCard';
+import { ErrorDisplay } from '../../ErrorDisplay';
+const HeaderWrapper = styled.div `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.5rem;
+
+    .kit-input-wrapper {
+        flex-grow: 1;
+    }
+`;
+function AttributesList({ onSelect, selected = [], multiple = true, showCreateButton = true, baseFilters }) {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const inputRef = useRef(null);
+    const [pageSize, setPageSize] = useState(defaultPaginationPageSize);
+    const [currentPage, setCurrentPage] = useState(1);
+    const [sort, setSort] = useState();
+    const [filters, setFilters] = useState({});
+    const [tableData, setTableData] = useState([]);
+    const { loading, error, data } = useGetAttributesQuery({
+        variables: {
+            pagination: {
+                limit: pageSize,
+                offset: (currentPage - 1) * pageSize
+            },
+            sort,
+            filters: {
+                ...filters,
+                ...baseFilters
+            }
+        }
+    });
+    const isAllowedQueryResult = useIsAllowedQuery({
+        fetchPolicy: 'cache-and-network',
+        variables: {
+            type: PermissionTypes.admin,
+            actions: [PermissionsActions.admin_create_attribute]
+        }
+    });
+    const canCreate = showCreateButton && extractPermissionFromQuery(isAllowedQueryResult, PermissionsActions.admin_create_attribute);
+    const [selectedRowKeys, setSelectedRowKeys] = useState(selected);
+    const [isNewAttributeModalOpen, setIsNewAttributeModalOpen] = useState(false);
+    const client = useApolloClient();
+    const _handleSelectionChange = (selection) => {
+        setSelectedRowKeys(selection);
+        onSelect(selection);
+    };
+    const _handleRowClick = (record) => {
+        let newSelection;
+        if (selectedRowKeys.indexOf(record.key) === -1) {
+            newSelection = multiple ? [...selectedRowKeys, record.key] : [record.key]; // Add to selection
+        }
+        else {
+            newSelection = multiple ? selectedRowKeys.filter(key => key !== record.key) : []; // Remove from selection
+        }
+        setSelectedRowKeys(newSelection);
+        onSelect(newSelection);
+    };
+    const _handleSearchSubmit = (e) => {
+        setFilters({
+            ...filters,
+            label: `%${e.currentTarget.value}%`
+        });
+    };
+    const _handleSearchChange = (e) => {
+        // Handle clearing input only. Submitting input is otherwise handled by "onPressEnter"
+        if (!e.currentTarget.value) {
+            _handleSearchSubmit(e);
+        }
+    };
+    const _handleClickNewAttribute = () => {
+        setIsNewAttributeModalOpen(true);
+    };
+    const _handleCloseNewAttribute = () => setIsNewAttributeModalOpen(false);
+    const _handlePostCreate = async (newAttribute) => {
+        const allAttributesData = client.readQuery({ query: getAttributesQuery });
+        if (allAttributesData) {
+            client.writeQuery({
+                query: getAttributesQuery,
+                data: {
+                    attributes: {
+                        ...allAttributesData.attributes,
+                        list: [newAttribute, ...allAttributesData.attributes.list]
+                    }
+                }
+            });
+        }
+        const newSelection = [...selectedRowKeys, newAttribute.id];
+        onSelect(newSelection);
+        setSelectedRowKeys(newSelection);
+    };
+    const _handleChange = (pagination, filter, sorter) => {
+        setCurrentPage(pagination.current);
+        setPageSize(pagination.pageSize);
+        const relevantSorter = Array.isArray(sorter) ? sorter[0] : sorter;
+        if (relevantSorter.column && relevantSorter.order) {
+            const newSort = {
+                field: AttributesSortableFields[relevantSorter.columnKey],
+                order: relevantSorter.order === 'ascend' ? SortOrder.asc : SortOrder.desc
+            };
+            setSort(newSort);
+        }
+        const newFilters = {};
+        for (const [field, filterValue] of Object.entries(filter)) {
+            if (filterValue) {
+                newFilters[field] = filterValue;
+            }
+        }
+        setFilters(newFilters);
+    };
+    if (error || isAllowedQueryResult.error) {
+        return _jsx(ErrorDisplay, { message: error?.message || isAllowedQueryResult?.error?.message });
+    }
+    const columns = [
+        {
+            title: t('attributes.attribute'),
+            key: 'attribute',
+            render: (_, attribute) => {
+                const attributeIdentity = {
+                    label: attribute.label,
+                    subLabel: attribute.id,
+                    preview: null,
+                    color: null
+                };
+                return _jsx(EntityCard, { entity: attributeIdentity, size: PreviewSize.small });
+            }
+        },
+        {
+            title: t('attributes.type'),
+            dataIndex: 'type',
+            key: 'type',
+            width: '150px',
+            render: (type) => (_jsx(KitTag, { color: tagColorByAttributeType[type], children: t(`attributes.type_${type}`) })),
+            filters: Object.values(AttributeType).map(type => ({
+                text: t(`attributes.type_${type}`),
+                value: type
+            })),
+            onFilter: (value, record) => record.type === value,
+            sorter: (a, b) => {
+                const aTypeLabel = t(`attributes.type_${a.type}`);
+                const bTypeLabel = t(`attributes.type_${b.type}`);
+                return aTypeLabel.localeCompare(bTypeLabel);
+            }
+        },
+        {
+            title: t('attributes.format'),
+            dataIndex: 'format',
+            key: 'format',
+            width: '150px',
+            render: (format) => format ? (_jsx(KitTag, { color: tagColorByAttributeFormat[format], children: t(`attributes.format_${format}`) })) : null,
+            filters: Object.values(AttributeFormat).map(format => ({
+                text: t(`attributes.format_${format}`),
+                value: format
+            })),
+            onFilter: (value, record) => record.format === value,
+            sorter: (a, b) => {
+                const aFormatLabel = t(`attributes.format_${a.format}`);
+                const bFormatLabel = t(`attributes.format_${b.format}`);
+                return aFormatLabel.localeCompare(bFormatLabel);
+            }
+        }
+    ];
+    useEffect(() => {
+        // To avoid temporary display of "no data" when pagination changes
+        if (loading || !data) {
+            return;
+        }
+        const newTableData = data?.attributes?.list
+            ? [...data.attributes.list].map(attribute => ({
+                ...attribute,
+                key: attribute.id,
+                label: localizedTranslation(attribute.label, lang)
+            }))
+            : [];
+        setTableData(newTableData);
+    }, [loading, data]);
+    useEffect(() => {
+        if (inputRef.current) {
+            inputRef.current.focus();
+        }
+    }, [inputRef]);
+    const tableHeader = (_jsxs(HeaderWrapper, { children: [_jsx(KitInput, { onPressEnter: _handleSearchSubmit, onChange: _handleSearchChange, placeholder: t('global.search') + '...', allowClear: true, suffix: _jsx(SearchOutlined, {}), 
+                // @ts-ignore - ref is a valid prop
+                ref: inputRef }), canCreate && (_jsx(KitButton, { type: "primary", icon: _jsx(PlusOutlined, {}), onClick: _handleClickNewAttribute, children: t('attributes.new_attribute') }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Table, { loading: loading, size: "middle", rowSelection: {
+                    type: multiple ? 'checkbox' : 'radio',
+                    selectedRowKeys,
+                    onChange: _handleSelectionChange
+                }, columns: columns, dataSource: tableData, bordered: true, pagination: {
+                    position: ['bottomCenter'],
+                    pageSize,
+                    current: currentPage,
+                    total: data?.attributes?.totalCount ?? 0,
+                    showTotal: total => t('global.total_count', { total })
+                }, scroll: { y: 'calc(95vh - 20rem)' }, title: () => tableHeader, onRow: record => ({
+                    onClick: () => _handleRowClick(record)
+                }), onChange: _handleChange }), isNewAttributeModalOpen && (_jsx(EditAttributeModal, { open: isNewAttributeModalOpen, onClose: _handleCloseNewAttribute, onPostCreate: _handlePostCreate, width: 790 }))] }));
+}
+export default AttributesList;

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributePicker/AttributesList/AttributesList.tsx"],"names":[],"mappings":"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"}

package/dist/components/AttributePicker/AttributesList/index.d.ts

@@ -0,0 +1 @@
+export { default as AttributesList } from './AttributesList';

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

@@ -0,0 +1,4 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+export { default as AttributesList } from './AttributesList';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AttributePicker/AttributesList/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/components/AttributePicker/index.d.ts

@@ -0,0 +1 @@
+export { default as AttributePicker } from './AttributePicker';

package/dist/components/AttributePicker/index.js

@@ -0,0 +1,4 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+export { default as AttributePicker } from './AttributePicker';

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AttributePicker/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,MAAM,mBAAmB,CAAC"}

package/dist/components/AttributesSelectionList/Attribute/Attribute.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ICommonAttributeComponentProps } from '../_types';
+declare function Attribute({ attribute, path, library, parentAttribute }: ICommonAttributeComponentProps): JSX.Element;
+export default Attribute;

package/dist/components/AttributesSelectionList/Attribute/Attribute.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { localizedTranslation } from '@leav/utils';
+import { Checkbox, Radio, Space } from 'antd';
+import styled from 'styled-components';
+import { themeVars } from '../../../antdTheme';
+import { useLang } from '../../../hooks';
+import { attributeToSelectedAttribute } from '../helpers/attributeToSelectedAttribute';
+import { AttributesSelectionListActionTypes } from '../reducer/attributesSelectionListReducer';
+import { useAttributesSelectionListState } from '../reducer/attributesSelectionListStateContext';
+import { SmallText, TextAttribute } from '../sharedComponents';
+const Item = styled.div `
+    padding: 0.5em;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    cursor: pointer;
+    border: 2px solid transparent;
+
+    &:hover {
+        border-color: ${themeVars.primaryColor};
+        background-color: ${themeVars.activeColor};
+    }
+`;
+const CheckboxWrapper = styled.div `
+    margin-left: 1em;
+`;
+function Attribute({ attribute, path, library, parentAttribute }) {
+    const attributePath = [path, attribute.id].filter(p => !!p).join('.');
+    const { lang } = useLang();
+    const { state, dispatch } = useAttributesSelectionListState();
+    const _handleClick = () => {
+        dispatch({
+            type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_SELECTION,
+            attribute: attributeToSelectedAttribute(attribute, {
+                path: attributePath,
+                library,
+                parentAttributeData: parentAttribute
+            })
+        });
+    };
+    const label = localizedTranslation(attribute.label, lang);
+    const isSelected = state.selectedAttributes.findIndex(selectedAttribute => selectedAttribute.path === attributePath) !== -1;
+    return (_jsxs(Item, { onClick: _handleClick, "data-testid": "attribute-in-list", children: [_jsxs(Space, { children: [_jsx(TextAttribute, { children: label ?? attribute.id }), label && _jsx(SmallText, { children: attribute.id })] }), _jsx(CheckboxWrapper, { children: state.multiple ? _jsx(Checkbox, { checked: isSelected }) : _jsx(Radio, { checked: isSelected }) })] }));
+}
+export default Attribute;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Attribute.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/Attribute/Attribute.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;AACxC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,4BAA4B,EAAC,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAC,kCAAkC,EAAC,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAC,+BAA+B,EAAC,MAAM,gDAAgD,CAAC;AAC/F,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAG7D,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;wBAUC,SAAS,CAAC,YAAY;4BAClB,SAAS,CAAC,WAAW;;CAEhD,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEjC,CAAC;AAEF,SAAS,SAAS,CAAC,EAAC,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAiC;IAC1F,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtE,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,KAAK,EAAE,QAAQ,EAAC,GAAG,+BAA+B,EAAE,CAAC;IAE5D,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,QAAQ,CAAC;YACL,IAAI,EAAE,kCAAkC,CAAC,0BAA0B;YACnE,SAAS,EAAE,4BAA4B,CAAC,SAAS,EAAE;gBAC/C,IAAI,EAAE,aAAa;gBACnB,OAAO;gBACP,mBAAmB,EAAE,eAAe;aACvC,CAAC;SACL,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,oBAAoB,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAC1D,MAAM,UAAU,GACZ,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,CAAC,iBAAiB,CAAC,IAAI,KAAK,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAE7G,OAAO,CACH,MAAC,IAAI,kBAAC,OAAO,EAAE,YAAY,iBAAc,mBAAmB,iBACxD,MAAC,KAAK,eACF,KAAC,aAAa,cAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAAE,GAAiB,EACrD,KAAK,IAAI,KAAC,SAAS,cAAE,SAAS,CAAC,EAAE,GAAa,IAC3C,EACR,KAAC,eAAe,cACX,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,OAAO,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,OAAO,EAAE,UAAU,GAAI,GACtE,KACf,CACV,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}

package/dist/components/AttributesSelectionList/Attribute/index.d.ts

@@ -0,0 +1,2 @@
+import Attribute from './Attribute';
+export default Attribute;

package/dist/components/AttributesSelectionList/Attribute/index.js

@@ -0,0 +1,5 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import Attribute from './Attribute';
+export default Attribute;

package/dist/components/AttributesSelectionList/Attribute/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/Attribute/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,eAAe,SAAS,CAAC"}

package/dist/components/AttributesSelectionList/AttributesSelectionList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ISelectedAttribute } from '../../types/attributes';
+interface IAttributesSelectionListProps {
+    library: string;
+    multiple?: boolean;
+    selectedAttributes?: ISelectedAttribute[];
+    canExpandExtendedAttributes?: boolean;
+    onSelectionChange: (selectedAttributes: ISelectedAttribute[]) => void;
+}
+declare function AttributesSelectionList({ library, multiple, selectedAttributes, canExpandExtendedAttributes, onSelectionChange }: IAttributesSelectionListProps): JSX.Element;
+export default AttributesSelectionList;

package/dist/components/AttributesSelectionList/AttributesSelectionList.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { localizedTranslation } from '@leav/utils';
+import { Input, List, Spin } from 'antd';
+import { useEffect, useReducer, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import styled from 'styled-components';
+import { useLang } from '../../hooks';
+import { useGetAttributesByLibQuery } from '../../_gqlTypes';
+import { ErrorDisplay } from '../ErrorDisplay';
+import Attribute from './Attribute';
+import attributeSelectionListReducer, { AttributesSelectionListActionTypes, initialState } from './reducer/attributesSelectionListReducer';
+import { AttributesSelectionListStateContext } from './reducer/attributesSelectionListStateContext';
+import SelectedAttributesList from './SelectedAttributesList';
+import { CustomForm } from './sharedComponents';
+const ListWrapper = styled.div `
+    padding: 0.3rem 1rem 0 1rem;
+    overflow-y: scroll;
+    height: calc(100vh - 15rem);
+`;
+const Wrapper = styled.div `
+    display: Grid;
+    grid-template-columns: repeat(${props => (props.$multiple ? 2 : 1)}, 1fr);
+    grid-column-gap: 0.3rem;
+`;
+function AttributesSelectionList({ library, multiple = true, selectedAttributes = [], canExpandExtendedAttributes = true, onSelectionChange }) {
+    const { t } = useTranslation();
+    const searchRef = useRef(null);
+    const { lang } = useLang();
+    const [searchValue, setSearchValue] = useState('');
+    const [state, dispatch] = useReducer(attributeSelectionListReducer, {
+        ...initialState,
+        library,
+        multiple,
+        selectedAttributes,
+        canExpandExtendedAttributes
+    });
+    // Retrieve attributes list
+    const { loading, error } = useGetAttributesByLibQuery({
+        variables: {
+            library
+        },
+        onCompleted: data => {
+            dispatch({
+                type: AttributesSelectionListActionTypes.SET_ATTRIBUTES,
+                attributes: data.attributes?.list || []
+            });
+        }
+    });
+    useEffect(() => {
+        onSelectionChange(state.selectedAttributes);
+    }, [onSelectionChange, state.selectedAttributes]);
+    // Display list
+    if (loading) {
+        return _jsx(Spin, {});
+    }
+    const _handleSearchChange = (search) => {
+        setSearchValue(search);
+    };
+    const attributesList = state.attributes.filter(attribute => {
+        if (!searchValue) {
+            return true;
+        }
+        const attributeLabel = localizedTranslation(attribute.label, lang).toLowerCase();
+        return attributeLabel.indexOf(searchValue) !== -1 || attribute.id.indexOf(searchValue) !== -1;
+    });
+    return (_jsx(AttributesSelectionListStateContext.Provider, { value: { state, dispatch }, children: _jsxs(Wrapper, { "$multiple": state.multiple, children: [_jsxs(ListWrapper, { "data-testid": "attributes-list", children: [_jsx(CustomForm, { children: _jsx(Input.Search, { placeholder: t('attributes-list.search'), "aria-label": "search", ref: searchRef, onChange: event => _handleSearchChange(event.target.value ?? '') }) }), error ? (_jsx(ErrorDisplay, { message: error.message })) : (_jsx(List, { children: attributesList.map(attribute => (_jsx(Attribute, { attribute: attribute, depth: 0, library: library, path: "" }, attribute.id))) }))] }), multiple && _jsx(SelectedAttributesList, { "data-testid": "selected-attributes-list" })] }) }));
+}
+export default AttributesSelectionList;

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

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

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/SelectedAttribute.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ISelectedAttribute } from '../../../../types/attributes';
+interface ISelectedAttributeProps {
+    selectedAttribute: ISelectedAttribute;
+    handleProps: any;
+}
+declare const SelectedAttribute: ({ selectedAttribute, handleProps }: ISelectedAttributeProps) => JSX.Element;
+export default SelectedAttribute;

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { CloseOutlined, HolderOutlined } from '@ant-design/icons';
+import { localizedTranslation } from '@leav/utils';
+import { Button, Space } from 'antd';
+import styled from 'styled-components';
+import { useLang } from '../../../../hooks';
+import { AttributesSelectionListActionTypes } from '../../reducer/attributesSelectionListReducer';
+import { useAttributesSelectionListState } from '../../reducer/attributesSelectionListStateContext';
+import { SmallText, TextAttribute } from '../../sharedComponents';
+const DragHandle = styled.div `
+    border-right: 1px solid #f0f0f0;
+    padding: 0.5em;
+    display: flex;
+    align-items: center;
+`;
+const Content = styled(Space) `
+    padding: 0.5em;
+    flex-grow: 1;
+`;
+const CloseWrapper = styled.div `
+    padding: 8px;
+`;
+const SelectedAttribute = ({ selectedAttribute, handleProps }) => {
+    const { lang } = useLang();
+    const { dispatch } = useAttributesSelectionListState();
+    const label = localizedTranslation(selectedAttribute.label, lang);
+    const _handleUnselectAttribute = () => {
+        dispatch({
+            type: AttributesSelectionListActionTypes.TOGGLE_ATTRIBUTE_SELECTION,
+            attribute: selectedAttribute
+        });
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(DragHandle, { ...handleProps, children: _jsx(HolderOutlined, {}) }), _jsxs(Content, { direction: "vertical", children: [_jsx(TextAttribute, { children: label ?? selectedAttribute.id }), label && (_jsx("div", { children: _jsx(SmallText, { children: selectedAttribute.id }) }))] }), _jsx(CloseWrapper, { children: _jsx(Button, { icon: _jsx(CloseOutlined, {}), size: "small", onClick: _handleUnselectAttribute }) })] }));
+};
+export default SelectedAttribute;

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedAttribute.js","sourceRoot":"","sources":["../../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/SelectedAttribute.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,aAAa,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,MAAM,EAAE,KAAK,EAAC,MAAM,MAAM,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,OAAO,EAAC,kCAAkC,EAAC,MAAM,8CAA8C,CAAC;AAChG,OAAO,EAAC,+BAA+B,EAAC,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAC,SAAS,EAAE,aAAa,EAAC,MAAM,wBAAwB,CAAC;AAOhE,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK5B,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;CAG5B,CAAC;AAEF,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE9B,CAAC;AAEF,MAAM,iBAAiB,GAAG,CAAC,EAAC,iBAAiB,EAAE,WAAW,EAA0B,EAAE,EAAE;IACpF,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,EAAC,QAAQ,EAAC,GAAG,+BAA+B,EAAE,CAAC;IAErD,MAAM,KAAK,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAElE,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,QAAQ,CAAC;YACL,IAAI,EAAE,kCAAkC,CAAC,0BAA0B;YACnE,SAAS,EAAE,iBAAiB;SAC/B,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,OAAO,CACH,8BACI,KAAC,UAAU,oBAAK,WAAW,cACvB,KAAC,cAAc,KAAG,IACT,EAEb,MAAC,OAAO,kBAAC,SAAS,EAAC,UAAU,iBACzB,KAAC,aAAa,cAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,iBAAiB,CAAC,EAAE,GAAiB,EAC7D,KAAK,IAAI,CACN,wBACI,KAAC,SAAS,cAAE,iBAAiB,CAAC,EAAE,GAAa,GAC3C,CACT,KACK,EACV,KAAC,YAAY,cACT,KAAC,MAAM,IAAC,IAAI,EAAE,KAAC,aAAa,KAAG,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,wBAAwB,GAAI,GACxE,IAChB,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/index.d.ts

@@ -0,0 +1,2 @@
+import SelectedAttribute from './SelectedAttribute';
+export default SelectedAttribute;

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

@@ -0,0 +1,5 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import SelectedAttribute from './SelectedAttribute';
+export default SelectedAttribute;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttribute/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,eAAe,iBAAiB,CAAC"}

package/dist/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SelectedAttributesList(): JSX.Element;
+export default SelectedAttributesList;

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017
+// 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 styled from 'styled-components';
+import { infosCol } from '../../../components/LibraryItemsList/constants';
+import { AttributesSelectionListActionTypes } from '../reducer/attributesSelectionListReducer';
+import { useAttributesSelectionListState } from '../reducer/attributesSelectionListStateContext';
+import SelectedAttribute from './SelectedAttribute/SelectedAttribute';
+const WrapperItemSelected = styled.div `
+    overflow-y: auto;
+    height: calc(100vh - 15rem);
+
+    &&& > *:first-child {
+        margin-top: 0;
+    }
+
+    &&& > *:last-child {
+        margin-bottom: 0;
+    }
+`;
+const CustomCard = styled.div `
+    &&& {
+        padding: 0;
+        margin: 0 10px 10px 10px;
+        display: flex;
+        justify-content: space-between;
+        border: 1px solid #f0f0f0;
+        border-radius: 2px;
+        min-height: 3rem;
+        box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
+        background: #fff;
+    }
+`;
+function SelectedAttributesList() {
+    const { state, dispatch } = useAttributesSelectionListState();
+    const selection = state.selectedAttributes;
+    const _onDragEnd = result => {
+        if (!result.destination) {
+            return;
+        }
+        if (result.destination.index === result.source.index) {
+            return;
+        }
+        dispatch({
+            type: AttributesSelectionListActionTypes.MOVE_SELECTED_ATTRIBUTE,
+            from: result.source.index,
+            to: result.destination.index
+        });
+    };
+    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] })) }) }) }));
+}
+export default SelectedAttributesList;

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedAttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/SelectedAttributesList.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,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;YACrB,OAAO;SACV;QAED,IAAI,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE;YAClD,OAAO;SACV;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,kBAAC,SAAS,EAAE,UAAU,gBAClC,KAAC,SAAS,kBAAC,WAAW,EAAC,0BAA0B,gBAC5C,QAAQ,CAAC,EAAE,CAAC,CACT,6BAAK,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAAM,QAAQ,CAAC,cAAc,eACnD,SAAS,CAAC,GAAG,CACV,CAAC,iBAAiB,EAAE,KAAK,EAAE,EAAE,CACzB,iBAAiB,CAAC,IAAI,KAAK,QAAQ,IAAI,CACnC,KAAC,SAAS,kBAEN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,iBAAiB,CAAC,IAAI,gBAElC,YAAY,CAAC,EAAE,CAAC,CACb,KAAC,UAAU,kBACP,GAAG,EAAE,YAAY,CAAC,QAAQ,IACtB,YAAY,CAAC,cAAc,cAE/B,KAAC,iBAAiB,IACd,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,YAAY,CAAC,eAAe,GAC3C,IACO,CAChB,KAdI,iBAAiB,CAAC,IAAI,CAenB,CACf,CACR,EACA,QAAQ,CAAC,WAAW,KACnB,CACT,IACO,IACE,GACA,CACzB,CAAC;AACN,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/components/AttributesSelectionList/SelectedAttributesList/index.d.ts

@@ -0,0 +1,2 @@
+import SelectedAttributesList from './SelectedAttributesList';
+export default SelectedAttributesList;

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

@@ -0,0 +1,5 @@
+// Copyright LEAV Solutions 2017
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import SelectedAttributesList from './SelectedAttributesList';
+export default SelectedAttributesList;

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AttributesSelectionList/SelectedAttributesList/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,eAAe,sBAAsB,CAAC"}

package/dist/components/AttributesSelectionList/_types.d.ts

@@ -0,0 +1,8 @@
+import { AttributesByLibAttributeFragment, AttributesByLibAttributeLinkAttributeFragment, AttributesByLibAttributeTreeAttributeFragment } from '../../_gqlTypes';
+export interface ICommonAttributeComponentProps {
+    attribute: AttributesByLibAttributeFragment;
+    library: string;
+    path: string;
+    depth: number;
+    parentAttribute?: AttributesByLibAttributeLinkAttributeFragment | AttributesByLibAttributeTreeAttributeFragment;
+}

package/dist/components/AttributesSelectionList/_types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sourceRoot":"","sources":["../../../src/components/AttributesSelectionList/_types.ts"],"names":[],"mappings":""}

package/dist/components/AttributesSelectionList/helpers/attributeToSelectedAttribute.d.ts

@@ -0,0 +1,3 @@
+import { ISelectedAttribute } from '../../../types/attributes';
+import { AttributesByLibAttributeFragment } from '../../../_gqlTypes';
+export declare const attributeToSelectedAttribute: (attribute: AttributesByLibAttributeFragment, otherProps: Pick<ISelectedAttribute, 'path' | 'library' | 'parentAttributeData' | 'embeddedFieldData'>) => ISelectedAttribute;

package/dist/components/AttributesSelectionList/helpers/attributeToSelectedAttribute.js

@@ -0,0 +1,5 @@
+import pick from 'lodash/pick';
+export const attributeToSelectedAttribute = (attribute, otherProps) => ({
+    ...pick(attribute, ['id', 'label', 'format', 'type', 'multiple_values']),
+    ...otherProps
+});