npm - @leav/ui - Versions diffs - 1.7.0-bba65313 → 1.7.0-e1ab594d - Mend

@leav/ui 1.7.0-bba65313 → 1.7.0-e1ab594d

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
1	+ {"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../src/components/AttributePicker/AttributesList/AttributesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAC,oBAAoB,EAAgB,MAAM,aAAa,CAAC;AAChE,OAAO,EAAC,KAAK,EAAoD,MAAM,MAAM,CAAC;AAE9E,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;AAClE,OAAO,EAAW,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EACH,yBAAyB,EACzB,WAAW,EACX,yBAAyB,EACzB,uBAAuB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,OAAO,EAAC,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAC,MAAM,qCAAqC,CAAC;AACzE,OAAO,EAEH,eAAe,EACf,wBAAwB,EACxB,aAAa,EAGb,kBAAkB,EAClB,eAAe,EACf,SAAS,EACT,qBAAqB,EACrB,iBAAiB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAC,kBAAkB,EAAC,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAC,0BAA0B,EAAC,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAC,kBAAkB,EAAC,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAC,UAAU,EAAmB,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,oBAAoB,CAAC;AAEhD,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAC;AAYF,SAAS,cAAc,CAAC,EACpB,QAAQ,EACR,QAAQ,GAAG,EAAE,EACb,QAAQ,GAAG,IAAI,EACf,gBAAgB,GAAG,IAAI,EACvB,WAAW,GACQ;IACnB,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAuC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyC,EAAE,CAAC,CAAC;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAEpE,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,qBAAqB,CAAC;QACjD,SAAS,EAAE;YACP,UAAU,EAAE;gBACR,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ;aACvC;YACD,IAAI;YACJ,OAAO,EAAE;gBACL,GAAG,OAAO;gBACV,GAAG,WAAW;aACjB;SACJ;KACJ,CAAC,CAAC;IAEH,MAAM,oBAAoB,GAAG,iBAAiB,CAAC;QAC3C,WAAW,EAAE,mBAAmB;QAChC,SAAS,EAAE;YACP,IAAI,EAAE,eAAe,CAAC,KAAK;YAC3B,OAAO,EAAE,CAAC,kBAAkB,CAAC,sBAAsB,CAAC;SACvD;KACJ,CAAC,CAAC;IACH,MAAM,SAAS,GACX,gBAAgB,IAAI,0BAA0B,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,sBAAsB,CAAC,CAAC;IAEpH,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAQ,QAAQ,CAAC,CAAC;IACxE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9E,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC;IAEjC,MAAM,sBAAsB,GAAG,CAAC,SAAgB,EAAE,EAAE;QAChD,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC9B,QAAQ,CAAC,SAAqB,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,MAAyB,EAAE,EAAE;QAClD,IAAI,YAAY,CAAC;QAEjB,IAAI,eAAe,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAC7C,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,eAAe,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,mBAAmB;QAClG,CAAC;aAAM,CAAC;YACJ,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,wBAAwB;QAC9G,CAAC;QAED,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACjC,QAAQ,CAAC,YAAwB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAyC,EAAE,EAAE;QACtE,UAAU,CAAC;YACP,GAAG,OAAO;YACV,KAAK,EAAE,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG;SACtC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,sFAAsF;QACtF,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YACzB,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC;IACF,MAAM,wBAAwB,GAAG,GAAG,EAAE,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAEzE,MAAM,iBAAiB,GAAG,KAAK,EAAE,YAAsC,EAAE,EAAE;QACvE,MAAM,iBAAiB,GAAG,MAAM,CAAC,SAAS,CAAqB,EAAC,KAAK,EAAE,kBAAkB,EAAC,CAAC,CAAC;QAE5F,IAAI,iBAAiB,EAAE,CAAC;YACpB,MAAM,CAAC,UAAU,CAAC;gBACd,KAAK,EAAE,kBAAkB;gBACzB,IAAI,EAAE;oBACF,UAAU,EAAE;wBACR,GAAG,iBAAiB,CAAC,UAAU;wBAC/B,IAAI,EAAE,CAAC,YAAY,EAAE,GAAG,iBAAiB,CAAC,UAAU,CAAC,IAAI,CAAC;qBAC7D;iBACJ;aACJ,CAAC,CAAC;QACP,CAAC;QACD,MAAM,YAAY,GAAG,CAAC,GAAG,eAAe,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC;QAC3D,QAAQ,CAAC,YAAwB,CAAC,CAAC;QACnC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAClB,UAAiC,EACjC,MAA0C,EAC1C,MAAgF,EAClF,EAAE;QACA,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAClE,IAAI,cAAc,CAAC,MAAM,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;YAChD,MAAM,OAAO,GAAG;gBACZ,KAAK,EAAE,wBAAwB,CAAC,cAAc,CAAC,SAAS,CAAC;gBACzD,KAAK,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;aAC5E,CAAC;YACF,OAAO,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;QAED,MAAM,UAAU,GAA2C,EAAE,CAAC;QAC9D,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,IAAI,WAAW,EAAE,CAAC;gBACd,UAAU,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;YACpC,CAAC;QACL,CAAC;QACD,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAI,KAAK,IAAI,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACtC,OAAO,KAAC,YAAY,IAAC,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,oBAAoB,EAAE,KAAK,EAAE,OAAO,GAAI,CAAC;IAC7F,CAAC;IAED,MAAM,OAAO,GAAwC;QACjD;YACI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAChC,GAAG,EAAE,WAAW;YAChB,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;gBACrB,MAAM,iBAAiB,GAAgB;oBACnC,KAAK,EAAE,SAAS,CAAC,KAAK;oBACtB,QAAQ,EAAE,SAAS,CAAC,EAAE;oBACtB,OAAO,EAAE,IAAI;oBACb,KAAK,EAAE,IAAI;iBACd,CAAC;gBACF,OAAO,KAAC,UAAU,IAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,GAAI,CAAC;YAC9E,CAAC;SACJ;QACD;YACI,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;YAC3B,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC7B,KAAC,MAAM,IACH,KAAK,EAAE;oBACH,WAAW,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACpD,YAED,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,GAAI,GACnD,CACZ;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC/C,IAAI,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC;gBAClC,KAAK,EAAE,IAAI;aACd,CAAC,CAAC;YACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK;YAClD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACb,MAAM,UAAU,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAClD,MAAM,UAAU,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAElD,OAAO,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAChD,CAAC;SACJ;QACD;YACI,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC;YAC7B,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC,MAAuB,EAAE,EAAE,CAChC,MAAM,CAAC,CAAC,CAAC,CACL,KAAC,MAAM,IACH,KAAK,EAAE;oBACH,WAAW,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACjD,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBACxD,YAED,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,CAAC,qBAAqB,MAAM,EAAE,CAAC,GAAI,GACvD,CACZ,CAAC,CAAC,CAAC,IAAI;YACZ,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACnD,IAAI,EAAE,CAAC,CAAC,qBAAqB,MAAM,EAAE,CAAC;gBACtC,KAAK,EAAE,MAAM;aAChB,CAAC,CAAC;YACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,KAAK;YACpD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACb,MAAM,YAAY,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBACxD,MAAM,YAAY,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBAExD,OAAO,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YACpD,CAAC;SACJ;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,kEAAkE;QAClE,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,EAAE,UAAU,EAAE,IAAI;YACvC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBACxC,GAAG,SAAS;gBACZ,GAAG,EAAE,SAAS,CAAC,EAAE;gBACjB,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC;aACrD,CAAC,CAAC;YACL,CAAC,CAAC,EAAE,CAAC;QAET,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,CAChB,MAAC,aAAa,eACV,KAAC,QAAQ,IACL,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG,KAAK,EACvC,UAAU,QACV,MAAM,EAAE,KAAC,cAAc,KAAG;gBAC1B,mCAAmC;gBACnC,GAAG,EAAE,QAAQ,GACf,EACD,SAAS,IAAI,CACV,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,OAAO,EAAE,wBAAwB,YAC9E,CAAC,CAAC,0BAA0B,CAAC,GACtB,CACf,IACW,CACnB,CAAC;IAEF,OAAO,CACH,8BACI,KAAC,KAAK,IACF,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE;oBACV,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;oBACrC,eAAe;oBACf,QAAQ,EAAE,sBAAsB;iBACnC,EACD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,SAAS,EACrB,QAAQ,QACR,UAAU,EAAE;oBACR,QAAQ,EAAE,CAAC,cAAc,CAAC;oBAC1B,QAAQ;oBACR,OAAO,EAAE,WAAW;oBACpB,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IAAI,CAAC;oBACxC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE,EAAC,KAAK,EAAC,CAAC;iBACvD,EACD,MAAM,EAAE,EAAC,CAAC,EAAE,oBAAoB,EAAC,EACjC,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC;oBACd,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC;iBACzC,CAAC,EACF,QAAQ,EAAE,aAAa,GACzB,EACD,uBAAuB,IAAI,CACxB,KAAC,kBAAkB,IACf,IAAI,EAAE,uBAAuB,EAC7B,OAAO,EAAE,wBAAwB,EACjC,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EAAE,GAAG,GACZ,CACL,IACF,CACN,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {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/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlusOutlined, SearchOutlined } from '@ant-design/icons';
 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, tagColorByAttributeFormat, tagColorByAttributeType } from '../../../../../constants';
@@ -111,9 +111,7 @@ function AttributesList({ library, readOnly, onDeleteAttribute, onAddAttributes
             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,
@@ -133,9 +131,7 @@ function AttributesList({ library, readOnly, onDeleteAttribute, onAddAttributes
             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/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../../../src/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/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 {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/es/table/interface';\nimport {KitButton, KitInput, KitTag} from 'aristid-ds';\nimport {useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {defaultPaginationPageSize, tagColorByAttributeFormat, tagColorByAttributeType} from '../../../../../constants';\nimport {useLang} from '../../../../../hooks';\nimport {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';\nimport {\n AttributeFormat,\n AttributesSortableFields,\n AttributeType,\n type GetAttributesQuery,\n type GetAttributesQueryVariables,\n type LibraryAttributesFragment,\n SortOrder,\n useGetAttributesQuery,\n} from '../../../../../_gqlTypes';\nimport {AttributePicker} from '../../../../AttributePicker';\nimport {AttributeCell} from './AttributeCell';\nimport {DeleteButton} from './DeleteButton';\n\ninterface IAttributesListProps {\n readOnly: boolean;\n library: string;\n onDeleteAttribute: (attribute: LibraryAttributesFragment) => Promise<void>;\n onAddAttributes: (attributes: string[]) => Promise<void>;\n}\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\n// To fix a cosmetic issue with the table header (see https://github.com/ant-design/ant-design/issues/41975)\nconst Wrapper = styled.div`\n && .ant-table-header {\n border-radius: 0;\n }\n`;\n\nexport type AttributeListType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {\n key: string;\n};\n\nfunction AttributesList({library, readOnly, onDeleteAttribute, onAddAttributes}: IAttributesListProps): JSX.Element {\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n const [isAddAttributeModalOpen, setIsAddAttributeModalOpen] = useState(false);\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<AttributeListType[]>([]);\n\n const {loading, error, data, refetch} = useGetAttributesQuery({\n variables: {\n pagination: {\n limit: pageSize,\n offset: (currentPage - 1) * pageSize,\n },\n sort,\n filters: {\n ...filters,\n libraries: [library],\n },\n },\n });\n\n const _handleSubmitAddAttribute = async (selectedAttributes: string[]) => {\n await onAddAttributes(selectedAttributes);\n refetch();\n };\n\n const _handleDeleteAttribute = (attribute: LibraryAttributesFragment) => async () => {\n await onDeleteAttribute(attribute);\n refetch();\n };\n\n const _handleClickNewAttribute = () => {\n setIsAddAttributeModalOpen(true);\n };\n\n const _handleCloseAddAttributeModal = () => setIsAddAttributeModalOpen(false);\n\n const _handleChange = (\n pagination: TablePaginationConfig,\n filter: Record<string, FilterValue \| null>,\n sorter: SorterResult<AttributeListType> \| Array<SorterResult<AttributeListType>>,\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 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 columns: TableColumnsType<AttributeListType> = [\n {\n title: t('attributes.attribute'),\n key: 'label',\n render: (_, attribute) => <AttributeCell attribute={attribute} />,\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 key: 'delete',\n title: <span></span>,\n dataIndex: 'id',\n width: '50px',\n align: 'center',\n render: (_, attribute) => (\n <DeleteButton readOnly={readOnly} attribute={attribute} onDelete={_handleDeleteAttribute(attribute)} />\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 {!readOnly && (\n <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n {t('attributes.add_attribute')}\n </KitButton>\n )}\n </HeaderWrapper>\n );\n\n return (\n <Wrapper>\n <Table\n loading={loading}\n size=\"middle\"\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 - 26rem)'}}\n title={() => tableHeader}\n onChange={_handleChange}\n />\n {isAddAttributeModalOpen && (\n <AttributePicker\n multiple\n onClose={_handleCloseAddAttributeModal}\n onSubmit={_handleSubmitAddAttribute}\n open={isAddAttributeModalOpen}\n baseFilters={{librariesExcluded: [library]}}\n />\n )}\n </Wrapper>\n );\n}\n\nexport default AttributesList;\n"]}
1	+ {"version":3,"file":"AttributesList.js","sourceRoot":"","sources":["../../../../../../src/components/EditLibraryModal/EditLibrary/EditLibraryAttributes/AttributesList/AttributesList.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAC,oBAAoB,EAAgB,MAAM,aAAa,CAAC;AAChE,OAAO,EAAC,KAAK,EAAoD,MAAM,MAAM,CAAC;AAE9E,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;AAClE,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,yBAAyB,EAAE,yBAAyB,EAAE,uBAAuB,EAAC,MAAM,0BAA0B,CAAC;AACvH,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAC,oBAAoB,EAAC,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EACH,eAAe,EACf,wBAAwB,EACxB,aAAa,EAIb,SAAS,EACT,qBAAqB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAS5C,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CAS/B,CAAC;AAEF,4GAA4G;AAC5G,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAC;AAMF,SAAS,cAAc,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,eAAe,EAAuB;IACjG,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IACzB,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9E,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEhD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;IACpE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,EAAuC,CAAC;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAyC,EAAE,CAAC,CAAC;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAsB,EAAE,CAAC,CAAC;IAEpE,MAAM,EAAC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAC,GAAG,qBAAqB,CAAC;QAC1D,SAAS,EAAE;YACP,UAAU,EAAE;gBACR,KAAK,EAAE,QAAQ;gBACf,MAAM,EAAE,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ;aACvC;YACD,IAAI;YACJ,OAAO,EAAE;gBACL,GAAG,OAAO;gBACV,SAAS,EAAE,CAAC,OAAO,CAAC;aACvB;SACJ;KACJ,CAAC,CAAC;IAEH,MAAM,yBAAyB,GAAG,KAAK,EAAE,kBAA4B,EAAE,EAAE;QACrE,MAAM,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAC1C,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,SAAoC,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;QAChF,MAAM,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACnC,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,wBAAwB,GAAG,GAAG,EAAE;QAClC,0BAA0B,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC,CAAC;IAEF,MAAM,6BAA6B,GAAG,GAAG,EAAE,CAAC,0BAA0B,CAAC,KAAK,CAAC,CAAC;IAE9E,MAAM,aAAa,GAAG,CAClB,UAAiC,EACjC,MAA0C,EAC1C,MAAgF,EAClF,EAAE;QACA,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;QACnC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QAEjC,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAClE,IAAI,cAAc,CAAC,MAAM,IAAI,cAAc,CAAC,KAAK,EAAE,CAAC;YAChD,MAAM,OAAO,GAAG;gBACZ,KAAK,EAAE,wBAAwB,CAAC,cAAc,CAAC,SAAS,CAAC;gBACzD,KAAK,EAAE,cAAc,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI;aAC5E,CAAC;YACF,OAAO,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;QAED,MAAM,UAAU,GAA2C,EAAE,CAAC;QAC9D,KAAK,MAAM,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YACxD,IAAI,WAAW,EAAE,CAAC;gBACd,UAAU,CAAC,KAAK,CAAC,GAAG,WAAW,CAAC;YACpC,CAAC;QACL,CAAC;QACD,UAAU,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAyC,EAAE,EAAE;QACtE,UAAU,CAAC;YACP,GAAG,OAAO;YACV,KAAK,EAAE,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG;SACtC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,sFAAsF;QACtF,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;YACzB,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,OAAO,GAAwC;QACjD;YACI,KAAK,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAChC,GAAG,EAAE,OAAO;YACZ,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,KAAC,aAAa,IAAC,SAAS,EAAE,SAAS,GAAI;SACpE;QACD;YACI,KAAK,EAAE,CAAC,CAAC,iBAAiB,CAAC;YAC3B,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,MAAM;YACX,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,CAC7B,KAAC,MAAM,IACH,KAAK,EAAE;oBACH,WAAW,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBAC7C,eAAe,EAAE,uBAAuB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACpD,YAED,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,GAAI,GACnD,CACZ;YACD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAC/C,IAAI,EAAE,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC;gBAClC,KAAK,EAAE,IAAI;aACd,CAAC,CAAC;YACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK;YAClD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACb,MAAM,UAAU,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAClD,MAAM,UAAU,GAAG,CAAC,CAAC,mBAAmB,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;gBAElD,OAAO,UAAU,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAChD,CAAC;SACJ;QACD;YACI,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC;YAC7B,SAAS,EAAE,QAAQ;YACnB,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,OAAO;YACd,MAAM,EAAE,CAAC,MAAuB,EAAE,EAAE,CAChC,MAAM,CAAC,CAAC,CAAC,CACL,KAAC,MAAM,IACH,KAAK,EAAE;oBACH,WAAW,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBACjD,eAAe,EAAE,yBAAyB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;iBACxD,YAED,KAAC,SAAS,IAAC,WAAW,EAAE,CAAC,CAAC,qBAAqB,MAAM,EAAE,CAAC,GAAI,GACvD,CACZ,CAAC,CAAC,CAAC,IAAI;YACZ,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;gBACnD,IAAI,EAAE,CAAC,CAAC,qBAAqB,MAAM,EAAE,CAAC;gBACtC,KAAK,EAAE,MAAM;aAChB,CAAC,CAAC;YACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,KAAK;YACpD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACb,MAAM,YAAY,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBACxD,MAAM,YAAY,GAAG,CAAC,CAAC,qBAAqB,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;gBAExD,OAAO,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;YACpD,CAAC;SACJ;QACD;YACI,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,gBAAa;YACpB,SAAS,EAAE,IAAI;YACf,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,QAAQ;YACf,MAAM,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,CAAC,CACtB,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,sBAAsB,CAAC,SAAS,CAAC,GAAI,CAC1G;SACJ;KACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACX,kEAAkE;QAClE,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QAED,MAAM,YAAY,GAAG,IAAI,EAAE,UAAU,EAAE,IAAI;YACvC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC;gBACxC,GAAG,SAAS;gBACZ,GAAG,EAAE,SAAS,CAAC,EAAE;gBACjB,KAAK,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,CAAC;aACrD,CAAC,CAAC;YACL,CAAC,CAAC,EAAE,CAAC;QAET,YAAY,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,CAChB,MAAC,aAAa,eACV,KAAC,QAAQ,IACL,YAAY,EAAE,mBAAmB,EACjC,QAAQ,EAAE,mBAAmB,EAC7B,WAAW,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG,KAAK,EACvC,UAAU,QACV,MAAM,EAAE,KAAC,cAAc,KAAG;gBAC1B,mCAAmC;gBACnC,GAAG,EAAE,QAAQ,GACf,EACD,CAAC,QAAQ,IAAI,CACV,KAAC,SAAS,IAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,YAAY,KAAG,EAAE,OAAO,EAAE,wBAAwB,YAC9E,CAAC,CAAC,0BAA0B,CAAC,GACtB,CACf,IACW,CACnB,CAAC;IAEF,OAAO,CACH,MAAC,OAAO,eACJ,KAAC,KAAK,IACF,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,SAAS,EACrB,QAAQ,QACR,UAAU,EAAE;oBACR,QAAQ,EAAE,CAAC,cAAc,CAAC;oBAC1B,QAAQ;oBACR,OAAO,EAAE,WAAW;oBACpB,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,IAAI,CAAC;oBACxC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,oBAAoB,EAAE,EAAC,KAAK,EAAC,CAAC;iBACvD,EACD,MAAM,EAAE,EAAC,CAAC,EAAE,oBAAoB,EAAC,EACjC,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW,EACxB,QAAQ,EAAE,aAAa,GACzB,EACD,uBAAuB,IAAI,CACxB,KAAC,eAAe,IACZ,QAAQ,QACR,OAAO,EAAE,6BAA6B,EACtC,QAAQ,EAAE,yBAAyB,EACnC,IAAI,EAAE,uBAAuB,EAC7B,WAAW,EAAE,EAAC,iBAAiB,EAAE,CAAC,OAAO,CAAC,EAAC,GAC7C,CACL,IACK,CACb,CAAC;AACN,CAAC;AAED,eAAe,cAAc,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {PlusOutlined, SearchOutlined} from '@ant-design/icons';\nimport {localizedTranslation, type Override} from '@leav/utils';\nimport {Table, type TableColumnsType, type TablePaginationConfig} from 'antd';\nimport {type FilterValue, type SorterResult} from 'antd/es/table/interface';\nimport {KitButton, KitIdCard, KitInput, KitTag} from 'aristid-ds';\nimport {useEffect, useRef, useState} from 'react';\nimport styled from 'styled-components';\nimport {defaultPaginationPageSize, tagColorByAttributeFormat, tagColorByAttributeType} from '../../../../../constants';\nimport {useLang} from '../../../../../hooks';\nimport {useSharedTranslation} from '../../../../../hooks/useSharedTranslation';\nimport {\n AttributeFormat,\n AttributesSortableFields,\n AttributeType,\n type GetAttributesQuery,\n type GetAttributesQueryVariables,\n type LibraryAttributesFragment,\n SortOrder,\n useGetAttributesQuery,\n} from '../../../../../_gqlTypes';\nimport {AttributePicker} from '../../../../AttributePicker';\nimport {AttributeCell} from './AttributeCell';\nimport {DeleteButton} from './DeleteButton';\n\ninterface IAttributesListProps {\n readOnly: boolean;\n library: string;\n onDeleteAttribute: (attribute: LibraryAttributesFragment) => Promise<void>;\n onAddAttributes: (attributes: string[]) => Promise<void>;\n}\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\n// To fix a cosmetic issue with the table header (see https://github.com/ant-design/ant-design/issues/41975)\nconst Wrapper = styled.div`\n && .ant-table-header {\n border-radius: 0;\n }\n`;\n\nexport type AttributeListType = Override<GetAttributesQuery['attributes']['list'][number], {label: string}> & {\n key: string;\n};\n\nfunction AttributesList({library, readOnly, onDeleteAttribute, onAddAttributes}: IAttributesListProps): JSX.Element {\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n const [isAddAttributeModalOpen, setIsAddAttributeModalOpen] = useState(false);\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<AttributeListType[]>([]);\n\n const {loading, error, data, refetch} = useGetAttributesQuery({\n variables: {\n pagination: {\n limit: pageSize,\n offset: (currentPage - 1) * pageSize,\n },\n sort,\n filters: {\n ...filters,\n libraries: [library],\n },\n },\n });\n\n const _handleSubmitAddAttribute = async (selectedAttributes: string[]) => {\n await onAddAttributes(selectedAttributes);\n refetch();\n };\n\n const _handleDeleteAttribute = (attribute: LibraryAttributesFragment) => async () => {\n await onDeleteAttribute(attribute);\n refetch();\n };\n\n const _handleClickNewAttribute = () => {\n setIsAddAttributeModalOpen(true);\n };\n\n const _handleCloseAddAttributeModal = () => setIsAddAttributeModalOpen(false);\n\n const _handleChange = (\n pagination: TablePaginationConfig,\n filter: Record<string, FilterValue \| null>,\n sorter: SorterResult<AttributeListType> \| Array<SorterResult<AttributeListType>>,\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 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 columns: TableColumnsType<AttributeListType> = [\n {\n title: t('attributes.attribute'),\n key: 'label',\n render: (_, attribute) => <AttributeCell attribute={attribute} />,\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 key: 'delete',\n title: <span></span>,\n dataIndex: 'id',\n width: '50px',\n align: 'center',\n render: (_, attribute) => (\n <DeleteButton readOnly={readOnly} attribute={attribute} onDelete={_handleDeleteAttribute(attribute)} />\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 {!readOnly && (\n <KitButton type=\"primary\" icon={<PlusOutlined />} onClick={_handleClickNewAttribute}>\n {t('attributes.add_attribute')}\n </KitButton>\n )}\n </HeaderWrapper>\n );\n\n return (\n <Wrapper>\n <Table\n loading={loading}\n size=\"middle\"\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 - 26rem)'}}\n title={() => tableHeader}\n onChange={_handleChange}\n />\n {isAddAttributeModalOpen && (\n <AttributePicker\n multiple\n onClose={_handleCloseAddAttributeModal}\n onSubmit={_handleSubmitAddAttribute}\n open={isAddAttributeModalOpen}\n baseFilters={{librariesExcluded: [library]}}\n />\n )}\n </Wrapper>\n );\n}\n\nexport default AttributesList;\n"]}

package/dist/components/Explorer/TableCell.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { useCallback } from 'react';
 import { AttributeFormat, AttributeType, MultiDisplayOption, } from '../../_gqlTypes';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
 import DOMPurify from 'dompurify';
-import { KitAvatar, KitBadge, KitSpace, KitTag, KitTypography } from 'aristid-ds';
+import { KitAvatar, KitBadge, KitIdCard, KitSpace, KitTag, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
 import { IdCard } from './IdCard';
 import { multiColorTagAvatarClassName, TableTagGroup } from './TableTagGroup';
@@ -56,28 +56,21 @@ export const TableCell = ({ values, attributeProperties }) => {
                 switch (attributeProperties.format) {
                     case AttributeFormat.boolean:
                         return {
-                            idCardProps: {
-                                description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')),
-                            },
+                            children: (_jsx(KitIdCard, { description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')) })),
                             type: value.valuePayload ? 'primary' : 'neutral',
                         };
                     case AttributeFormat.color:
                         const color = new AggregationColor(value.valueRawPayload);
                         return {
-                            idCardProps: {
-                                description: value.valuePayload,
-                                avatarProps: {
+                            children: (_jsx(KitIdCard, { description: value.valuePayload, avatarProps: {
                                     color: color.toHexString(),
                                     shape: 'square',
                                     className: multiColorTagAvatarClassName,
-                                },
-                            },
+                                } })),
                         };
                     case AttributeFormat.date_range:
                         return {
-                            idCardProps: {
-                                description: _getDateRangeValueContent(value.valuePayload),
-                            },
+                            children: _jsx(KitIdCard, { description: _getDateRangeValueContent(value.valuePayload) }),
                             type: 'primary',
                         };
                     default:
@@ -85,7 +78,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                             ? '●●●●●●●●●●●●'
                             : value.valuePayload;
                         return {
-                            idCardProps: { description: valueContent },
+                            children: _jsx(KitIdCard, { description: valueContent }),
                             type: 'primary',
                         };
                 }
@@ -97,7 +90,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                 case MultiDisplayOption.tag:
                     return (_jsx(TableTagGroup, { tags: values.map(value => ({
                             type: 'primary',
-                            idCardProps: { description: value.linkPayload?.whoAmI.label ?? undefined },
+                            children: _jsx(KitIdCard, { description: value.linkPayload?.whoAmI.label ?? undefined }),
                         })) }));
                 case MultiDisplayOption.badge_qty:
                     return _jsx(KitBadge, { overflowCount: Infinity, count: values.length, color: "primary" });
@@ -116,7 +109,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                 case MultiDisplayOption.tag:
                     return (_jsx(TableTagGroup, { tags: values.map(value => ({
                             type: 'primary',
-                            idCardProps: { description: value.treePayload?.record.whoAmI.label ?? undefined },
+                            children: (_jsx(KitIdCard, { description: value.treePayload?.record.whoAmI.label ?? undefined })),
                         })) }));
                 case MultiDisplayOption.badge_qty:
                     return _jsx(KitBadge, { overflowCount: Infinity, count: values.length, color: "primary" });
@@ -144,7 +137,7 @@ export const TableCell = ({ values, attributeProperties }) => {
             switch (attributeProperties.format) {
                 case AttributeFormat.boolean:
                     const valueToDisplay = value.valuePayload ? t('global.yes') : t('global.no');
-                    content = (_jsx(KitTag, { type: !!value.valuePayload ? 'primary' : 'neutral', idCardProps: { description: valueToDisplay } }, attributeProperties.id));
+                    content = (_jsx(KitTag, { type: !!value.valuePayload ? 'primary' : 'neutral', children: _jsx(KitIdCard, { description: valueToDisplay }) }, attributeProperties.id));
                     break;
                 case AttributeFormat.rich_text:
                     const tmp = document.createElement('div');

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useCallback} from 'react';\nimport {\n AttributeFormat,\n type AttributePropertiesFragment,\n AttributeType,\n type PropertyValueFragment,\n type PropertyValueLinkValueFragment,\n type PropertyValueTreeValueFragment,\n type PropertyValueValueFragment,\n MultiDisplayOption,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport DOMPurify from 'dompurify';\nimport {KitAvatar, KitBadge, KitSpace, KitTag, KitTypography} from 'aristid-ds';\nimport {type IKitTag} from 'aristid-ds/dist/Kit/DataDisplay/Tag/types';\nimport styled from 'styled-components';\nimport {IdCard} from './IdCard';\nimport {multiColorTagAvatarClassName, TableTagGroup} from './TableTagGroup';\nimport {AggregationColor} from 'antd/es/color-picker/color';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faArrowRight, faCalendar, faListAlt} from '@fortawesome/free-solid-svg-icons';\n\nconst isStandardValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueValueFragment => [AttributeType.simple, AttributeType.advanced].includes(attribute.type);\nconst isStandardValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueValueFragment[] => values.every(value => isStandardValue(value, attribute));\n\nconst isLinkValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueLinkValueFragment =>\n [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type);\nconst isLinkValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueLinkValueFragment[] => values.every(value => isLinkValue(value, attribute));\n\nconst isTreeValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueTreeValueFragment => [AttributeType.tree].includes(attribute.type);\nconst isTreeValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueTreeValueFragment[] => values.every(value => isTreeValue(value, attribute));\n\nconst isDateRangeValue = (v: PropertyValueValueFragment['valuePayload']): v is {from: string; to: string} =>\n 'from' in v && 'to' in v;\n\nconst StyledCenteringWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledColorChip = styled.div<{$colorTextContent: string}>`\n height: calc(var(--general-spacing-s) * 1px);\n width: calc(var(--general-spacing-s) * 1px);\n border-radius: calc(var(--general-border-radius-xs) * 1px);\n background-color: ${props => props.$colorTextContent};\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)`\n flex-shrink: 0;\n`;\n\ninterface ITableCellProps {\n values: PropertyValueFragment[];\n attributeProperties: AttributePropertiesFragment;\n}\n\nexport const TableCell: FunctionComponent<ITableCellProps> = ({values, attributeProperties}) => {\n const {t} = useSharedTranslation();\n\n const _getDateRangeValueContent = useCallback((value: PropertyValueValueFragment['valuePayload']) => {\n if (!isDateRangeValue(value)) {\n return t('explorer.invalid-value');\n }\n\n return (\n <KitSpace size=\"xxs\">\n <RightIcon icon={faCalendar} />\n {value.from} <FontAwesomeIcon icon={faArrowRight} /> {value.to}\n </KitSpace>\n );\n }, []);\n\n const _getFirstValue = useCallback(\n (value: PropertyValueValueFragment['valuePayload'], attribute: AttributePropertiesFragment) => {\n if (isStandardValue(value, attribute) && attribute.format === AttributeFormat.boolean) {\n if (!value \|\| value.valuePayload === null) {\n return {valuePayload: false};\n }\n }\n return value;\n },\n [],\n );\n\n if (attributeProperties.multiple_values) {\n if (isStandardValues(values, attributeProperties)) {\n const tags = values.map<IKitTag>(value => {\n switch (attributeProperties.format) {\n case AttributeFormat.boolean:\n return {\n idCardProps: {\n description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')),\n },\n type: value.valuePayload ? 'primary' : ('neutral' as IKitTag['type']),\n };\n case AttributeFormat.color:\n const color = new AggregationColor(value.valueRawPayload);\n return {\n idCardProps: {\n description: value.valuePayload,\n avatarProps: {\n color: color.toHexString(),\n shape: 'square',\n className: multiColorTagAvatarClassName,\n },\n },\n };\n case AttributeFormat.date_range:\n return {\n idCardProps: {\n description: _getDateRangeValueContent(value.valuePayload),\n },\n type: 'primary',\n };\n default:\n const valueContent =\n attributeProperties.format === AttributeFormat.encrypted\n ? '●●●●●●●●●●●●'\n : value.valuePayload;\n return {\n idCardProps: {description: valueContent},\n type: 'primary',\n };\n }\n });\n return <TableTagGroup tags={tags} />;\n } else if (isLinkValues(values, attributeProperties)) {\n switch (attributeProperties.multi_link_display_option) {\n case MultiDisplayOption.tag:\n return (\n <TableTagGroup\n tags={values.map(value => ({\n type: 'primary',\n idCardProps: {description: value.linkPayload?.whoAmI.label ?? undefined},\n }))}\n />\n );\n\n case MultiDisplayOption.badge_qty:\n return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n\n case MultiDisplayOption.avatar:\n default:\n return (\n <KitAvatar.Group max={{count: 5}}>\n {values.map((value, index) => {\n if (!isLinkValue(value, attributeProperties)) {\n return null;\n }\n\n return (\n <KitAvatar\n key={index}\n label={String(value.linkPayload?.whoAmI.label)}\n src={value.linkPayload?.whoAmI.preview?.small}\n color=\"primary\"\n secondaryColorInvert\n />\n );\n })}\n </KitAvatar.Group>\n );\n }\n } else if (isTreeValues(values, attributeProperties)) {\n switch (attributeProperties.multi_tree_display_option) {\n case MultiDisplayOption.tag:\n return (\n <TableTagGroup\n tags={values.map(value => ({\n type: 'primary',\n idCardProps: {description: value.treePayload?.record.whoAmI.label ?? undefined},\n }))}\n />\n );\n case MultiDisplayOption.badge_qty:\n return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n case MultiDisplayOption.avatar:\n default:\n return (\n <KitAvatar.Group max={{count: 5}}>\n {values.map((value, index) => {\n if (!isTreeValue(value, attributeProperties)) {\n return null;\n }\n\n return (\n <KitAvatar\n key={index}\n label={String(value.treePayload?.record.whoAmI.label)}\n src={value.treePayload?.record.whoAmI.preview?.small}\n color=\"primary\"\n secondaryColorInvert\n />\n );\n })}\n </KitAvatar.Group>\n );\n }\n }\n } else {\n const value = _getFirstValue(values[0], attributeProperties); // Not multiple_values attribute should not have more than one value\n if (!value) {\n return null;\n }\n\n let content: ReactNode = null;\n if (isStandardValue(value, attributeProperties)) {\n if (value.valuePayload === null) {\n return null;\n }\n\n switch (attributeProperties.format) {\n case AttributeFormat.boolean:\n const valueToDisplay = value.valuePayload ? t('global.yes') : t('global.no');\n content = (\n <KitTag\n key={attributeProperties.id}\n type={!!value.valuePayload ? 'primary' : 'neutral'}\n idCardProps={{description: valueToDisplay}}\n />\n );\n break;\n case AttributeFormat.rich_text:\n const tmp = document.createElement('div');\n tmp.innerHTML = DOMPurify.sanitize(value.valuePayload);\n const textContent = tmp.textContent;\n content = (\n <>\n <RightIcon icon={faListAlt} />\n <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: textContent}}>\n {textContent}\n </KitTypography.AdvancedText>\n </>\n );\n break;\n case AttributeFormat.color:\n const color = new AggregationColor(value.valueRawPayload);\n content = (\n <>\n <StyledColorChip $colorTextContent={color.toHexString()} />\n <KitTypography.AdvancedText\n key={attributeProperties.id}\n ellipsis={{tooltip: value.valuePayload}}\n >\n {value.valuePayload}\n </KitTypography.AdvancedText>\n </>\n );\n break;\n case AttributeFormat.date_range:\n content = _getDateRangeValueContent(value.valuePayload);\n break;\n default:\n const valueContent =\n attributeProperties.format === AttributeFormat.encrypted ? '●●●●●●●●●●●●' : value.valuePayload;\n content = (\n <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: valueContent}}>\n {valueContent}\n </KitTypography.AdvancedText>\n );\n break;\n }\n }\n\n if (isTreeValue(value, attributeProperties)) {\n content = value.treePayload?.record.whoAmI.label ? (\n <IdCard key={attributeProperties.id} item={value.treePayload.record.whoAmI} />\n ) : null;\n }\n\n if (isLinkValue(value, attributeProperties)) {\n content = value.linkPayload?.whoAmI ? (\n <IdCard key={attributeProperties.id} item={value.linkPayload.whoAmI} />\n ) : null;\n }\n\n return <StyledCenteringWrapper>{content}</StyledCenteringWrapper>;\n }\n\n return null;\n};\n"]}
1	+ {"version":3,"file":"TableCell.js","sourceRoot":"","sources":["../../../src/components/Explorer/TableCell.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent, type ReactNode, useCallback} from 'react';\nimport {\n AttributeFormat,\n type AttributePropertiesFragment,\n AttributeType,\n type PropertyValueFragment,\n type PropertyValueLinkValueFragment,\n type PropertyValueTreeValueFragment,\n type PropertyValueValueFragment,\n MultiDisplayOption,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport DOMPurify from 'dompurify';\nimport {KitAvatar, KitBadge, KitIdCard, KitSpace, KitTag, KitTypography} from 'aristid-ds';\nimport {type IKitTag} from 'aristid-ds/dist/Kit/DataDisplay/Tag/types';\nimport styled from 'styled-components';\nimport {IdCard} from './IdCard';\nimport {multiColorTagAvatarClassName, TableTagGroup} from './TableTagGroup';\nimport {AggregationColor} from 'antd/es/color-picker/color';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faArrowRight, faCalendar, faListAlt} from '@fortawesome/free-solid-svg-icons';\n\nconst isStandardValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueValueFragment => [AttributeType.simple, AttributeType.advanced].includes(attribute.type);\nconst isStandardValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueValueFragment[] => values.every(value => isStandardValue(value, attribute));\n\nconst isLinkValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueLinkValueFragment =>\n [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type);\nconst isLinkValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueLinkValueFragment[] => values.every(value => isLinkValue(value, attribute));\n\nconst isTreeValue = (\n v: PropertyValueFragment,\n attribute: AttributePropertiesFragment,\n): v is PropertyValueTreeValueFragment => [AttributeType.tree].includes(attribute.type);\nconst isTreeValues = (\n values: PropertyValueFragment[],\n attribute: AttributePropertiesFragment,\n): values is PropertyValueTreeValueFragment[] => values.every(value => isTreeValue(value, attribute));\n\nconst isDateRangeValue = (v: PropertyValueValueFragment['valuePayload']): v is {from: string; to: string} =>\n 'from' in v && 'to' in v;\n\nconst StyledCenteringWrapper = styled.div`\n display: flex;\n align-items: center;\n gap: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst StyledColorChip = styled.div<{$colorTextContent: string}>`\n height: calc(var(--general-spacing-s) * 1px);\n width: calc(var(--general-spacing-s) * 1px);\n border-radius: calc(var(--general-border-radius-xs) * 1px);\n background-color: ${props => props.$colorTextContent};\n`;\n\nconst RightIcon = styled(FontAwesomeIcon)`\n flex-shrink: 0;\n`;\n\ninterface ITableCellProps {\n values: PropertyValueFragment[];\n attributeProperties: AttributePropertiesFragment;\n}\n\nexport const TableCell: FunctionComponent<ITableCellProps> = ({values, attributeProperties}) => {\n const {t} = useSharedTranslation();\n\n const _getDateRangeValueContent = useCallback((value: PropertyValueValueFragment['valuePayload']) => {\n if (!isDateRangeValue(value)) {\n return t('explorer.invalid-value');\n }\n\n return (\n <KitSpace size=\"xxs\">\n <RightIcon icon={faCalendar} />\n {value.from} <FontAwesomeIcon icon={faArrowRight} /> {value.to}\n </KitSpace>\n );\n }, []);\n\n const _getFirstValue = useCallback(\n (value: PropertyValueValueFragment['valuePayload'], attribute: AttributePropertiesFragment) => {\n if (isStandardValue(value, attribute) && attribute.format === AttributeFormat.boolean) {\n if (!value \|\| value.valuePayload === null) {\n return {valuePayload: false};\n }\n }\n return value;\n },\n [],\n );\n\n if (attributeProperties.multiple_values) {\n if (isStandardValues(values, attributeProperties)) {\n const tags = values.map<IKitTag>(value => {\n switch (attributeProperties.format) {\n case AttributeFormat.boolean:\n return {\n children: (\n <KitIdCard\n description={value.valuePayload ? String(t('global.yes')) : String(t('global.no'))}\n />\n ),\n type: value.valuePayload ? 'primary' : ('neutral' as IKitTag['type']),\n };\n case AttributeFormat.color:\n const color = new AggregationColor(value.valueRawPayload);\n return {\n children: (\n <KitIdCard\n description={value.valuePayload}\n avatarProps={{\n color: color.toHexString(),\n shape: 'square',\n className: multiColorTagAvatarClassName,\n }}\n />\n ),\n };\n case AttributeFormat.date_range:\n return {\n children: <KitIdCard description={_getDateRangeValueContent(value.valuePayload)} />,\n type: 'primary',\n };\n default:\n const valueContent =\n attributeProperties.format === AttributeFormat.encrypted\n ? '●●●●●●●●●●●●'\n : value.valuePayload;\n return {\n children: <KitIdCard description={valueContent} />,\n type: 'primary',\n };\n }\n });\n return <TableTagGroup tags={tags} />;\n } else if (isLinkValues(values, attributeProperties)) {\n switch (attributeProperties.multi_link_display_option) {\n case MultiDisplayOption.tag:\n return (\n <TableTagGroup\n tags={values.map(value => ({\n type: 'primary',\n children: <KitIdCard description={value.linkPayload?.whoAmI.label ?? undefined} />,\n }))}\n />\n );\n\n case MultiDisplayOption.badge_qty:\n return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n\n case MultiDisplayOption.avatar:\n default:\n return (\n <KitAvatar.Group max={{count: 5}}>\n {values.map((value, index) => {\n if (!isLinkValue(value, attributeProperties)) {\n return null;\n }\n\n return (\n <KitAvatar\n key={index}\n label={String(value.linkPayload?.whoAmI.label)}\n src={value.linkPayload?.whoAmI.preview?.small}\n color=\"primary\"\n secondaryColorInvert\n />\n );\n })}\n </KitAvatar.Group>\n );\n }\n } else if (isTreeValues(values, attributeProperties)) {\n switch (attributeProperties.multi_tree_display_option) {\n case MultiDisplayOption.tag:\n return (\n <TableTagGroup\n tags={values.map(value => ({\n type: 'primary',\n children: (\n <KitIdCard description={value.treePayload?.record.whoAmI.label ?? undefined} />\n ),\n }))}\n />\n );\n case MultiDisplayOption.badge_qty:\n return <KitBadge overflowCount={Infinity} count={values.length} color=\"primary\" />;\n case MultiDisplayOption.avatar:\n default:\n return (\n <KitAvatar.Group max={{count: 5}}>\n {values.map((value, index) => {\n if (!isTreeValue(value, attributeProperties)) {\n return null;\n }\n\n return (\n <KitAvatar\n key={index}\n label={String(value.treePayload?.record.whoAmI.label)}\n src={value.treePayload?.record.whoAmI.preview?.small}\n color=\"primary\"\n secondaryColorInvert\n />\n );\n })}\n </KitAvatar.Group>\n );\n }\n }\n } else {\n const value = _getFirstValue(values[0], attributeProperties); // Not multiple_values attribute should not have more than one value\n if (!value) {\n return null;\n }\n\n let content: ReactNode = null;\n if (isStandardValue(value, attributeProperties)) {\n if (value.valuePayload === null) {\n return null;\n }\n\n switch (attributeProperties.format) {\n case AttributeFormat.boolean:\n const valueToDisplay = value.valuePayload ? t('global.yes') : t('global.no');\n content = (\n <KitTag key={attributeProperties.id} type={!!value.valuePayload ? 'primary' : 'neutral'}>\n <KitIdCard description={valueToDisplay} />\n </KitTag>\n );\n break;\n case AttributeFormat.rich_text:\n const tmp = document.createElement('div');\n tmp.innerHTML = DOMPurify.sanitize(value.valuePayload);\n const textContent = tmp.textContent;\n content = (\n <>\n <RightIcon icon={faListAlt} />\n <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: textContent}}>\n {textContent}\n </KitTypography.AdvancedText>\n </>\n );\n break;\n case AttributeFormat.color:\n const color = new AggregationColor(value.valueRawPayload);\n content = (\n <>\n <StyledColorChip $colorTextContent={color.toHexString()} />\n <KitTypography.AdvancedText\n key={attributeProperties.id}\n ellipsis={{tooltip: value.valuePayload}}\n >\n {value.valuePayload}\n </KitTypography.AdvancedText>\n </>\n );\n break;\n case AttributeFormat.date_range:\n content = _getDateRangeValueContent(value.valuePayload);\n break;\n default:\n const valueContent =\n attributeProperties.format === AttributeFormat.encrypted ? '●●●●●●●●●●●●' : value.valuePayload;\n content = (\n <KitTypography.AdvancedText key={attributeProperties.id} ellipsis={{tooltip: valueContent}}>\n {valueContent}\n </KitTypography.AdvancedText>\n );\n break;\n }\n }\n\n if (isTreeValue(value, attributeProperties)) {\n content = value.treePayload?.record.whoAmI.label ? (\n <IdCard key={attributeProperties.id} item={value.treePayload.record.whoAmI} />\n ) : null;\n }\n\n if (isLinkValue(value, attributeProperties)) {\n content = value.linkPayload?.whoAmI ? (\n <IdCard key={attributeProperties.id} item={value.linkPayload.whoAmI} />\n ) : null;\n }\n\n return <StyledCenteringWrapper>{content}</StyledCenteringWrapper>;\n }\n\n return null;\n};\n"]}

package/dist/components/Explorer/manage-view-settings/configure-display/view-type/SelectViewType.js CHANGED Viewed

@@ -3,10 +3,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useSharedTranslation } from '../../../../../hooks/useSharedTranslation';
-import { KitRadio, KitSpace, KitTag } from 'aristid-ds';
+import { KitIdCard, KitRadio, KitSpace, KitTag } from 'aristid-ds';
 export const SelectViewType = ({ value, onChange }) => {
     const { t } = useSharedTranslation();
-    const comingSoonTag = _jsx(KitTag, { type: "secondary", idCardProps: { description: String(t('explorer.coming-soon')) } });
+    const comingSoonTag = (_jsx(KitTag, { type: "secondary", children: _jsx(KitIdCard, { description: String(t('explorer.coming-soon')) }) }));
     return (_jsx(KitRadio.Group, { value: value, onChange: onChange, children: _jsxs(KitSpace, { direction: "vertical", size: 0, children: [_jsx(KitRadio, { value: "list", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-list'), " ", comingSoonTag] }) }), _jsx(KitRadio, { value: "table", children: t('explorer.view-type-table') }), _jsx(KitRadio, { value: "mosaic", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-mosaic'), " ", comingSoonTag] }) }), _jsx(KitRadio, { value: "planning", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-planning'), " ", comingSoonTag] }) })] }) }));
 };
 //# sourceMappingURL=SelectViewType.js.map

package/dist/components/Explorer/manage-view-settings/configure-display/view-type/SelectViewType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectViewType.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/configure-display/view-type/SelectViewType.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;~~AAStD~~,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACzF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,aAAa,GAAG,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,~~EAAC~~,~~WAAW~~,~~EAAE~~,~~EAAC~~,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,~~EAAC,~~GAAI,CAAC;~~IAEjH~~,OAAO,CACH,KAAC,QAAQ,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YAC5C,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,CAAC,aAClC,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,kBAC3B,MAAC,QAAQ,eACJ,CAAC,CAAC,yBAAyB,CAAC,OAAG,aAAa,IACtC,GACJ,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,YAAE,CAAC,CAAC,0BAA0B,CAAC,GAAY,EAClE,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC7B,MAAC,QAAQ,eACJ,CAAC,CAAC,2BAA2B,CAAC,OAAG,aAAa,IACxC,GACJ,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,kBAC/B,MAAC,QAAQ,eACJ,CAAC,CAAC,6BAA6B,CAAC,OAAG,aAAa,IAC1C,GACJ,IACJ,GACE,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitRadio, KitSpace, KitTag} from 'aristid-ds';\nimport {type RadioGroupProps} from 'aristid-ds/dist/Kit/DataEntry/Radio';\nimport {type FunctionComponent} from 'react';\n\ninterface ISelectViewTypeProps {\n value: string;\n onChange: RadioGroupProps['onChange'];\n}\n\nexport const SelectViewType: FunctionComponent<ISelectViewTypeProps> = ({value, onChange}) => {\n const {t} = useSharedTranslation();\n\n const comingSoonTag = <KitTag type=\"secondary\" ~~idCardProps~~={~~{description:~~ String(t('explorer.coming-soon'))}} ~~/>;\~~n\n return (\n <KitRadio.Group value={value} onChange={onChange}>\n <KitSpace direction=\"vertical\" size={0}>\n <KitRadio value=\"list\" disabled>\n <KitSpace>\n {t('explorer.view-type-list')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n <KitRadio value=\"table\">{t('explorer.view-type-table')}</KitRadio>\n <KitRadio value=\"mosaic\" disabled>\n <KitSpace>\n {t('explorer.view-type-mosaic')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n <KitRadio value=\"planning\" disabled>\n <KitSpace>\n {t('explorer.view-type-planning')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n </KitSpace>\n </KitRadio.Group>\n );\n};\n"]}
1	+ {"version":3,"file":"SelectViewType.js","sourceRoot":"","sources":["../../../../../../src/components/Explorer/manage-view-settings/configure-display/view-type/SelectViewType.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;AASjE,MAAM,CAAC,MAAM,cAAc,GAA4C,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAC,EAAE,EAAE;IACzF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,MAAM,aAAa,GAAG,CAClB,KAAC,MAAM,IAAC,IAAI,EAAC,WAAW,YACpB,KAAC,SAAS,IAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,GAAI,GACxD,CACZ,CAAC;IAEF,OAAO,CACH,KAAC,QAAQ,CAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,YAC5C,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAE,CAAC,aAClC,KAAC,QAAQ,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,kBAC3B,MAAC,QAAQ,eACJ,CAAC,CAAC,yBAAyB,CAAC,OAAG,aAAa,IACtC,GACJ,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,OAAO,YAAE,CAAC,CAAC,0BAA0B,CAAC,GAAY,EAClE,KAAC,QAAQ,IAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,kBAC7B,MAAC,QAAQ,eACJ,CAAC,CAAC,2BAA2B,CAAC,OAAG,aAAa,IACxC,GACJ,EACX,KAAC,QAAQ,IAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,kBAC/B,MAAC,QAAQ,eACJ,CAAC,CAAC,6BAA6B,CAAC,OAAG,aAAa,IAC1C,GACJ,IACJ,GACE,CACpB,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitIdCard, KitRadio, KitSpace, KitTag} from 'aristid-ds';\nimport {type RadioGroupProps} from 'aristid-ds/dist/Kit/DataEntry/Radio';\nimport {type FunctionComponent} from 'react';\n\ninterface ISelectViewTypeProps {\n value: string;\n onChange: RadioGroupProps['onChange'];\n}\n\nexport const SelectViewType: FunctionComponent<ISelectViewTypeProps> = ({value, onChange}) => {\n const {t} = useSharedTranslation();\n\n const comingSoonTag = (\n <KitTag type=\"secondary\">\n <KitIdCard description={String(t('explorer.coming-soon'))} />\n </KitTag>\n );\n\n return (\n <KitRadio.Group value={value} onChange={onChange}>\n <KitSpace direction=\"vertical\" size={0}>\n <KitRadio value=\"list\" disabled>\n <KitSpace>\n {t('explorer.view-type-list')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n <KitRadio value=\"table\">{t('explorer.view-type-table')}</KitRadio>\n <KitRadio value=\"mosaic\" disabled>\n <KitSpace>\n {t('explorer.view-type-mosaic')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n <KitRadio value=\"planning\" disabled>\n <KitSpace>\n {t('explorer.view-type-planning')} {comingSoonTag}\n </KitSpace>\n </KitRadio>\n </KitSpace>\n </KitRadio.Group>\n );\n};\n"]}

package/dist/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } 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 { KitButton, KitTag } from 'aristid-ds';
+import { KitButton, KitIdCard, KitTag } from 'aristid-ds';
 import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
 import { SettingsPanel } from '../router-menu/SettingsPanel';
 import { useEditSettings } from './useEditSettings';
@@ -55,7 +55,7 @@ export const useOpenViewSettings = ({ view, isEnabled = true }) => {
     const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;
     useEffect(() => {
         setButton(_jsx(KitButton, { type: "secondary", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faSlidersH }), onClick: () => _openSettingsPanel(), disabled: isMassSelectionAll, title: String(t('explorer.settings')) /* TODO: avoid transform null to 'null' */ }));
-        setViewListButton(_jsxs(KitButton, { type: "secondary", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faBars }), onClick: () => _openSettingsPanel('viewList.my-views'), disabled: isMassSelectionAll, title: String(t('explorer.viewList.manage-views')) /* TODO: avoid transform null to 'null' */, children: [viewName === '' ? t('explorer.viewList.manage-views') : viewName, view.viewModified && (_jsx(ModifiedStyledKitTag, { type: "error", idCardProps: { description: String(t('explorer.modified')) } }))] }));
+        setViewListButton(_jsxs(KitButton, { type: "secondary", size: "m", icon: _jsx(FontAwesomeIcon, { icon: faBars }), onClick: () => _openSettingsPanel('viewList.my-views'), disabled: isMassSelectionAll, title: String(t('explorer.viewList.manage-views')) /* TODO: avoid transform null to 'null' */, children: [viewName === '' ? t('explorer.viewList.manage-views') : viewName, view.viewModified && (_jsx(ModifiedStyledKitTag, { type: "error", children: _jsx(KitIdCard, { description: String(t('explorer.modified')) }) }))] }));
     }, [view.viewModified, viewName, isMassSelectionAll]);
     return {
         openSettingsPanel: _openSettingsPanel,

package/dist/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useOpenViewSettings.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;~~AAC7C~~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~~EAAC~~,~~WAAW~~,~~EAAE~~,~~EAAC~~,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,~~EAAC,~~GAAI,~~CACpG~~,IACO,CACf,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtD,OAAO;QACH,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,MAAM;QAC1B,cAAc;QACd,QAAQ,EAAE,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,QAAQ;KAC7E,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {KitButton, KitTag} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SettingsPanel} from '../router-menu/SettingsPanel';\nimport {useEditSettings} from './useEditSettings';\nimport {type SettingsPanelPages} from './EditSettingsContext';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {type ReactElement, useEffect, useState} from 'react';\nimport {type IViewSettingsState} from '../store-view-settings/viewSettingsReducer';\nimport styled from 'styled-components';\nimport {type FeatureHook} from '../../_types';\nimport {MASS_SELECTION_ALL} from '../../_constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faBars, faSlidersH} from '@fortawesome/free-solid-svg-icons';\n\nconst ModifiedStyledKitTag = styled(KitTag)`\n margin: 0;\n`;\n\ninterface IChangePanelPage {\n pageName: SettingsPanelPages;\n title: string;\n onClickLeftButton?: () => void;\n}\n\nexport const useOpenViewSettings = ({view, isEnabled = true}: FeatureHook<{view: IViewSettingsState}>) => {\n const {activeSettings, setActiveSettings, closeSettingsPanel} = useEditSettings();\n const [button, setButton] = useState<ReactElement \| null>(null);\n const [viewListButton, setViewListButton] = useState<ReactElement \| null>(null);\n\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n\n useEffect(() => {\n if (!isEnabled) {\n closeSettingsPanel();\n }\n return () => {\n closeSettingsPanel();\n };\n }, [isEnabled]);\n\n const rootPanel = {pageName: 'router-menu', title: t('explorer.settings')} as const;\n\n const _changePanelPage = ({pageName, title, onClickLeftButton}: IChangePanelPage) => {\n setActiveSettings({\n ...activeSettings!,\n content: <SettingsPanel library={view.libraryId} page={pageName} />,\n title,\n onClickLeftButton,\n });\n };\n\n const _openSettingsPanel = (pageName: SettingsPanelPages = 'router-menu') => {\n const chanelPageParams: IChangePanelPage = {\n pageName,\n title: t(`explorer.${pageName}`),\n };\n if (pageName !== rootPanel.pageName) {\n chanelPageParams.onClickLeftButton = () => {\n _changePanelPage(rootPanel);\n };\n }\n\n _changePanelPage(chanelPageParams);\n };\n\n const viewName = localizedTranslation(view?.viewLabels ?? {}, lang);\n const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n\n useEffect(() => {\n setButton(\n <KitButton\n type=\"secondary\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faSlidersH} />}\n onClick={() => _openSettingsPanel()}\n disabled={isMassSelectionAll}\n title={String(t('explorer.settings')) /* TODO: avoid transform null to 'null' /}\n />,\n );\n setViewListButton(\n <KitButton\n type=\"secondary\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faBars} />}\n onClick={() => _openSettingsPanel('viewList.my-views')}\n disabled={isMassSelectionAll}\n title={String(t('explorer.viewList.manage-views')) / TODO: avoid transform null to 'null' */}\n >\n {viewName === '' ? t('explorer.viewList.manage-views') : viewName}\n {view.viewModified && (\n <ModifiedStyledKitTag type=\"error\" ~~idCardProps~~={~~{description:~~ String(t('explorer.modified'))}} />\n )}\n </KitButton>,\n );\n }, [view.viewModified, viewName, isMassSelectionAll]);\n\n return {\n openSettingsPanel: _openSettingsPanel,\n viewSettingsButton: button,\n viewListButton,\n viewName: viewName === '' ? t('explorer.viewList.default-view') : viewName,\n };\n};\n"]}
1	+ {"version":3,"file":"useOpenViewSettings.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/open-view-settings/useOpenViewSettings.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAC,MAAM,YAAY,CAAC;AACxD,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,8BAA8B,CAAC;AAC3D,OAAO,EAAC,eAAe,EAAC,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAoB,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAE7D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAC,kBAAkB,EAAC,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAC,MAAM,EAAE,UAAU,EAAC,MAAM,mCAAmC,CAAC;AAErE,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAE1C,CAAC;AAQF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAC,IAAI,EAAE,SAAS,GAAG,IAAI,EAA0C,EAAE,EAAE;IACrG,MAAM,EAAC,cAAc,EAAE,iBAAiB,EAAE,kBAAkB,EAAC,GAAG,eAAe,EAAE,CAAC;IAClF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAChE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAEhF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,SAAS,EAAE,CAAC;YACb,kBAAkB,EAAE,CAAC;QACzB,CAAC;QACD,OAAO,GAAG,EAAE;YACR,kBAAkB,EAAE,CAAC;QACzB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,SAAS,GAAG,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,mBAAmB,CAAC,EAAU,CAAC;IAEpF,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAmB,EAAE,EAAE;QAChF,iBAAiB,CAAC;YACd,GAAG,cAAe;YAClB,OAAO,EAAE,KAAC,aAAa,IAAC,OAAO,EAAE,IAAI,CAAC,SAAS,EAAE,IAAI,EAAE,QAAQ,GAAI;YACnE,KAAK;YACL,iBAAiB;SACpB,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,WAA+B,aAAa,EAAE,EAAE;QACxE,MAAM,gBAAgB,GAAqB;YACvC,QAAQ;YACR,KAAK,EAAE,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC;SACnC,CAAC;QACF,IAAI,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE,CAAC;YAClC,gBAAgB,CAAC,iBAAiB,GAAG,GAAG,EAAE;gBACtC,gBAAgB,CAAC,SAAS,CAAC,CAAC;YAChC,CAAC,CAAC;QACN,CAAC;QAED,gBAAgB,CAAC,gBAAgB,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE,IAAI,CAAC,CAAC;IACpE,MAAM,kBAAkB,GAAG,IAAI,CAAC,aAAa,KAAK,kBAAkB,CAAC;IAErE,SAAS,CAAC,GAAG,EAAE;QACX,SAAS,CACL,KAAC,SAAS,IACN,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,UAAU,GAAI,EAC3C,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,EAAE,EACnC,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,0CAA0C,GAClF,CACL,CAAC;QACF,iBAAiB,CACb,MAAC,SAAS,IACN,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,GAAG,EACR,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,EACvC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,EACtD,QAAQ,EAAE,kBAAkB,EAC5B,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,0CAA0C,aAE5F,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAChE,IAAI,CAAC,YAAY,IAAI,CAClB,KAAC,oBAAoB,IAAC,IAAI,EAAC,OAAO,YAC9B,KAAC,SAAS,IAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,GAAI,GACvC,CAC1B,IACO,CACf,CAAC;IACN,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEtD,OAAO;QACH,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,MAAM;QAC1B,cAAc;QACd,QAAQ,EAAE,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,CAAC,QAAQ;KAC7E,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {KitButton, KitIdCard, KitTag} from 'aristid-ds';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SettingsPanel} from '../router-menu/SettingsPanel';\nimport {useEditSettings} from './useEditSettings';\nimport {type SettingsPanelPages} from './EditSettingsContext';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {type ReactElement, useEffect, useState} from 'react';\nimport {type IViewSettingsState} from '../store-view-settings/viewSettingsReducer';\nimport styled from 'styled-components';\nimport {type FeatureHook} from '../../_types';\nimport {MASS_SELECTION_ALL} from '../../_constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faBars, faSlidersH} from '@fortawesome/free-solid-svg-icons';\n\nconst ModifiedStyledKitTag = styled(KitTag)`\n margin: 0;\n`;\n\ninterface IChangePanelPage {\n pageName: SettingsPanelPages;\n title: string;\n onClickLeftButton?: () => void;\n}\n\nexport const useOpenViewSettings = ({view, isEnabled = true}: FeatureHook<{view: IViewSettingsState}>) => {\n const {activeSettings, setActiveSettings, closeSettingsPanel} = useEditSettings();\n const [button, setButton] = useState<ReactElement \| null>(null);\n const [viewListButton, setViewListButton] = useState<ReactElement \| null>(null);\n\n const {t} = useSharedTranslation();\n const {lang} = useLang();\n\n useEffect(() => {\n if (!isEnabled) {\n closeSettingsPanel();\n }\n return () => {\n closeSettingsPanel();\n };\n }, [isEnabled]);\n\n const rootPanel = {pageName: 'router-menu', title: t('explorer.settings')} as const;\n\n const _changePanelPage = ({pageName, title, onClickLeftButton}: IChangePanelPage) => {\n setActiveSettings({\n ...activeSettings!,\n content: <SettingsPanel library={view.libraryId} page={pageName} />,\n title,\n onClickLeftButton,\n });\n };\n\n const _openSettingsPanel = (pageName: SettingsPanelPages = 'router-menu') => {\n const chanelPageParams: IChangePanelPage = {\n pageName,\n title: t(`explorer.${pageName}`),\n };\n if (pageName !== rootPanel.pageName) {\n chanelPageParams.onClickLeftButton = () => {\n _changePanelPage(rootPanel);\n };\n }\n\n _changePanelPage(chanelPageParams);\n };\n\n const viewName = localizedTranslation(view?.viewLabels ?? {}, lang);\n const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n\n useEffect(() => {\n setButton(\n <KitButton\n type=\"secondary\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faSlidersH} />}\n onClick={() => _openSettingsPanel()}\n disabled={isMassSelectionAll}\n title={String(t('explorer.settings')) /* TODO: avoid transform null to 'null' /}\n />,\n );\n setViewListButton(\n <KitButton\n type=\"secondary\"\n size=\"m\"\n icon={<FontAwesomeIcon icon={faBars} />}\n onClick={() => _openSettingsPanel('viewList.my-views')}\n disabled={isMassSelectionAll}\n title={String(t('explorer.viewList.manage-views')) / TODO: avoid transform null to 'null' */}\n >\n {viewName === '' ? t('explorer.viewList.manage-views') : viewName}\n {view.viewModified && (\n <ModifiedStyledKitTag type=\"error\">\n <KitIdCard description={String(t('explorer.modified'))} />\n </ModifiedStyledKitTag>\n )}\n </KitButton>,\n );\n }, [view.viewModified, viewName, isMassSelectionAll]);\n\n return {\n openSettingsPanel: _openSettingsPanel,\n viewSettingsButton: button,\n viewListButton,\n viewName: viewName === '' ? t('explorer.viewList.default-view') : viewName,\n };\n};\n"]}

package/dist/components/SelectTreeNode/TreeNodeTitle.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // This file is released under LGPL V3
 // License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
 import { useState } from 'react';
-import { KitButton, KitTag, KitTypography } from 'aristid-ds';
+import { KitButton, KitIdCard, KitTag, KitTypography } from 'aristid-ds';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faCheck } from '@fortawesome/free-solid-svg-icons';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
@@ -43,7 +43,7 @@ const SelectedChildrenCount = ({ node, selectedNodes, loadRecursively }) => {
         return null;
     }
     const selectedChildrenCount = countSelectedNodes(node, selectedNodes);
-    return selectedChildrenCount > 0 ? _jsx(KitTag, { idCardProps: { description: selectedChildrenCount } }) : null;
+    return selectedChildrenCount > 0 ? (_jsx(KitTag, { children: _jsx(KitIdCard, { description: selectedChildrenCount }) })) : null;
 };
 const countSelectedNodes = (node, selectedNodes) => node.children?.reduce((count, child) => {
     if (selectedNodes.includes(child.id) && !child.isShowMore) {

package/dist/components/SelectTreeNode/TreeNodeTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,QAAQ,EAAyB,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAC,SAAS,EAAE,MAAM,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;~~AAC5D~~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~~IAAC~~,~~WAAW~~,~~EAAE~~,~~EAAC~~,WAAW,EAAE,qBAAqB,~~EAAC,~~GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;~~AAC5G~~,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,IAAqB,EAAE,aAAuB,EAAU,EAAE,CAClF,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;IACnC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;QACxD,KAAK,IAAI,CAAC,CAAC;IACf,CAAC;IACD,KAAK,IAAI,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IAClD,OAAO,KAAK,CAAC;AACjB,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitTag, KitTypography} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n display: flex;\n align-items: center;\n gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n checkable: boolean;\n disabledNodes: string[];\n loadRecursively: boolean;\n node: ITreeMapElement;\n onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n selectedNodes: string[];\n showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n checkable,\n disabledNodes,\n loadRecursively,\n node,\n onSelect,\n selectedNodes,\n showSelectChildrenButton,\n}) => {\n const {t} = useSharedTranslation();\n\n const [hover, setHover] = useState(false);\n\n const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n const isDisabled = disabledNodes.includes(node.id);\n\n const buttonInSelectMode = node.children\n .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n .every(child => !selectedNodes.includes(child.id));\n\n const handleChildrenSelection = (event: React.MouseEvent) => {\n event.stopPropagation();\n node.children.forEach(child => {\n if (node.disabled \|\| child.isShowMore) {\n return;\n }\n onSelect(child, buttonInSelectMode);\n });\n };\n\n return (\n <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n <TreeNodeLineSection>\n <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n {node.title}\n </KitTypography.Text>\n <SelectedChildrenCount node={node} selectedNodes={selectedNodes} loadRecursively={loadRecursively} />\n </TreeNodeLineSection>\n <TreeNodeLineSection>\n {showSelectChildrenButton && node.children.length > 0 && hover && (\n <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n </KitButton>\n )}\n {!checkable && isSelected && (\n <FontAwesomeIcon\n icon={faCheck}\n color={\n isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n }\n />\n )}\n </TreeNodeLineSection>\n </TreeNodeLine>\n );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n node: ITreeMapElement;\n selectedNodes: string[];\n loadRecursively: boolean;\n}> = ({node, selectedNodes, loadRecursively}) => {\n // it can work only if all children are loaded\n if (!loadRecursively) {\n return null;\n }\n\n const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n return selectedChildrenCount > 0 ? <KitTag ~~idCardProps~~={~~{description:~~ selectedChildrenCount}} /> : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n node.children?.reduce((count, child) => {\n if (selectedNodes.includes(child.id) && !child.isShowMore) {\n count += 1;\n }\n count += countSelectedNodes(child, selectedNodes);\n return count;\n }, 0) ?? 0;\n"]}
1	+ {"version":3,"file":"TreeNodeTitle.js","sourceRoot":"","sources":["../../../src/components/SelectTreeNode/TreeNodeTitle.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 {useState, type FunctionComponent} from 'react';\nimport {type ITreeMapElement} from './_types';\nimport {KitButton, KitIdCard, KitTag, KitTypography} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {type ITreeNodeWithRecord} from '_ui/types';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\n\nconst TreeNodeLine = styled.div`\n display: flex;\n align-items: center;\n justify-content: space-between;\n`;\nconst TreeNodeLineSection = styled.div`\n display: flex;\n align-items: center;\n gap: calc(var(--general-spacing-xs) * 1px);\n`;\ninterface ITreeNodeTitleProps {\n checkable: boolean;\n disabledNodes: string[];\n loadRecursively: boolean;\n node: ITreeMapElement;\n onSelect: (node: ITreeNodeWithRecord, selected: boolean) => void;\n selectedNodes: string[];\n showSelectChildrenButton: boolean;\n}\n\nexport const TreeNodeTitle: FunctionComponent<ITreeNodeTitleProps> = ({\n checkable,\n disabledNodes,\n loadRecursively,\n node,\n onSelect,\n selectedNodes,\n showSelectChildrenButton,\n}) => {\n const {t} = useSharedTranslation();\n\n const [hover, setHover] = useState(false);\n\n const isSelected = selectedNodes.includes(node.id) && !node.isShowMore;\n const isDisabled = disabledNodes.includes(node.id);\n\n const buttonInSelectMode = node.children\n .filter(child => !child.isShowMore && !disabledNodes.includes(child.id))\n .every(child => !selectedNodes.includes(child.id));\n\n const handleChildrenSelection = (event: React.MouseEvent) => {\n event.stopPropagation();\n node.children.forEach(child => {\n if (node.disabled \|\| child.isShowMore) {\n return;\n }\n onSelect(child, buttonInSelectMode);\n });\n };\n\n return (\n <TreeNodeLine onMouseEnter={() => setHover(true)} onMouseLeave={() => setHover(false)}>\n <TreeNodeLineSection>\n <KitTypography.Text size=\"fontSize5\" disabled={isDisabled}>\n {node.title}\n </KitTypography.Text>\n <SelectedChildrenCount node={node} selectedNodes={selectedNodes} loadRecursively={loadRecursively} />\n </TreeNodeLineSection>\n <TreeNodeLineSection>\n {showSelectChildrenButton && node.children.length > 0 && hover && (\n <KitButton size=\"s\" onClick={e => handleChildrenSelection(e)}>\n {t(`tree-node-selection.${buttonInSelectMode ? 'select_children' : 'unselect_children'}`)}\n </KitButton>\n )}\n {!checkable && isSelected && (\n <FontAwesomeIcon\n icon={faCheck}\n color={\n isDisabled ? 'var(--general-utilities-text-disabled)' : 'var(--general-utilities-text-blue)'\n }\n />\n )}\n </TreeNodeLineSection>\n </TreeNodeLine>\n );\n};\n\nconst SelectedChildrenCount: FunctionComponent<{\n node: ITreeMapElement;\n selectedNodes: string[];\n loadRecursively: boolean;\n}> = ({node, selectedNodes, loadRecursively}) => {\n // it can work only if all children are loaded\n if (!loadRecursively) {\n return null;\n }\n\n const selectedChildrenCount = countSelectedNodes(node, selectedNodes);\n\n return selectedChildrenCount > 0 ? (\n <KitTag>\n <KitIdCard description={selectedChildrenCount} />\n </KitTag>\n ) : null;\n};\n\nconst countSelectedNodes = (node: ITreeMapElement, selectedNodes: string[]): number =>\n node.children?.reduce((count, child) => {\n if (selectedNodes.includes(child.id) && !child.isShowMore) {\n count += 1;\n }\n count += countSelectedNodes(child, selectedNodes);\n return count;\n }, 0) ?? 0;\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@leav/ui",
-  "version": "1.7.0-bba65313",
+  "version": "1.7.0-e1ab594d",
   "description": "Shared React components and hooks",
   "scripts": {
     "prepublishOnly": "yarn build",
@@ -70,7 +70,7 @@
     "react-router-dom": "^6.22.0"
   },
   "dependencies": {
-    "@ant-design/icons": "5.2.6",
+    "@ant-design/icons": "5.6.1",
     "@ckeditor/ckeditor5-build-inline": "39.0.2",
     "@ckeditor/ckeditor5-react": "6.1.0",
     "@dnd-kit/core": "6.1.0",