@leav/ui 0.0.1-alpha-1 → 0.0.1-alpha-2

package/dist/antdTheme/index.js

@@ -0,0 +1,101 @@
+// 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 * from './types';
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+const baseTextColor = '#000000';
+export const themeVars = {
+    primaryColor: '#0f97e4',
+    primaryColorLighter: '#37b2f0',
+    defaultBg: '#ffffff',
+    invertedDefaultBg: '#000000',
+    defaultTextColor: baseTextColor,
+    invertedDefaultTextColor: '#ffffff',
+    secondaryTextColor: baseTextColor + '80',
+    activeColor: '#def4ff',
+    errorColor: '#e02020',
+    secondaryBg: '#f0f0f0',
+    lightBg: '#fafafa',
+    headerBg: '#f4f4f4',
+    borderColor: '#d9d9d9',
+    borderLightColor: 'rgb(240, 240, 240)',
+    headerHeight: '3rem',
+    navigationColumnWidth: '20rem',
+    inheritedValuesVersionColor: '#FFBA00',
+    checkerBoard: 'repeating-conic-gradient(rgb(220,220,220) 0% 25%, rgb(240,240,240) 0% 50%) 50% / 20px 20px',
+    imageDefaultBackground: 'rgb(245, 245, 245)'
+};
+export const customTheme = {
+    token: {
+        colorPrimary: themeVars.primaryColor,
+        colorError: themeVars.errorColor,
+        colorBgBase: themeVars.defaultBg,
+        colorTextBase: themeVars.defaultTextColor,
+        colorBorder: themeVars.borderColor,
+        colorBorderSecondary: themeVars.borderLightColor,
+        colorSplit: themeVars.borderColor,
+        wireframe: false
+    },
+    components: {
+        Layout: {
+            headerBg: themeVars.secondaryBg,
+            controlHeight: 24 // Used by antd to compute the height of the header (2 * controlHeight)
+        },
+        Dropdown: {
+            controlItemBgHover: themeVars.activeColor,
+            colorSplit: themeVars.borderLightColor
+        },
+        Menu: {
+            colorActiveBarBorderSize: 0
+        },
+        Table: {
+            colorBgContainer: 'transparent',
+            colorFillAlter: themeVars.lightBg
+        }
+    }
+};
+export const dsTheme = {
+    general: {
+        colors: {
+            primary: {
+                primary100: '#ddf1fd',
+                primary200: '#98d6f8',
+                primary300: '#54baf4',
+                primary400: themeVars.primaryColor,
+                primary500: '#0d80c2',
+                primary600: '#0b6aa0',
+                primary700: '#08537d'
+            }
+        }
+    },
+    components: {
+        Button: {
+            primary: {
+                colors: {
+                    background: {
+                        hover: themeVars.primaryColorLighter
+                    },
+                    border: {
+                        default: customTheme.token.colorPrimary,
+                        hover: themeVars.primaryColorLighter
+                    }
+                }
+            },
+            default: {
+                colors: {
+                    border: {
+                        hover: customTheme.token.colorPrimary
+                    }
+                }
+            }
+        },
+        Input: {
+            colors: {
+                border: {
+                    hover: customTheme.token.colorPrimary
+                }
+            }
+        }
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist/antdTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/antdTheme/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AAMtE,cAAc,SAAS,CAAC;AAExB,sEAAsE;AACtE,MAAM,aAAa,GAAG,SAAS,CAAC;AAChC,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,YAAY,EAAE,SAAS;IACvB,mBAAmB,EAAE,SAAS;IAC9B,SAAS,EAAE,SAAS;IACpB,iBAAiB,EAAE,SAAS;IAC5B,gBAAgB,EAAE,aAAa;IAC/B,wBAAwB,EAAE,SAAS;IACnC,kBAAkB,EAAE,aAAa,GAAG,IAAI;IACxC,WAAW,EAAE,SAAS;IACtB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,SAAS;IACtB,gBAAgB,EAAE,oBAAoB;IACtC,YAAY,EAAE,MAAM;IACpB,qBAAqB,EAAE,OAAO;IAC9B,2BAA2B,EAAE,SAAS;IACtC,YAAY,EAAE,4FAA4F;IAC1G,sBAAsB,EAAE,oBAAoB;CAC/C,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAgB;IACpC,KAAK,EAAE;QACH,YAAY,EAAE,SAAS,CAAC,YAAY;QACpC,UAAU,EAAE,SAAS,CAAC,UAAU;QAChC,WAAW,EAAE,SAAS,CAAC,SAAS;QAChC,aAAa,EAAE,SAAS,CAAC,gBAAgB;QACzC,WAAW,EAAE,SAAS,CAAC,WAAW;QAClC,oBAAoB,EAAE,SAAS,CAAC,gBAAgB;QAChD,UAAU,EAAE,SAAS,CAAC,WAAW;QACjC,SAAS,EAAE,KAAK;KACnB;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,QAAQ,EAAE,SAAS,CAAC,WAAW;YAC/B,aAAa,EAAE,EAAE,CAAC,uEAAuE;SAC5F;QACD,QAAQ,EAAE;YACN,kBAAkB,EAAE,SAAS,CAAC,WAAW;YACzC,UAAU,EAAE,SAAS,CAAC,gBAAgB;SACzC;QACD,IAAI,EAAE;YACF,wBAAwB,EAAE,CAAC;SAC9B;QACD,KAAK,EAAE;YACH,gBAAgB,EAAE,aAAa;YAC/B,cAAc,EAAE,SAAS,CAAC,OAAO;SACpC;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAiD;IACjE,OAAO,EAAE;QACL,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS,CAAC,YAAY;gBAClC,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;gBACrB,UAAU,EAAE,SAAS;aACxB;SACJ;KACJ;IACD,UAAU,EAAE;QACR,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,MAAM,EAAE;oBACJ,UAAU,EAAE;wBACR,KAAK,EAAE,SAAS,CAAC,mBAAmB;qBACvC;oBACD,MAAM,EAAE;wBACJ,OAAO,EAAE,WAAW,CAAC,KAAK,CAAC,YAAY;wBACvC,KAAK,EAAE,SAAS,CAAC,mBAAmB;qBACvC;iBACJ;aACJ;YACD,OAAO,EAAE;gBACL,MAAM,EAAE;oBACJ,MAAM,EAAE;wBACJ,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,YAAY;qBACxC;iBACJ;aACJ;SACJ;QACD,KAAK,EAAE;YACH,MAAM,EAAE;gBACJ,MAAM,EAAE;oBACJ,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,YAAY;iBACxC;aACJ;SACJ;KACJ;CACJ,CAAC"}

package/dist/antdTheme/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/antdTheme/types.js.map

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

package/dist/components/ApplicationInstallTag/ApplicationInstallTag.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } 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 { CheckCircleOutlined, ClockCircleOutlined, CloseCircleOutlined, SyncOutlined } from '@ant-design/icons';
+import { Tag } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { ApplicationInstallStatus, ApplicationType } from '../../_gqlTypes';
+function ApplicationInstallTag({ application, displaySuccessStatus = false, style, onClick }) {
+    var _a;
+    const { t } = useTranslation('shared');
+    if (application.type === ApplicationType.external) {
+        return null;
+    }
+    let installTagProps = null;
+    switch ((_a = application.install) === null || _a === void 0 ? void 0 : _a.status) {
+        case ApplicationInstallStatus.NONE:
+            installTagProps = {
+                icon: _jsx(ClockCircleOutlined, {}),
+                color: 'warning',
+                label: t('applications.install_waiting')
+            };
+            break;
+        case ApplicationInstallStatus.RUNNING:
+            installTagProps = {
+                icon: _jsx(SyncOutlined, { spin: true }),
+                color: 'processing',
+                label: t('applications.install_processing')
+            };
+            break;
+        case ApplicationInstallStatus.ERROR:
+            installTagProps = {
+                icon: _jsx(CloseCircleOutlined, {}),
+                color: 'error',
+                label: t('applications.install_error')
+            };
+            break;
+        case ApplicationInstallStatus.SUCCESS:
+            installTagProps = displaySuccessStatus
+                ? {
+                    icon: _jsx(CheckCircleOutlined, {}),
+                    color: 'success',
+                    label: t('applications.install_success')
+                }
+                : null;
+            break;
+    }
+    return installTagProps ? (_jsx(Tag, Object.assign({ icon: installTagProps.icon, color: installTagProps.color, style: Object.assign({ cursor: onClick ? 'pointer' : 'inherit' }, style), onClick: onClick }, { children: installTagProps.label }))) : null;
+}
+export default ApplicationInstallTag;
+//# sourceMappingURL=ApplicationInstallTag.js.map

package/dist/components/ApplicationInstallTag/ApplicationInstallTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationInstallTag.js","sourceRoot":"","sources":["../../../src/components/ApplicationInstallTag/ApplicationInstallTag.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,mBAAmB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAC9G,OAAO,EAAC,GAAG,EAAC,MAAM,MAAM,CAAC;AAEzB,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,wBAAwB,EAAE,eAAe,EAA0B,MAAM,iBAAiB,CAAC;AASnG,SAAS,qBAAqB,CAAC,EAC3B,WAAW,EACX,oBAAoB,GAAG,KAAK,EAC5B,KAAK,EACL,OAAO,EACmB;;IAC1B,MAAM,EAAC,CAAC,EAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAErC,IAAI,WAAW,CAAC,IAAI,KAAK,eAAe,CAAC,QAAQ,EAAE;QAC/C,OAAO,IAAI,CAAC;KACf;IAED,IAAI,eAAe,GAAsD,IAAI,CAAC;IAC9E,QAAQ,MAAA,WAAW,CAAC,OAAO,0CAAE,MAAM,EAAE;QACjC,KAAK,wBAAwB,CAAC,IAAI;YAC9B,eAAe,GAAG;gBACd,IAAI,EAAE,KAAC,mBAAmB,KAAG;gBAC7B,KAAK,EAAE,SAAS;gBAChB,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC;aAC3C,CAAC;YACF,MAAM;QACV,KAAK,wBAAwB,CAAC,OAAO;YACjC,eAAe,GAAG;gBACd,IAAI,EAAE,KAAC,YAAY,IAAC,IAAI,SAAG;gBAC3B,KAAK,EAAE,YAAY;gBACnB,KAAK,EAAE,CAAC,CAAC,iCAAiC,CAAC;aAC9C,CAAC;YACF,MAAM;QACV,KAAK,wBAAwB,CAAC,KAAK;YAC/B,eAAe,GAAG;gBACd,IAAI,EAAE,KAAC,mBAAmB,KAAG;gBAC7B,KAAK,EAAE,OAAO;gBACd,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC;aACzC,CAAC;YACF,MAAM;QACV,KAAK,wBAAwB,CAAC,OAAO;YACjC,eAAe,GAAG,oBAAoB;gBAClC,CAAC,CAAC;oBACI,IAAI,EAAE,KAAC,mBAAmB,KAAG;oBAC7B,KAAK,EAAE,SAAS;oBAChB,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC;iBAC3C;gBACH,CAAC,CAAC,IAAI,CAAC;YACX,MAAM;KACb;IAED,OAAO,eAAe,CAAC,CAAC,CAAC,CACrB,KAAC,GAAG,kBACA,IAAI,EAAE,eAAe,CAAC,IAAI,EAC1B,KAAK,EAAE,eAAe,CAAC,KAAK,EAC5B,KAAK,kBAAG,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAAK,KAAK,GACzD,OAAO,EAAE,OAAO,gBAEf,eAAe,CAAC,KAAK,IACpB,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;AACb,CAAC;AAED,eAAe,qBAAqB,CAAC"}

package/dist/components/ApplicationInstallTag/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
+export { default as ApplicationInstallTag } from './ApplicationInstallTag';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { GetAttributesQueryVariables } from '_ui/_gqlTypes';
+interface IAttributePickerProps {
+    open: boolean;
+    onClose: () => void;
+    onSubmit: (selectedAttributes: string[]) => Promise<void>;
+    showCreateButton?: boolean;
+    selected?: string[];
+    multiple?: boolean;
+    baseFilters?: GetAttributesQueryVariables['filters'];
+}
+declare function AttributePicker({ open, onClose, onSubmit, selected, showCreateButton, multiple, baseFilters }: IAttributePickerProps): JSX.Element;
+export default AttributePicker;

package/dist/components/AttributePicker/AttributePicker.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } 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 { Modal } from 'antd';
+import { useState } from 'react';
+import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { ErrorBoundary } from '../ErrorBoundary';
+import { AttributesList } from './AttributesList';
+function AttributePicker({ open, onClose, onSubmit, selected = [], showCreateButton = true, multiple = true, baseFilters }) {
+    const { t } = useSharedTranslation();
+    const [selectedAttributes, setSelectedAttributes] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const _handleSelect = (selection) => {
+        setSelectedAttributes(selection);
+    };
+    const _handleSubmit = async () => {
+        setIsLoading(true);
+        await onSubmit(selectedAttributes);
+        setIsLoading(false);
+        onClose();
+    };
+    return (_jsx(Modal, Object.assign({ open: open, onCancel: onClose, width: 800, title: t('attributes.select_attributes'), onOk: _handleSubmit, destroyOnClose: true, okText: t('global.submit'), cancelText: t('global.cancel'), confirmLoading: isLoading, centered: true }, { children: _jsx(ErrorBoundary, { children: _jsx(AttributesList, { onSelect: _handleSelect, selected: selected, multiple: multiple, showCreateButton: showCreateButton, baseFilters: baseFilters }) }) })));
+}
+export default AttributePicker;
+//# sourceMappingURL=AttributePicker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AttributePicker.js","sourceRoot":"","sources":["../../../src/components/AttributePicker/AttributePicker.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAChC,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,KAAK,EAAC,MAAM,MAAM,CAAC;AAC3B,OAAO,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,oBAAoB,EAAC,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAYhD,SAAS,eAAe,CAAC,EACrB,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,IAAI,EACf,WAAW,EACS;IACpB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,CAAC,SAAmB,EAAE,EAAE;QAC1C,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC7B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAC;QACnC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,KAAK,kBACF,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,GAAG,EACV,KAAK,EAAE,CAAC,CAAC,8BAA8B,CAAC,EACxC,IAAI,EAAE,aAAa,EACnB,cAAc,QACd,MAAM,EAAE,CAAC,CAAC,eAAe,CAAC,EAC1B,UAAU,EAAE,CAAC,CAAC,eAAe,CAAC,EAC9B,cAAc,EAAE,SAAS,EACzB,QAAQ,sBAER,KAAC,aAAa,cACV,KAAC,cAAc,IACX,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,GAC1B,GACU,IACZ,CACX,CAAC;AACN,CAAC;AAED,eAAe,eAAe,CAAC"}

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,209 @@
+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 }) {
+    var _a, _b, _c;
+    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: Object.assign(Object.assign({}, 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(Object.assign(Object.assign({}, 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: Object.assign(Object.assign({}, 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 === null || error === void 0 ? void 0 : error.message) || ((_a = isAllowedQueryResult === null || isAllowedQueryResult === void 0 ? void 0 : isAllowedQueryResult.error) === null || _a === void 0 ? void 0 : _a.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, Object.assign({ 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, Object.assign({ 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(() => {
+        var _a;
+        // To avoid temporary display of "no data" when pagination changes
+        if (loading || !data) {
+            return;
+        }
+        const newTableData = ((_a = data === null || data === void 0 ? void 0 : data.attributes) === null || _a === void 0 ? void 0 : _a.list)
+            ? [...data.attributes.list].map(attribute => (Object.assign(Object.assign({}, 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, Object.assign({ 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: (_c = (_b = data === null || data === void 0 ? void 0 : data.attributes) === null || _b === void 0 ? void 0 : _b.totalCount) !== null && _c !== void 0 ? _c : 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;
+//# sourceMappingURL=AttributesList.js.map

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,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
+export { default as AttributesList } from './AttributesList';
+//# sourceMappingURL=index.js.map

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,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
+export { default as AttributePicker } from './AttributePicker';
+//# sourceMappingURL=index.js.map

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,50 @@
+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 '_ui/antdTheme';
+import { useLang } from '_ui/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, Object.assign({ onClick: _handleClick, "data-testid": "attribute-in-list" }, { children: [_jsxs(Space, { children: [_jsx(TextAttribute, { children: label !== null && label !== void 0 ? 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;
+//# sourceMappingURL=Attribute.js.map

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,6 @@
+// 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;
+//# sourceMappingURL=index.js.map

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 '_ui/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;