@leav/ui 1.14.0 → 1.15.0-64b980c3

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.js

@@ -5,7 +5,7 @@ import { Button, Collapse, Form, List, Select, Space, Switch } from 'antd';
 import { useState } from 'react';
 import styled from 'styled-components';
 import { PreviewSize } from '../../../../../../constants';
-import useLang from '../../../../../../hooks/useLang';
+import useLang from '../../../../../../hooks/useLang/useLang';
 import { useSharedTranslation } from '../../../../../../hooks/useSharedTranslation';
 import { EntityCard } from '../../../../../EntityCard';
 import FieldsGroup from '../../../../../FieldsGroup';

package/dist/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeLibrariesForm.js","sourceRoot":"","sources":["../../../../../../../src/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {CloseOutlined, PlusOutlined} from '@ant-design/icons';\nimport {localizedTranslation} from '@leav/utils';\nimport {Button, Collapse, Form, List, Select, Space, Switch} from 'antd';\nimport {type ComponentProps, type ReactNode, useState} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {type LibraryLightFragment, type TreeDetailsFragment} from '../../../../../../_gqlTypes';\nimport {PreviewSize} from '../../../../../../constants';\nimport useLang from '../../../../../../hooks/useLang';\nimport {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';\nimport {EntityCard, type IEntityData} from '../../../../../EntityCard';\nimport FieldsGroup from '../../../../../FieldsGroup';\nimport {LibraryPicker} from '../../../../../LibraryPicker';\n\nconst RemoveButton = styled(CloseOutlined)`\n    cursor: pointer;\n    align-self: flex-start;\n`;\n\nconst ListItemPart = styled.div<{style?: CSSObject}>`\n    display: flex;\n    padding: 0.5rem;\n    width: 100%;\n    gap: 1rem;\n\n    ${props => props.style}\n`;\n\nconst ALL_CHILDREN_ALLOWED_KEY = '__all__';\n\ninterface ITreeLibrariesFormProps {\n    onChange: (libraries: TreeDetailsFragment['libraries']) => void;\n    readOnly?: boolean;\n    extra?: ReactNode;\n}\n\nfunction TreeLibrariesForm({onChange, extra, readOnly}: ITreeLibrariesFormProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const form = Form.useFormInstance();\n    const libraries: TreeDetailsFragment['libraries'] = form.getFieldValue('libraries') ?? [];\n    const [isLibraryPickerOpen, setIsLibraryPickerOpen] = useState(false);\n\n    const _handleLibrariesChange = (newLibraries: TreeDetailsFragment['libraries']) => {\n        form.setFieldValue('libraries', newLibraries);\n        onChange(newLibraries);\n    };\n\n    const _handleAddLibrary = () => {\n        setIsLibraryPickerOpen(true);\n    };\n    const _handleCloseLibraryPicker = () => setIsLibraryPickerOpen(false);\n    const _handleSubmitLibraryPicker = (selectedLibraries: LibraryLightFragment[]) => {\n        const addedLibraries = selectedLibraries.map(library => ({\n            library: {id: library.id, label: library.label},\n            settings: {allowMultiplePositions: false, allowedAtRoot: true, allowedChildren: [ALL_CHILDREN_ALLOWED_KEY]},\n        }));\n\n        const newLibraries = [...libraries, ...addedLibraries];\n        _handleLibrariesChange(newLibraries);\n    };\n    const _handleRemoveLibrary = (libraryId: string) => () => {\n        const newLibraries = libraries.filter(library => library.library.id !== libraryId);\n        _handleLibrariesChange(newLibraries);\n    };\n\n    const _handleSwitchChange = (libraryId: string, field: string) => (checked: boolean) => {\n        const newLibraries = libraries.map(library => {\n            if (library.library.id === libraryId) {\n                return {\n                    ...library,\n                    settings: {...library.settings, [field]: checked},\n                };\n            }\n\n            return library;\n        });\n\n        _handleLibrariesChange(newLibraries);\n    };\n\n    const _handleAllowedChildrenChange = (libraryId: string, index: number) => (allowedChildren: string[]) => {\n        const previousValue =\n            libraries.find(library => library.library.id === libraryId)?.settings.allowedChildren ?? [];\n\n        let selectedChildren = allowedChildren;\n        const didAllowAllChildren = previousValue.includes(ALL_CHILDREN_ALLOWED_KEY);\n        const nowAllowAllChildren = allowedChildren.includes(ALL_CHILDREN_ALLOWED_KEY);\n        if (!nowAllowAllChildren && didAllowAllChildren) {\n            selectedChildren = allowedChildren.filter(child => child !== ALL_CHILDREN_ALLOWED_KEY);\n        }\n\n        if (nowAllowAllChildren && !didAllowAllChildren) {\n            selectedChildren = [ALL_CHILDREN_ALLOWED_KEY];\n        }\n\n        const newLibraries = libraries.map(library => {\n            if (library.library.id === libraryId) {\n                return {\n                    ...library,\n                    settings: {...library.settings, allowedChildren: selectedChildren},\n                };\n            }\n\n            return library;\n        });\n\n        _handleLibrariesChange(newLibraries);\n        form.setFieldValue(['libraries', index, 'settings', 'allowedChildren'], selectedChildren);\n    };\n\n    const groupLabel = (\n        <Space>\n            {t('trees.linked_libraries')}\n            {extra}\n        </Space>\n    );\n\n    const renderListItem = (item: TreeDetailsFragment['libraries'][number], index: number) => {\n        const itemIdentity: IEntityData = {\n            label: localizedTranslation(item.library.label, lang),\n            subLabel: item.library.id,\n            color: null,\n            preview: null,\n        };\n\n        const allowedChildrenOptions = [\n            {key: ALL_CHILDREN_ALLOWED_KEY, value: ALL_CHILDREN_ALLOWED_KEY, label: t('trees.all_children_allowed')},\n            {\n                key: 'libraries',\n                label: t('trees.libraries'),\n                options: libraries.map(library => ({\n                    key: library.library.id,\n                    value: library.library.id,\n                    label: localizedTranslation(library.library.label, lang),\n                    disabled: form\n                        .getFieldValue(['libraries', index, 'settings', 'allowedChildren'])\n                        .includes(ALL_CHILDREN_ALLOWED_KEY),\n                })),\n            },\n        ];\n\n        const collapseItems: ComponentProps<typeof Collapse>['items'] = [\n            {\n                key: 'settings',\n                label: t('trees.advanced_settings'),\n                children: (\n                    <>\n                        <ListItemPart>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowMultiplePositions']}\n                                label={t('trees.allowed_multiple_positions')}\n                                valuePropName=\"checked\"\n                                style={{margin: 0}}\n                            >\n                                <Switch\n                                    disabled={readOnly}\n                                    onChange={_handleSwitchChange(item.library.id, 'allowMultiplePositions')}\n                                />\n                            </Form.Item>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowedAtRoot']}\n                                label={t('trees.allowed_at_root')}\n                                valuePropName=\"checked\"\n                                style={{margin: 0}}\n                            >\n                                <Switch\n                                    disabled={readOnly}\n                                    onChange={_handleSwitchChange(item.library.id, 'allowedAtRoot')}\n                                />\n                            </Form.Item>\n                        </ListItemPart>\n                        <ListItemPart>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowedChildren']}\n                                label={t('trees.allowed_children')}\n                                style={{margin: 0}}\n                            >\n                                <Select\n                                    options={allowedChildrenOptions}\n                                    onChange={_handleAllowedChildrenChange(item.library.id, index)}\n                                    placeholder={t('trees.no_children_allowed')}\n                                    mode=\"multiple\"\n                                    allowClear\n                                    disabled={readOnly}\n                                    style={{minWidth: '15rem'}}\n                                    aria-label=\"\"\n                                />\n                            </Form.Item>\n                        </ListItemPart>\n                    </>\n                ),\n            },\n        ];\n\n        return (\n            <List.Item style={{flexDirection: 'column', padding: '5px 1rem'}}>\n                <ListItemPart style={{justifyContent: 'space-between'}}>\n                    <EntityCard entity={itemIdentity} size={PreviewSize.SMALL} />\n                    {!readOnly && (\n                        <RemoveButton\n                            role=\"button\"\n                            aria-label=\"delete-library\"\n                            onClick={_handleRemoveLibrary(item.library.id)}\n                        />\n                    )}\n                </ListItemPart>\n                <Collapse size=\"small\" style={{width: '100%', margin: '0.5rem'}} items={collapseItems} />\n            </List.Item>\n        );\n    };\n\n    const listFooter = !readOnly ? (\n        <Button icon={<PlusOutlined />} style={{border: 'none', boxShadow: 'none'}} onClick={_handleAddLibrary}>\n            {t('trees.add_libraries')}\n        </Button>\n    ) : null;\n    const selectedLibraries = libraries.map(library => library.library.id);\n\n    return (\n        <>\n            <FieldsGroup label={groupLabel} style={{padding: 0}}>\n                <List\n                    dataSource={libraries}\n                    renderItem={renderListItem}\n                    footer={listFooter}\n                    locale={{emptyText: t('trees.no_linked_libraries')}}\n                    style={{padding: 0}}\n                />\n            </FieldsGroup>\n            {isLibraryPickerOpen && (\n                <LibraryPicker\n                    onClose={_handleCloseLibraryPicker}\n                    open={isLibraryPickerOpen}\n                    onSubmit={_handleSubmitLibraryPicker}\n                    multiple\n                    selected={selectedLibraries}\n                    showSelected={false}\n                />\n            )}\n        </>\n    );\n}\n\nexport default TreeLibrariesForm;\n"]}
+{"version":3,"file":"TreeLibrariesForm.js","sourceRoot":"","sources":["../../../../../../../src/components/EditTreeModal/EditTree/EditTreeInfo/EditTreeInfoForm/TreeLibrariesForm/TreeLibrariesForm.tsx"],"names":[],"mappings":"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","sourcesContent":["import {CloseOutlined, PlusOutlined} from '@ant-design/icons';\nimport {localizedTranslation} from '@leav/utils';\nimport {Button, Collapse, Form, List, Select, Space, Switch} from 'antd';\nimport {type ComponentProps, type ReactNode, useState} from 'react';\nimport styled, {type CSSObject} from 'styled-components';\nimport {type LibraryLightFragment, type TreeDetailsFragment} from '../../../../../../_gqlTypes';\nimport {PreviewSize} from '../../../../../../constants';\nimport useLang from '../../../../../../hooks/useLang/useLang';\nimport {useSharedTranslation} from '../../../../../../hooks/useSharedTranslation';\nimport {EntityCard, type IEntityData} from '../../../../../EntityCard';\nimport FieldsGroup from '../../../../../FieldsGroup';\nimport {LibraryPicker} from '../../../../../LibraryPicker';\n\nconst RemoveButton = styled(CloseOutlined)`\n    cursor: pointer;\n    align-self: flex-start;\n`;\n\nconst ListItemPart = styled.div<{style?: CSSObject}>`\n    display: flex;\n    padding: 0.5rem;\n    width: 100%;\n    gap: 1rem;\n\n    ${props => props.style}\n`;\n\nconst ALL_CHILDREN_ALLOWED_KEY = '__all__';\n\ninterface ITreeLibrariesFormProps {\n    onChange: (libraries: TreeDetailsFragment['libraries']) => void;\n    readOnly?: boolean;\n    extra?: ReactNode;\n}\n\nfunction TreeLibrariesForm({onChange, extra, readOnly}: ITreeLibrariesFormProps): JSX.Element {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n    const form = Form.useFormInstance();\n    const libraries: TreeDetailsFragment['libraries'] = form.getFieldValue('libraries') ?? [];\n    const [isLibraryPickerOpen, setIsLibraryPickerOpen] = useState(false);\n\n    const _handleLibrariesChange = (newLibraries: TreeDetailsFragment['libraries']) => {\n        form.setFieldValue('libraries', newLibraries);\n        onChange(newLibraries);\n    };\n\n    const _handleAddLibrary = () => {\n        setIsLibraryPickerOpen(true);\n    };\n    const _handleCloseLibraryPicker = () => setIsLibraryPickerOpen(false);\n    const _handleSubmitLibraryPicker = (selectedLibraries: LibraryLightFragment[]) => {\n        const addedLibraries = selectedLibraries.map(library => ({\n            library: {id: library.id, label: library.label},\n            settings: {allowMultiplePositions: false, allowedAtRoot: true, allowedChildren: [ALL_CHILDREN_ALLOWED_KEY]},\n        }));\n\n        const newLibraries = [...libraries, ...addedLibraries];\n        _handleLibrariesChange(newLibraries);\n    };\n    const _handleRemoveLibrary = (libraryId: string) => () => {\n        const newLibraries = libraries.filter(library => library.library.id !== libraryId);\n        _handleLibrariesChange(newLibraries);\n    };\n\n    const _handleSwitchChange = (libraryId: string, field: string) => (checked: boolean) => {\n        const newLibraries = libraries.map(library => {\n            if (library.library.id === libraryId) {\n                return {\n                    ...library,\n                    settings: {...library.settings, [field]: checked},\n                };\n            }\n\n            return library;\n        });\n\n        _handleLibrariesChange(newLibraries);\n    };\n\n    const _handleAllowedChildrenChange = (libraryId: string, index: number) => (allowedChildren: string[]) => {\n        const previousValue =\n            libraries.find(library => library.library.id === libraryId)?.settings.allowedChildren ?? [];\n\n        let selectedChildren = allowedChildren;\n        const didAllowAllChildren = previousValue.includes(ALL_CHILDREN_ALLOWED_KEY);\n        const nowAllowAllChildren = allowedChildren.includes(ALL_CHILDREN_ALLOWED_KEY);\n        if (!nowAllowAllChildren && didAllowAllChildren) {\n            selectedChildren = allowedChildren.filter(child => child !== ALL_CHILDREN_ALLOWED_KEY);\n        }\n\n        if (nowAllowAllChildren && !didAllowAllChildren) {\n            selectedChildren = [ALL_CHILDREN_ALLOWED_KEY];\n        }\n\n        const newLibraries = libraries.map(library => {\n            if (library.library.id === libraryId) {\n                return {\n                    ...library,\n                    settings: {...library.settings, allowedChildren: selectedChildren},\n                };\n            }\n\n            return library;\n        });\n\n        _handleLibrariesChange(newLibraries);\n        form.setFieldValue(['libraries', index, 'settings', 'allowedChildren'], selectedChildren);\n    };\n\n    const groupLabel = (\n        <Space>\n            {t('trees.linked_libraries')}\n            {extra}\n        </Space>\n    );\n\n    const renderListItem = (item: TreeDetailsFragment['libraries'][number], index: number) => {\n        const itemIdentity: IEntityData = {\n            label: localizedTranslation(item.library.label, lang),\n            subLabel: item.library.id,\n            color: null,\n            preview: null,\n        };\n\n        const allowedChildrenOptions = [\n            {key: ALL_CHILDREN_ALLOWED_KEY, value: ALL_CHILDREN_ALLOWED_KEY, label: t('trees.all_children_allowed')},\n            {\n                key: 'libraries',\n                label: t('trees.libraries'),\n                options: libraries.map(library => ({\n                    key: library.library.id,\n                    value: library.library.id,\n                    label: localizedTranslation(library.library.label, lang),\n                    disabled: form\n                        .getFieldValue(['libraries', index, 'settings', 'allowedChildren'])\n                        .includes(ALL_CHILDREN_ALLOWED_KEY),\n                })),\n            },\n        ];\n\n        const collapseItems: ComponentProps<typeof Collapse>['items'] = [\n            {\n                key: 'settings',\n                label: t('trees.advanced_settings'),\n                children: (\n                    <>\n                        <ListItemPart>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowMultiplePositions']}\n                                label={t('trees.allowed_multiple_positions')}\n                                valuePropName=\"checked\"\n                                style={{margin: 0}}\n                            >\n                                <Switch\n                                    disabled={readOnly}\n                                    onChange={_handleSwitchChange(item.library.id, 'allowMultiplePositions')}\n                                />\n                            </Form.Item>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowedAtRoot']}\n                                label={t('trees.allowed_at_root')}\n                                valuePropName=\"checked\"\n                                style={{margin: 0}}\n                            >\n                                <Switch\n                                    disabled={readOnly}\n                                    onChange={_handleSwitchChange(item.library.id, 'allowedAtRoot')}\n                                />\n                            </Form.Item>\n                        </ListItemPart>\n                        <ListItemPart>\n                            <Form.Item\n                                name={['libraries', index, 'settings', 'allowedChildren']}\n                                label={t('trees.allowed_children')}\n                                style={{margin: 0}}\n                            >\n                                <Select\n                                    options={allowedChildrenOptions}\n                                    onChange={_handleAllowedChildrenChange(item.library.id, index)}\n                                    placeholder={t('trees.no_children_allowed')}\n                                    mode=\"multiple\"\n                                    allowClear\n                                    disabled={readOnly}\n                                    style={{minWidth: '15rem'}}\n                                    aria-label=\"\"\n                                />\n                            </Form.Item>\n                        </ListItemPart>\n                    </>\n                ),\n            },\n        ];\n\n        return (\n            <List.Item style={{flexDirection: 'column', padding: '5px 1rem'}}>\n                <ListItemPart style={{justifyContent: 'space-between'}}>\n                    <EntityCard entity={itemIdentity} size={PreviewSize.SMALL} />\n                    {!readOnly && (\n                        <RemoveButton\n                            role=\"button\"\n                            aria-label=\"delete-library\"\n                            onClick={_handleRemoveLibrary(item.library.id)}\n                        />\n                    )}\n                </ListItemPart>\n                <Collapse size=\"small\" style={{width: '100%', margin: '0.5rem'}} items={collapseItems} />\n            </List.Item>\n        );\n    };\n\n    const listFooter = !readOnly ? (\n        <Button icon={<PlusOutlined />} style={{border: 'none', boxShadow: 'none'}} onClick={_handleAddLibrary}>\n            {t('trees.add_libraries')}\n        </Button>\n    ) : null;\n    const selectedLibraries = libraries.map(library => library.library.id);\n\n    return (\n        <>\n            <FieldsGroup label={groupLabel} style={{padding: 0}}>\n                <List\n                    dataSource={libraries}\n                    renderItem={renderListItem}\n                    footer={listFooter}\n                    locale={{emptyText: t('trees.no_linked_libraries')}}\n                    style={{padding: 0}}\n                />\n            </FieldsGroup>\n            {isLibraryPickerOpen && (\n                <LibraryPicker\n                    onClose={_handleCloseLibraryPicker}\n                    open={isLibraryPickerOpen}\n                    onSubmit={_handleSubmitLibraryPicker}\n                    multiple\n                    selected={selectedLibraries}\n                    showSelected={false}\n                />\n            )}\n        </>\n    );\n}\n\nexport default TreeLibrariesForm;\n"]}

package/dist/components/Explorer/Explorer.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from 'react';
 import { type ISubmitMultipleResult } from '../../components/RecordEdition/EditRecordContent/_types';
-import { type DefaultViewSettings, type Entrypoint, type FiltersChangePayload, type IItemAction, type IMassActions, type IPrimaryAction, type ViewConfigTab } from './_types';
 import { type JoinLibraryContextFragment } from '../../_gqlTypes';
+import { type DefaultViewSettings, type Entrypoint, type FiltersChangePayload, type IItemAction, type IMassActions, type IPrimaryAction, type SerializedView, type ViewSettingsShortcuts } from './_types';
 export interface IExplorerProps {
     entrypoint: Entrypoint;
     noPagination?: true;
@@ -34,9 +34,13 @@ export interface IExplorerProps {
             export?: IMassActions['callback'];
             generatePreviews?: IMassActions['callback'];
         };
-        viewConfig?: {
+        viewSettings?: {
             onFiltersChange?: (payload: FiltersChangePayload) => void;
-            onViewConfigTabClick?: (tab: ViewConfigTab) => void;
+            onViewSettingsShortcutClick?: ({ settingName, viewId, }: {
+                settingName: ViewSettingsShortcuts;
+                viewId: string;
+            }) => void;
+            closeViewSettings?: () => void;
         };
     };
     showCreateOnNoResultOnly?: boolean;
@@ -58,6 +62,8 @@ export interface IExplorerProps {
     tableBodyHeight?: string;
     creationFormId?: string;
     joinLibraryContext?: JoinLibraryContextFragment;
+    currentView?: SerializedView;
+    loadedViewId?: string | null;
 }
 export interface IExplorerRef {
     createAction: IPrimaryAction | null;

package/dist/components/Explorer/Explorer.js

@@ -3,32 +3,33 @@ import { forwardRef, useImperativeHandle, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { KitEmpty, KitSnackBarProvider, KitTypography } from 'aristid-ds';
 import styled from 'styled-components';
-import { Loading } from '../../components/Loading';
 import { useSharedTranslation } from '../../hooks/useSharedTranslation';
+import { Loading } from '../../components/Loading';
+import { useFiltersReducer } from '../../components/Filters/context/useFiltersReducer';
+import { FiltersContext } from '../../components/Filters/context/filtersContext';
 import { useExplorerData } from './_queries/useExplorerData';
 import { DataView } from './DataView';
 import { ExplorerTitle } from './ExplorerTitle';
 import { ExplorerToolbar } from './ExplorerToolbar';
 import { useEditStatusItemAction } from './actions-item/useEditStatusItemAction';
+import { useReplaceItemAction } from './actions-item/useReplaceItemAction';
 import { usePrimaryActionsButton } from './actions-primary/usePrimaryActions';
 import { useCreatePrimaryAction } from './actions-primary/useCreatePrimaryAction';
 import { useLinkPrimaryAction } from './actions-primary/useLinkPrimaryAction';
 import { useMassActions } from './actions-mass/useMassActions';
 import { useDeactivateMassAction } from './actions-mass/useDeactivateMassAction';
+import { useDeleteLinkValues } from './actions-mass/useDeleteLinkValues';
+import { useExportMassAction } from './actions-mass/useExportMassAction';
+import { useEditAttributeMassAction } from './actions-mass/useEditAttributeMassAction';
+import { useGeneratePreviewsMassAction } from './actions-mass/useGeneratePreviewsMassAction';
 import { defaultPageSizeOptions, SidePanel, useEditSettings, useOpenViewSettings, ViewSettingsContext, } from './manage-view-settings';
+import { useOpenViewSettingsV2 } from './manage-view-settings-v2/useOpenViewSettingsV2';
 import { useSearchInput } from './useSearchInput';
 import { usePagination } from './usePagination';
 import { useViewSettingsReducer } from './useViewSettingsReducer';
 import { MASS_SELECTION_ALL, SNACKBAR_MASS_ID } from './_constants';
-import { useDeleteLinkValues } from './actions-mass/useDeleteLinkValues';
-import { useReplaceItemAction } from './actions-item/useReplaceItemAction';
-import { useFiltersReducer } from '../../components/Filters/context/useFiltersReducer';
-import { FiltersContext } from '../../components/Filters/context/filtersContext';
-import { useExportMassAction } from './actions-mass/useExportMassAction';
-import { useEditAttributeMassAction } from './actions-mass/useEditAttributeMassAction';
 import { useExplorerCountData } from './_queries/useExplorerCountData';
-import { useGeneratePreviewsMassAction } from './actions-mass/useGeneratePreviewsMassAction';
-import { useNotifyFiltersChange } from './useNotifyFiltersChange';
+import { useLoadViewById } from './useLoadViewById';
 const isNotEmpty = (union) => union.length > 0;
 const emptyArray = [];
 const emptyObject = {};
@@ -50,10 +51,10 @@ const ExplorerEmptyDataStyled = styled.div `
     align-items: center;
     justify-content: center;
 `;
-export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActions = [], massActions = [], title, selectionMode = 'multiple', emptyPlaceholder, noPagination, creationFormId, showCreateOnNoResultOnly = false, showFilters = false, showSorts = false, hideFirstActionLabel = false, disableSelection = false, hideSelectAllAction = false, showTitle = false, showSearch = false, hidePrimaryActions = false, hideTableHeader = false, useSmallHeaderSize = false, tableBodyHeight, ignoreViewByDefault = false, defaultActionsForItem = ['replaceLink', 'remove', 'activate'], defaultPrimaryActions = ['create'], defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'], defaultCallbacks, defaultViewSettings, joinLibraryContext, }, ref) => {
+export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActions = [], massActions = [], title, selectionMode = 'multiple', emptyPlaceholder, noPagination, creationFormId, showCreateOnNoResultOnly = false, showFilters = false, showSorts = false, hideFirstActionLabel = false, disableSelection = false, hideSelectAllAction = false, showTitle = false, showSearch = false, hidePrimaryActions = false, hideTableHeader = false, useSmallHeaderSize = false, tableBodyHeight, ignoreViewByDefault = false, defaultActionsForItem = ['replaceLink', 'remove', 'activate'], defaultPrimaryActions = ['create'], defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'], defaultCallbacks, defaultViewSettings, joinLibraryContext, currentView, loadedViewId, }, ref) => {
     const { t } = useSharedTranslation();
-    const { panelElement: settingsPanelElement } = useEditSettings();
-    const { loading: viewSettingsLoading, view, dispatch: viewSettingsDispatch, } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault);
+    const { panelElement: settingsPanelElement } = useEditSettings(); // TODO: should be conditional due to can be manager via app-studio only
+    const { loading: viewSettingsLoading, view, dispatch: viewSettingsDispatch, } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault); // TODO: load all views, why should viewConfigPanel have to do it too? Can they communicate with each other (context)?
     const { filtersData, dispatch: filtersDispatch } = useFiltersReducer({
         libraryId: view.libraryId,
         viewId: view.viewId ?? undefined,
@@ -62,11 +63,12 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         ignoreViewByDefault,
         skip: viewSettingsLoading,
     });
-    useNotifyFiltersChange({
+    useLoadViewById({
+        loadedViewId,
         isLoading: viewSettingsLoading,
-        filters: filtersData.filters,
-        filtersOperator: filtersData.filtersOperator,
-        onFiltersChange: defaultCallbacks?.viewConfig?.onFiltersChange,
+        view,
+        viewSettingsDispatch,
+        filtersDispatch,
     });
     const { currentPage, setNewPageSize, setNewPage } = usePagination(viewSettingsDispatch);
     const { data, isMultivalue, canEditLinkAttributeValues, loading: loadingData, refetch, } = useExplorerData({
@@ -196,6 +198,13 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),
         hideFirstActionLabel,
     });
+    const { viewSettingsShortcutsButtons } = useOpenViewSettingsV2({
+        isEnabled: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick !== undefined,
+        view: view,
+        open: !isMassSelectionAll,
+        closeViewSettings: defaultCallbacks?.viewSettings?.closeViewSettings,
+        onViewSettingsShortcutClick: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick,
+    });
     const { viewSettingsButton, viewListButton } = useOpenViewSettings({ view, isEnabled: !isMassSelectionAll });
     const { searchInput } = useSearchInput({ view, dispatch: viewSettingsDispatch, setNewPage });
     useImperativeHandle(ref, () => ({
@@ -203,7 +212,13 @@ export const Explorer = forwardRef(({ entrypoint, itemActions = [], primaryActio
         linkAction: linkPrimaryAction,
         totalCount: totalCountFiltered,
     }), [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered]);
-    return (_jsxs(_Fragment, { children: [_jsx(FiltersContext.Provider, { value: { filtersData, dispatch: filtersDispatch }, children: _jsxs(ViewSettingsContext.Provider, { value: { view, dispatch: viewSettingsDispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [showTitle && (_jsx(ExplorerHeaderDivStyled, { children: _jsx(KitTypography.Title, { level: "h3", children: !viewSettingsLoading && (_jsx(ExplorerTitle, { library: view.libraryId, title: title, entrypoint: entrypoint })) /*TODO: manage loading*/ }) })), _jsxs(ExplorerToolbar, { showFilters: showFilters, showSorts: showSorts, isMassSelectionAll: isMassSelectionAll, headless: hideTableHeader, canRemoveFilters: view?.enableConfigureView ?? false, selectAllButton: hideSelectAllAction ? null : selectAllButton, viewSettingsLoading: viewSettingsLoading, children: [view?.enableConfigureView ? viewListButton : null, showSearch ? searchInput : null, view?.enableConfigureView ? viewSettingsButton : null, hidePrimaryActions ? null : primaryButton] }), loadingData || viewSettingsLoading ? (_jsx(Loading, {})) : hasNoResults ? (_jsx(ExplorerEmptyDataStyled, { children: emptyPlaceholder || _jsx(KitEmpty, { title: t('explorer.empty-data') }) })) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? emptyArray, attributesProperties: data?.attributes ?? emptyObject, attributesToDisplay: 
+    return (_jsxs(_Fragment, { children: [_jsx(FiltersContext.Provider, { value: { filtersData, dispatch: filtersDispatch }, children: _jsxs(ViewSettingsContext.Provider, { value: { view, dispatch: viewSettingsDispatch }, children: [_jsxs(ExplorerPageDivStyled, { children: [showTitle && (_jsx(ExplorerHeaderDivStyled, { children: _jsx(KitTypography.Title, { level: "h3", children: !viewSettingsLoading && (_jsx(ExplorerTitle, { library: view.libraryId, title: title, entrypoint: entrypoint })) /*TODO: manage loading*/ }) })), _jsxs(ExplorerToolbar, { showFilters: showFilters, showSorts: showSorts, isMassSelectionAll: isMassSelectionAll, headless: hideTableHeader, canRemoveFilters: view?.enableConfigureView ?? false, selectAllButton: hideSelectAllAction ? null : selectAllButton, viewSettingsLoading: viewSettingsLoading, children: [view?.enableConfigureView &&
+                                            defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant
+                                            ? viewListButton
+                                            : null, showSearch ? searchInput : null, view?.enableConfigureView &&
+                                            defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant
+                                            ? viewSettingsButton
+                                            : null, view?.enableConfigureView && viewSettingsShortcutsButtons, hidePrimaryActions ? null : primaryButton] }), loadingData || viewSettingsLoading ? (_jsx(Loading, {})) : hasNoResults ? (_jsx(ExplorerEmptyDataStyled, { children: emptyPlaceholder || _jsx(KitEmpty, { title: t('explorer.empty-data') }) })) : (_jsx(DataView, { dataGroupedFilteredSorted: data?.records ?? emptyArray, attributesProperties: data?.attributes ?? emptyObject, attributesToDisplay: 
                                     /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds, hideTableHeader: hideTableHeader, useSmallHeaderSize: useSmallHeaderSize, paginationProps: entrypoint.type === 'library' && !noPagination
                                         ? {
                                             pageSizeOptions: defaultPageSizeOptions,

package/dist/components/Explorer/Explorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef, type ReactNode, useImperativeHandle, useMemo} from 'react';\nimport {createPortal} from 'react-dom';\nimport {KitEmpty, KitSnackBarProvider, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {Loading} from '_ui/components/Loading';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {\n    type DefaultViewSettings,\n    type Entrypoint,\n    type FiltersChangePayload,\n    type IItemAction,\n    type IMassActions,\n    type IPrimaryAction,\n    type ViewConfigTab,\n} from './_types';\nimport {useExplorerData} from './_queries/useExplorerData';\nimport {DataView} from './DataView';\nimport {ExplorerTitle} from './ExplorerTitle';\nimport {ExplorerToolbar} from './ExplorerToolbar';\nimport {useEditStatusItemAction} from './actions-item/useEditStatusItemAction';\nimport {usePrimaryActionsButton} from './actions-primary/usePrimaryActions';\nimport {useCreatePrimaryAction} from './actions-primary/useCreatePrimaryAction';\nimport {useLinkPrimaryAction} from './actions-primary/useLinkPrimaryAction';\nimport {useMassActions} from './actions-mass/useMassActions';\nimport {useDeactivateMassAction} from './actions-mass/useDeactivateMassAction';\nimport {\n    defaultPageSizeOptions,\n    SidePanel,\n    useEditSettings,\n    useOpenViewSettings,\n    ViewSettingsContext,\n} from './manage-view-settings';\nimport {useSearchInput} from './useSearchInput';\nimport {usePagination} from './usePagination';\nimport {useViewSettingsReducer} from './useViewSettingsReducer';\nimport {MASS_SELECTION_ALL, SNACKBAR_MASS_ID} from './_constants';\nimport {useDeleteLinkValues} from './actions-mass/useDeleteLinkValues';\nimport {useReplaceItemAction} from './actions-item/useReplaceItemAction';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\nimport {useFiltersReducer} from '_ui/components/Filters/context/useFiltersReducer';\nimport {FiltersContext} from '_ui/components/Filters/context/filtersContext';\nimport {useExportMassAction} from './actions-mass/useExportMassAction';\nimport {useEditAttributeMassAction} from './actions-mass/useEditAttributeMassAction';\nimport {useExplorerCountData} from './_queries/useExplorerCountData';\nimport {useGeneratePreviewsMassAction} from './actions-mass/useGeneratePreviewsMassAction';\nimport {useNotifyFiltersChange} from './useNotifyFiltersChange';\n\nconst isNotEmpty = <T extends unknown[]>(union: T): union is Exclude<T, []> => union.length > 0;\n\nconst emptyArray = [];\nconst emptyObject = {};\n\nconst ExplorerHeaderDivStyled = styled.div`\n    display: flex;\n    align-items: flex-start;\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExplorerPageDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst ExplorerEmptyDataStyled = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport interface IExplorerProps {\n    entrypoint: Entrypoint;\n    noPagination?: true;\n    itemActions?: IItemAction[];\n    primaryActions?: IPrimaryAction[];\n    massActions?: IMassActions[];\n    title?: string;\n    selectionMode?: 'multiple' | 'simple';\n    emptyPlaceholder?: ReactNode;\n    defaultActionsForItem?: Array<'replaceLink' | 'remove' | 'activate'>;\n    defaultPrimaryActions?: Array<'create'>;\n    defaultMassActions?: Array<'deactivate' | 'export' | 'editAttribute' | 'generatePreviews'>;\n    defaultViewSettings?: DefaultViewSettings;\n    defaultCallbacks?: {\n        item?: {\n            edit?: IItemAction['callback'];\n            replaceLink?: (replaceValuesResult: ISubmitMultipleResult) => void;\n            remove?: IItemAction['callback'];\n            select?: IItemAction['callback'];\n        };\n        primary?: {\n            create?: ({\n                recordIdCreated,\n                saveValuesResultOnLink,\n            }: {\n                recordIdCreated: string;\n                saveValuesResultOnLink?: ISubmitMultipleResult;\n            }) => void;\n            link?: (saveValuesResult: ISubmitMultipleResult) => void;\n        };\n        mass?: {\n            deactivate?: IMassActions['callback'];\n            export?: IMassActions['callback'];\n            generatePreviews?: IMassActions['callback'];\n        };\n        viewConfig?: {\n            onFiltersChange?: (payload: FiltersChangePayload) => void;\n            onViewConfigTabClick?: (tab: ViewConfigTab) => void;\n        };\n    };\n    showCreateOnNoResultOnly?: boolean;\n    showFilters?: boolean;\n    showSorts?: boolean;\n    hideFirstActionLabel?: boolean;\n    /**\n     * Optional to `false` load the last added view when `props.defaultViewSettings.viewId` is `undefined`,\n     * if set to `true` load default view.\n     */\n    ignoreViewByDefault?: boolean;\n    showTitle?: boolean;\n    showSearch?: boolean;\n    disableSelection?: boolean;\n    hideSelectAllAction?: boolean;\n    hidePrimaryActions?: boolean;\n    hideTableHeader?: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n    creationFormId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n}\n\nexport interface IExplorerRef {\n    createAction: IPrimaryAction | null;\n    linkAction: IPrimaryAction | null;\n    totalCount: number;\n}\n\nexport const Explorer = forwardRef<IExplorerRef, IExplorerProps>(\n    (\n        {\n            entrypoint,\n            itemActions = [],\n            primaryActions = [],\n            massActions = [],\n            title,\n            selectionMode = 'multiple',\n            emptyPlaceholder,\n            noPagination,\n            creationFormId,\n            showCreateOnNoResultOnly = false,\n            showFilters = false,\n            showSorts = false,\n            hideFirstActionLabel = false,\n            disableSelection = false,\n            hideSelectAllAction = false,\n            showTitle = false,\n            showSearch = false,\n            hidePrimaryActions = false,\n            hideTableHeader = false,\n            useSmallHeaderSize = false,\n            tableBodyHeight,\n            ignoreViewByDefault = false,\n            defaultActionsForItem = ['replaceLink', 'remove', 'activate'],\n            defaultPrimaryActions = ['create'],\n            defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'],\n            defaultCallbacks,\n            defaultViewSettings,\n            joinLibraryContext,\n        },\n        ref,\n    ) => {\n        const {t} = useSharedTranslation();\n\n        const {panelElement: settingsPanelElement} = useEditSettings();\n\n        const {\n            loading: viewSettingsLoading,\n            view,\n            dispatch: viewSettingsDispatch,\n        } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault);\n\n        const {filtersData, dispatch: filtersDispatch} = useFiltersReducer({\n            libraryId: view.libraryId,\n            viewId: view.viewId ?? undefined,\n            filters: defaultViewSettings?.filters ?? undefined,\n            filtersOperator: defaultViewSettings?.filtersOperator ?? undefined,\n            ignoreViewByDefault,\n            skip: viewSettingsLoading,\n        });\n\n        useNotifyFiltersChange({\n            isLoading: viewSettingsLoading,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            onFiltersChange: defaultCallbacks?.viewConfig?.onFiltersChange,\n        });\n\n        const {currentPage, setNewPageSize, setNewPage} = usePagination(viewSettingsDispatch);\n\n        const {\n            data,\n            isMultivalue,\n            canEditLinkAttributeValues,\n            loading: loadingData,\n            refetch,\n        } = useExplorerData({\n            entrypoint,\n            libraryId: view.libraryId,\n            attributeIds: view.attributesIds,\n            fulltextSearch: view.fulltextSearch,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            sorts: view.sort,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            skip: viewSettingsLoading,\n        }); // TODO: refresh when go back on page\n        const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n        const isLink = entrypoint.type === 'link';\n\n        const {editStatusItemAction} = useEditStatusItemAction({\n            isEnabled:\n                isNotEmpty(defaultActionsForItem) &&\n                (defaultActionsForItem.includes('remove') || defaultActionsForItem.includes('activate')),\n            onRemove: defaultCallbacks?.item?.remove,\n            canDeleteLinkValues: canEditLinkAttributeValues,\n            store: {view, dispatch: viewSettingsDispatch},\n            entrypoint,\n        });\n\n        const {replaceItemAction, replaceItemModal} = useReplaceItemAction({\n            isEnabled: isLink && isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('replaceLink'),\n            isMultivalue,\n            onReplace: defaultCallbacks?.item?.replaceLink,\n            canReplaceLinkValues: canEditLinkAttributeValues,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const totalCountFiltered = data?.totalCount ?? 0;\n\n        const {countData: totalCountLibrary, refetchCount} = useExplorerCountData({\n            entrypoint,\n            libraryId: view.libraryId,\n            defaultFilters: defaultViewSettings?.filters ?? [],\n            filters: filtersData.filters,\n            skip: viewSettingsLoading,\n        });\n\n        const hasNoResults = data === null || data.totalCount === 0;\n\n        const isAllowedFreeEntry = !(entrypoint.type === 'library' && !entrypoint.allowFreeEntry);\n\n        const showCreatePrimaryButton = showCreateOnNoResultOnly\n            ? !hidePrimaryActions && !loadingData && hasNoResults && isAllowedFreeEntry\n            : true;\n\n        const {createPrimaryAction, createModal} = useCreatePrimaryAction({\n            isEnabled: isNotEmpty(defaultPrimaryActions) && defaultPrimaryActions.includes('create'),\n            isVisible: showCreatePrimaryButton,\n            libraryId: view.libraryId,\n            canCreateAndLinkValue: canEditLinkAttributeValues,\n            onCreate: defaultCallbacks?.primary?.create,\n            joinLibraryContext,\n            entrypoint,\n            isMultivalue,\n            totalCount: totalCountFiltered,\n            formId: creationFormId,\n            refetch,\n            refetchCount,\n        });\n        const {linkPrimaryAction, linkModal} = useLinkPrimaryAction({\n            isEnabled: isLink,\n            joinLibraryContext,\n            isVisible: showCreatePrimaryButton,\n            canAddLinkValue: canEditLinkAttributeValues,\n            onLink: defaultCallbacks?.primary?.link,\n            linkId: data?.totalCount === 0 ? undefined : data?.records[0]?.id_value,\n            isMultivalue,\n            maxItemsLeft: null, // TODO: use KitTable.row,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const allVisibleKeys = data?.records.map(({key}) => key) ?? [];\n\n        const {generatePreviewsMassAction, GeneratePreviewsModal} = useGeneratePreviewsMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('generatePreviews'),\n            store: {view},\n            totalCount: totalCountFiltered,\n            onGeneratePreviews: defaultCallbacks?.mass?.generatePreviews,\n        });\n\n        const {exportMassAction, ExportModal} = useExportMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('export'),\n            store: {view, dispatch: viewSettingsDispatch},\n            totalCount: totalCountFiltered,\n            onExport: defaultCallbacks?.mass?.export,\n        });\n\n        const {editAttributeMassAction, editAttributeMassActionModal} = useEditAttributeMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('editAttribute'),\n            store: {view},\n            totalCount: totalCountFiltered,\n        });\n\n        const {deactivateMassAction} = useDeactivateMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            allVisibleKeys,\n            totalCount: totalCountFiltered,\n            onDeactivate: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const {unlinkMassAction} = useDeleteLinkValues({\n            isEnabled: isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            allVisibleKeys,\n            onDelete: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const _isSelectionDisable = disableSelection || (isLink && !isMultivalue && totalCountFiltered > 0);\n\n        const massActionSnackbarId = useMemo(() => `${SNACKBAR_MASS_ID}_${Date.now()}`, []);\n\n        const {setSelectedKeys, selectAllButton} = useMassActions({\n            isEnabled:\n                totalCountFiltered > 0 &&\n                !_isSelectionDisable &&\n                (isNotEmpty(defaultMassActions) || isNotEmpty(massActions) || !!defaultCallbacks?.item?.select),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            totalCountFiltered,\n            totalCountLibrary,\n            allVisibleKeys,\n            massActions: [\n                generatePreviewsMassAction,\n                exportMassAction,\n                editAttributeMassAction,\n                deactivateMassAction,\n                unlinkMassAction,\n                ...massActions,\n            ].filter(Boolean),\n            snackbarId: massActionSnackbarId,\n        });\n\n        const {primaryButton} = usePrimaryActionsButton({\n            view,\n            actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),\n            hideFirstActionLabel,\n        });\n\n        const {viewSettingsButton, viewListButton} = useOpenViewSettings({view, isEnabled: !isMassSelectionAll});\n\n        const {searchInput} = useSearchInput({view, dispatch: viewSettingsDispatch, setNewPage});\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                createAction: createPrimaryAction,\n                linkAction: linkPrimaryAction,\n                totalCount: totalCountFiltered,\n            }),\n            [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered],\n        );\n\n        return (\n            <>\n                <FiltersContext.Provider value={{filtersData, dispatch: filtersDispatch}}>\n                    <ViewSettingsContext.Provider value={{view, dispatch: viewSettingsDispatch}}>\n                        <ExplorerPageDivStyled>\n                            {showTitle && (\n                                <ExplorerHeaderDivStyled>\n                                    <KitTypography.Title level=\"h3\">\n                                        {\n                                            !viewSettingsLoading && (\n                                                <ExplorerTitle\n                                                    library={view.libraryId}\n                                                    title={title}\n                                                    entrypoint={entrypoint}\n                                                />\n                                            ) /*TODO: manage loading*/\n                                        }\n                                    </KitTypography.Title>\n                                </ExplorerHeaderDivStyled>\n                            )}\n                            <ExplorerToolbar\n                                showFilters={showFilters}\n                                showSorts={showSorts}\n                                isMassSelectionAll={isMassSelectionAll}\n                                headless={hideTableHeader}\n                                canRemoveFilters={view?.enableConfigureView ?? false}\n                                selectAllButton={hideSelectAllAction ? null : selectAllButton}\n                                viewSettingsLoading={viewSettingsLoading}\n                            >\n                                {view?.enableConfigureView ? viewListButton : null}\n                                {showSearch ? searchInput : null}\n                                {view?.enableConfigureView ? viewSettingsButton : null}\n                                {hidePrimaryActions ? null : primaryButton}\n                            </ExplorerToolbar>\n                            {loadingData || viewSettingsLoading ? (\n                                <Loading />\n                            ) : hasNoResults ? (\n                                <ExplorerEmptyDataStyled>\n                                    {emptyPlaceholder || <KitEmpty title={t('explorer.empty-data')} />}\n                                </ExplorerEmptyDataStyled>\n                            ) : (\n                                <DataView\n                                    dataGroupedFilteredSorted={data?.records ?? emptyArray}\n                                    attributesProperties={data?.attributes ?? emptyObject}\n                                    attributesToDisplay={\n                                        /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds\n                                    }\n                                    hideTableHeader={hideTableHeader}\n                                    useSmallHeaderSize={useSmallHeaderSize}\n                                    paginationProps={\n                                        entrypoint.type === 'library' && !noPagination\n                                            ? {\n                                                  pageSizeOptions: defaultPageSizeOptions,\n                                                  currentPage,\n                                                  pageSize: view.pageSize,\n                                                  setNewPageSize,\n                                                  setNewPage,\n                                                  totalCount: totalCountFiltered,\n                                              }\n                                            : undefined\n                                    }\n                                    itemActions={[...itemActions, replaceItemAction, editStatusItemAction]\n                                        .filter(Boolean)\n                                        .map(action => ({\n                                            ...action,\n                                            disabled: isMassSelectionAll || action.disabled,\n                                        }))}\n                                    selection={{\n                                        onSelectItem: _isSelectionDisable ? null : defaultCallbacks?.item?.select,\n                                        onSelectionChange: _isSelectionDisable ? null : setSelectedKeys,\n                                        isMassSelectionAll,\n                                        selectedKeys: isMassSelectionAll\n                                            ? data?.records.map(({whoAmI}) => whoAmI.id)\n                                            : (view.massSelection as string[]),\n                                        mode: selectionMode,\n                                    }}\n                                    tableBodyHeight={tableBodyHeight}\n                                />\n                            )}\n                        </ExplorerPageDivStyled>\n                        {settingsPanelElement && createPortal(<SidePanel />, settingsPanelElement?.() ?? document.body)}\n                        {replaceItemModal}\n                        {createModal}\n                        {linkModal}\n                        {editAttributeMassActionModal}\n                        {ExportModal}\n                        {GeneratePreviewsModal}\n                    </ViewSettingsContext.Provider>\n                </FiltersContext.Provider>\n                <KitSnackBarProvider id={massActionSnackbarId} />\n            </>\n        );\n    },\n);\n"]}
+{"version":3,"file":"Explorer.js","sourceRoot":"","sources":["../../../src/components/Explorer/Explorer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {forwardRef, type ReactNode, useImperativeHandle, useMemo} from 'react';\nimport {createPortal} from 'react-dom';\nimport {KitEmpty, KitSnackBarProvider, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {Loading} from '_ui/components/Loading';\nimport {type ISubmitMultipleResult} from '_ui/components/RecordEdition/EditRecordContent/_types';\nimport {useFiltersReducer} from '_ui/components/Filters/context/useFiltersReducer';\nimport {FiltersContext} from '_ui/components/Filters/context/filtersContext';\nimport {type JoinLibraryContextFragment} from '_ui/_gqlTypes';\nimport {\n    type DefaultViewSettings,\n    type Entrypoint,\n    type FiltersChangePayload,\n    type IItemAction,\n    type IMassActions,\n    type IPrimaryAction,\n    type SerializedView,\n    type ViewSettingsShortcuts,\n} from './_types';\nimport {useExplorerData} from './_queries/useExplorerData';\nimport {DataView} from './DataView';\nimport {ExplorerTitle} from './ExplorerTitle';\nimport {ExplorerToolbar} from './ExplorerToolbar';\nimport {useEditStatusItemAction} from './actions-item/useEditStatusItemAction';\nimport {useReplaceItemAction} from './actions-item/useReplaceItemAction';\nimport {usePrimaryActionsButton} from './actions-primary/usePrimaryActions';\nimport {useCreatePrimaryAction} from './actions-primary/useCreatePrimaryAction';\nimport {useLinkPrimaryAction} from './actions-primary/useLinkPrimaryAction';\nimport {useMassActions} from './actions-mass/useMassActions';\nimport {useDeactivateMassAction} from './actions-mass/useDeactivateMassAction';\nimport {useDeleteLinkValues} from './actions-mass/useDeleteLinkValues';\nimport {useExportMassAction} from './actions-mass/useExportMassAction';\nimport {useEditAttributeMassAction} from './actions-mass/useEditAttributeMassAction';\nimport {useGeneratePreviewsMassAction} from './actions-mass/useGeneratePreviewsMassAction';\nimport {\n    defaultPageSizeOptions,\n    SidePanel,\n    useEditSettings,\n    useOpenViewSettings,\n    ViewSettingsContext,\n} from './manage-view-settings';\nimport {useOpenViewSettingsV2} from './manage-view-settings-v2/useOpenViewSettingsV2';\nimport {useSearchInput} from './useSearchInput';\nimport {usePagination} from './usePagination';\nimport {useViewSettingsReducer} from './useViewSettingsReducer';\nimport {MASS_SELECTION_ALL, SNACKBAR_MASS_ID} from './_constants';\nimport {useExplorerCountData} from './_queries/useExplorerCountData';\nimport {useLoadViewById} from './useLoadViewById';\n\nconst isNotEmpty = <T extends unknown[]>(union: T): union is Exclude<T, []> => union.length > 0;\n\nconst emptyArray = [];\nconst emptyObject = {};\n\nconst ExplorerHeaderDivStyled = styled.div`\n    display: flex;\n    align-items: flex-start;\n    padding: calc(var(--general-spacing-xs) * 1px);\n`;\n\nconst ExplorerPageDivStyled = styled.div`\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    overflow: hidden;\n`;\n\nconst ExplorerEmptyDataStyled = styled.div`\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport interface IExplorerProps {\n    entrypoint: Entrypoint;\n    noPagination?: true;\n    itemActions?: IItemAction[];\n    primaryActions?: IPrimaryAction[];\n    massActions?: IMassActions[];\n    title?: string;\n    selectionMode?: 'multiple' | 'simple';\n    emptyPlaceholder?: ReactNode;\n    defaultActionsForItem?: Array<'replaceLink' | 'remove' | 'activate'>;\n    defaultPrimaryActions?: Array<'create'>;\n    defaultMassActions?: Array<'deactivate' | 'export' | 'editAttribute' | 'generatePreviews'>;\n    defaultViewSettings?: DefaultViewSettings;\n    defaultCallbacks?: {\n        item?: {\n            edit?: IItemAction['callback'];\n            replaceLink?: (replaceValuesResult: ISubmitMultipleResult) => void;\n            remove?: IItemAction['callback'];\n            select?: IItemAction['callback'];\n        };\n        primary?: {\n            create?: ({\n                recordIdCreated,\n                saveValuesResultOnLink,\n            }: {\n                recordIdCreated: string;\n                saveValuesResultOnLink?: ISubmitMultipleResult;\n            }) => void;\n            link?: (saveValuesResult: ISubmitMultipleResult) => void;\n        };\n        mass?: {\n            deactivate?: IMassActions['callback'];\n            export?: IMassActions['callback'];\n            generatePreviews?: IMassActions['callback'];\n        };\n        viewSettings?: {\n            onFiltersChange?: (payload: FiltersChangePayload) => void;\n            onViewSettingsShortcutClick?: ({\n                settingName,\n                viewId,\n            }: {\n                settingName: ViewSettingsShortcuts;\n                viewId: string;\n            }) => void;\n            closeViewSettings?: () => void;\n        };\n    };\n    showCreateOnNoResultOnly?: boolean;\n    showFilters?: boolean;\n    showSorts?: boolean;\n    hideFirstActionLabel?: boolean;\n    /**\n     * Optional to `false` load the last added view when `props.defaultViewSettings.viewId` is `undefined`,\n     * if set to `true` load default view.\n     */\n    ignoreViewByDefault?: boolean;\n    showTitle?: boolean;\n    showSearch?: boolean;\n    disableSelection?: boolean;\n    hideSelectAllAction?: boolean;\n    hidePrimaryActions?: boolean;\n    hideTableHeader?: boolean;\n    useSmallHeaderSize?: boolean;\n    tableBodyHeight?: string;\n    creationFormId?: string;\n    joinLibraryContext?: JoinLibraryContextFragment;\n\n    // ViewConfig specific props\n    currentView?: SerializedView;\n    loadedViewId?: string | null;\n}\n\nexport interface IExplorerRef {\n    createAction: IPrimaryAction | null;\n    linkAction: IPrimaryAction | null;\n    totalCount: number;\n}\n\nexport const Explorer = forwardRef<IExplorerRef, IExplorerProps>(\n    (\n        {\n            entrypoint,\n            itemActions = [],\n            primaryActions = [],\n            massActions = [],\n            title,\n            selectionMode = 'multiple',\n            emptyPlaceholder,\n            noPagination,\n            creationFormId,\n            showCreateOnNoResultOnly = false,\n            showFilters = false,\n            showSorts = false,\n            hideFirstActionLabel = false,\n            disableSelection = false,\n            hideSelectAllAction = false,\n            showTitle = false,\n            showSearch = false,\n            hidePrimaryActions = false,\n            hideTableHeader = false,\n            useSmallHeaderSize = false,\n            tableBodyHeight,\n            ignoreViewByDefault = false,\n            defaultActionsForItem = ['replaceLink', 'remove', 'activate'],\n            defaultPrimaryActions = ['create'],\n            defaultMassActions = ['deactivate', 'editAttribute', 'export', 'generatePreviews'],\n            defaultCallbacks,\n            defaultViewSettings,\n            joinLibraryContext,\n            currentView,\n            loadedViewId,\n        },\n        ref,\n    ) => {\n        const {t} = useSharedTranslation();\n\n        const {panelElement: settingsPanelElement} = useEditSettings(); // TODO: should be conditional due to can be manager via app-studio only\n\n        const {\n            loading: viewSettingsLoading,\n            view,\n            dispatch: viewSettingsDispatch,\n        } = useViewSettingsReducer(entrypoint, defaultViewSettings, ignoreViewByDefault); // TODO: load all views, why should viewConfigPanel have to do it too? Can they communicate with each other (context)?\n\n        const {filtersData, dispatch: filtersDispatch} = useFiltersReducer({\n            libraryId: view.libraryId,\n            viewId: view.viewId ?? undefined,\n            filters: defaultViewSettings?.filters ?? undefined,\n            filtersOperator: defaultViewSettings?.filtersOperator ?? undefined,\n            ignoreViewByDefault,\n            skip: viewSettingsLoading,\n        });\n\n        useLoadViewById({\n            loadedViewId,\n            isLoading: viewSettingsLoading,\n            view,\n            viewSettingsDispatch,\n            filtersDispatch,\n        });\n\n        const {currentPage, setNewPageSize, setNewPage} = usePagination(viewSettingsDispatch);\n\n        const {\n            data,\n            isMultivalue,\n            canEditLinkAttributeValues,\n            loading: loadingData,\n            refetch,\n        } = useExplorerData({\n            entrypoint,\n            libraryId: view.libraryId,\n            attributeIds: view.attributesIds,\n            fulltextSearch: view.fulltextSearch,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            sorts: view.sort,\n            filters: filtersData.filters,\n            filtersOperator: filtersData.filtersOperator,\n            skip: viewSettingsLoading,\n        }); // TODO: refresh when go back on page\n        const isMassSelectionAll = view.massSelection === MASS_SELECTION_ALL;\n        const isLink = entrypoint.type === 'link';\n\n        const {editStatusItemAction} = useEditStatusItemAction({\n            isEnabled:\n                isNotEmpty(defaultActionsForItem) &&\n                (defaultActionsForItem.includes('remove') || defaultActionsForItem.includes('activate')),\n            onRemove: defaultCallbacks?.item?.remove,\n            canDeleteLinkValues: canEditLinkAttributeValues,\n            store: {view, dispatch: viewSettingsDispatch},\n            entrypoint,\n        });\n\n        const {replaceItemAction, replaceItemModal} = useReplaceItemAction({\n            isEnabled: isLink && isNotEmpty(defaultActionsForItem) && defaultActionsForItem.includes('replaceLink'),\n            isMultivalue,\n            onReplace: defaultCallbacks?.item?.replaceLink,\n            canReplaceLinkValues: canEditLinkAttributeValues,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const totalCountFiltered = data?.totalCount ?? 0;\n\n        const {countData: totalCountLibrary, refetchCount} = useExplorerCountData({\n            entrypoint,\n            libraryId: view.libraryId,\n            defaultFilters: defaultViewSettings?.filters ?? [],\n            filters: filtersData.filters,\n            skip: viewSettingsLoading,\n        });\n\n        const hasNoResults = data === null || data.totalCount === 0;\n\n        const isAllowedFreeEntry = !(entrypoint.type === 'library' && !entrypoint.allowFreeEntry);\n\n        const showCreatePrimaryButton = showCreateOnNoResultOnly\n            ? !hidePrimaryActions && !loadingData && hasNoResults && isAllowedFreeEntry\n            : true;\n\n        const {createPrimaryAction, createModal} = useCreatePrimaryAction({\n            isEnabled: isNotEmpty(defaultPrimaryActions) && defaultPrimaryActions.includes('create'),\n            isVisible: showCreatePrimaryButton,\n            libraryId: view.libraryId,\n            canCreateAndLinkValue: canEditLinkAttributeValues,\n            onCreate: defaultCallbacks?.primary?.create,\n            joinLibraryContext,\n            entrypoint,\n            isMultivalue,\n            totalCount: totalCountFiltered,\n            formId: creationFormId,\n            refetch,\n            refetchCount,\n        });\n        const {linkPrimaryAction, linkModal} = useLinkPrimaryAction({\n            isEnabled: isLink,\n            joinLibraryContext,\n            isVisible: showCreatePrimaryButton,\n            canAddLinkValue: canEditLinkAttributeValues,\n            onLink: defaultCallbacks?.primary?.link,\n            linkId: data?.totalCount === 0 ? undefined : data?.records[0]?.id_value,\n            isMultivalue,\n            maxItemsLeft: null, // TODO: use KitTable.row,\n            columnsToDisplay: !joinLibraryContext ? view.attributesIds : [],\n        });\n\n        const allVisibleKeys = data?.records.map(({key}) => key) ?? [];\n\n        const {generatePreviewsMassAction, GeneratePreviewsModal} = useGeneratePreviewsMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('generatePreviews'),\n            store: {view},\n            totalCount: totalCountFiltered,\n            onGeneratePreviews: defaultCallbacks?.mass?.generatePreviews,\n        });\n\n        const {exportMassAction, ExportModal} = useExportMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('export'),\n            store: {view, dispatch: viewSettingsDispatch},\n            totalCount: totalCountFiltered,\n            onExport: defaultCallbacks?.mass?.export,\n        });\n\n        const {editAttributeMassAction, editAttributeMassActionModal} = useEditAttributeMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('editAttribute'),\n            store: {view},\n            totalCount: totalCountFiltered,\n        });\n\n        const {deactivateMassAction} = useDeactivateMassAction({\n            isEnabled: !isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            allVisibleKeys,\n            totalCount: totalCountFiltered,\n            onDeactivate: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const {unlinkMassAction} = useDeleteLinkValues({\n            isEnabled: isLink && isNotEmpty(defaultMassActions) && defaultMassActions.includes('deactivate'),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            pagination: noPagination ? null : {limit: view.pageSize, offset: view.pageSize * (currentPage - 1)},\n            allVisibleKeys,\n            onDelete: defaultCallbacks?.mass?.deactivate,\n            refetch,\n        });\n\n        const _isSelectionDisable = disableSelection || (isLink && !isMultivalue && totalCountFiltered > 0);\n\n        const massActionSnackbarId = useMemo(() => `${SNACKBAR_MASS_ID}_${Date.now()}`, []);\n\n        const {setSelectedKeys, selectAllButton} = useMassActions({\n            isEnabled:\n                totalCountFiltered > 0 &&\n                !_isSelectionDisable &&\n                (isNotEmpty(defaultMassActions) || isNotEmpty(massActions) || !!defaultCallbacks?.item?.select),\n            store: {view, dispatch: viewSettingsDispatch},\n            filtersStore: filtersData,\n            totalCountFiltered,\n            totalCountLibrary,\n            allVisibleKeys,\n            massActions: [\n                generatePreviewsMassAction,\n                exportMassAction,\n                editAttributeMassAction,\n                deactivateMassAction,\n                unlinkMassAction,\n                ...massActions,\n            ].filter(Boolean),\n            snackbarId: massActionSnackbarId,\n        });\n\n        const {primaryButton} = usePrimaryActionsButton({\n            view,\n            actions: [createPrimaryAction, linkPrimaryAction, ...primaryActions].filter(Boolean),\n            hideFirstActionLabel,\n        });\n\n        const {viewSettingsShortcutsButtons} = useOpenViewSettingsV2({\n            isEnabled: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick !== undefined,\n            view: view as any,\n            open: !isMassSelectionAll,\n            closeViewSettings: defaultCallbacks?.viewSettings?.closeViewSettings,\n            onViewSettingsShortcutClick: defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick,\n        });\n        const {viewSettingsButton, viewListButton} = useOpenViewSettings({view, isEnabled: !isMassSelectionAll});\n\n        const {searchInput} = useSearchInput({view, dispatch: viewSettingsDispatch, setNewPage});\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                createAction: createPrimaryAction,\n                linkAction: linkPrimaryAction,\n                totalCount: totalCountFiltered,\n            }),\n            [createPrimaryAction?.disabled, linkPrimaryAction?.disabled, totalCountFiltered],\n        );\n\n        return (\n            <>\n                <FiltersContext.Provider value={{filtersData, dispatch: filtersDispatch}}>\n                    <ViewSettingsContext.Provider value={{view, dispatch: viewSettingsDispatch}}>\n                        <ExplorerPageDivStyled>\n                            {showTitle && (\n                                <ExplorerHeaderDivStyled>\n                                    <KitTypography.Title level=\"h3\">\n                                        {\n                                            !viewSettingsLoading && (\n                                                <ExplorerTitle\n                                                    library={view.libraryId}\n                                                    title={title}\n                                                    entrypoint={entrypoint}\n                                                />\n                                            ) /*TODO: manage loading*/\n                                        }\n                                    </KitTypography.Title>\n                                </ExplorerHeaderDivStyled>\n                            )}\n                            <ExplorerToolbar\n                                showFilters={showFilters}\n                                showSorts={showSorts}\n                                isMassSelectionAll={isMassSelectionAll}\n                                headless={hideTableHeader}\n                                canRemoveFilters={view?.enableConfigureView ?? false}\n                                selectAllButton={hideSelectAllAction ? null : selectAllButton}\n                                viewSettingsLoading={viewSettingsLoading}\n                            >\n                                {view?.enableConfigureView &&\n                                defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant\n                                    ? viewListButton\n                                    : null}\n                                {showSearch ? searchInput : null}\n                                {view?.enableConfigureView &&\n                                defaultCallbacks?.viewSettings?.onViewSettingsShortcutClick === undefined // TODO: can be refactored into a constant\n                                    ? viewSettingsButton\n                                    : null}\n                                {view?.enableConfigureView && viewSettingsShortcutsButtons}\n                                {hidePrimaryActions ? null : primaryButton}\n                            </ExplorerToolbar>\n                            {loadingData || viewSettingsLoading ? (\n                                <Loading />\n                            ) : hasNoResults ? (\n                                <ExplorerEmptyDataStyled>\n                                    {emptyPlaceholder || <KitEmpty title={t('explorer.empty-data')} />}\n                                </ExplorerEmptyDataStyled>\n                            ) : (\n                                <DataView\n                                    dataGroupedFilteredSorted={data?.records ?? emptyArray}\n                                    attributesProperties={data?.attributes ?? emptyObject}\n                                    attributesToDisplay={\n                                        /* ⚠️ whoAmI column will always be displayed first*/ view.attributesIds\n                                    }\n                                    hideTableHeader={hideTableHeader}\n                                    useSmallHeaderSize={useSmallHeaderSize}\n                                    paginationProps={\n                                        entrypoint.type === 'library' && !noPagination\n                                            ? {\n                                                  pageSizeOptions: defaultPageSizeOptions,\n                                                  currentPage,\n                                                  pageSize: view.pageSize,\n                                                  setNewPageSize,\n                                                  setNewPage,\n                                                  totalCount: totalCountFiltered,\n                                              }\n                                            : undefined\n                                    }\n                                    itemActions={[...itemActions, replaceItemAction, editStatusItemAction]\n                                        .filter(Boolean)\n                                        .map(action => ({\n                                            ...action,\n                                            disabled: isMassSelectionAll || action.disabled,\n                                        }))}\n                                    selection={{\n                                        onSelectItem: _isSelectionDisable ? null : defaultCallbacks?.item?.select,\n                                        onSelectionChange: _isSelectionDisable ? null : setSelectedKeys,\n                                        isMassSelectionAll,\n                                        selectedKeys: isMassSelectionAll\n                                            ? data?.records.map(({whoAmI}) => whoAmI.id)\n                                            : (view.massSelection as string[]),\n                                        mode: selectionMode,\n                                    }}\n                                    tableBodyHeight={tableBodyHeight}\n                                />\n                            )}\n                        </ExplorerPageDivStyled>\n                        {settingsPanelElement && createPortal(<SidePanel />, settingsPanelElement?.() ?? document.body)}\n                        {replaceItemModal}\n                        {createModal}\n                        {linkModal}\n                        {editAttributeMassActionModal}\n                        {ExportModal}\n                        {GeneratePreviewsModal}\n                    </ViewSettingsContext.Provider>\n                </FiltersContext.Provider>\n                <KitSnackBarProvider id={massActionSnackbarId} />\n            </>\n        );\n    },\n);\n"]}

package/dist/components/Explorer/ExplorerFiltersAndSorts.js

@@ -19,6 +19,7 @@ export const ExplorerFiltersAndSorts = ({ isMassSelectionAll, showFilters, showS
     const { t } = useSharedTranslation();
     const { view } = useViewSettingsContext();
     const { sort } = view;
+    // TODO: modify to use app-studio
     const { openSettingsPanel } = useOpenViewSettings({ view, isEnabled: true });
     const { filtersProps } = useFilters(!canRemoveFilters);
     const { attributeDetailsById } = useAttributeDetailsData(view.libraryId);

package/dist/components/Explorer/ExplorerFiltersAndSorts.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExplorerFiltersAndSorts.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerFiltersAndSorts.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SortOrder} from '_ui/_gqlTypes';\nimport {useViewSettingsContext} from './manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useAttributeDetailsData} from './manage-view-settings/_shared/useAttributeDetailsData';\nimport {useOpenViewSettings} from './manage-view-settings';\nimport {type ComponentProps, type FunctionComponent, type ReactNode} from 'react';\nimport {KitDivider, KitFilter} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFilters} from '_ui/components/Filters/useFilters';\nimport {type UIFilter} from '../Filters';\n\nconst FilterStyled = styled(KitFilter)`\n    flex: 0 0 auto;\n`;\n\nconst DividerStyled = styled(KitDivider)`\n    height: 26px;\n    margin-inline: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const ExplorerFiltersAndSorts: FunctionComponent<{\n    isMassSelectionAll: boolean;\n    showFilters: boolean;\n    showSorts: boolean;\n    canRemoveFilters: boolean;\n    selectAllButton: ReactNode | null;\n}> = ({isMassSelectionAll, showFilters, showSorts, canRemoveFilters, selectAllButton}) => {\n    const {t} = useSharedTranslation();\n\n    const {view} = useViewSettingsContext();\n    const {sort} = view;\n\n    const {openSettingsPanel} = useOpenViewSettings({view, isEnabled: true});\n    const {filtersProps} = useFilters(!canRemoveFilters);\n\n    const {attributeDetailsById} = useAttributeDetailsData(view.libraryId);\n    // const visibleFilters = filters.filter(filterItem => !filterItem.hidden);\n\n    if (((filtersProps.length === 0 && sort.length === 0) || (!showFilters && !showSorts)) && !selectAllButton) {\n        return null;\n    }\n\n    const sortValues =\n        sort.length === 0\n            ? undefined\n            : sort.map(\n                  ({field, order}) =>\n                      (attributeDetailsById?.[field]?.label ?? field) +\n                      ' ' +\n                      (order === SortOrder.asc ? t('explorer.sort-ascending') : t('explorer.sort-descending')),\n              );\n\n    const _handleClickOnSort: ComponentProps<typeof FilterStyled>['onClick'] = () =>\n        isMassSelectionAll ? undefined : openSettingsPanel('sort-items');\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <>\n            {selectAllButton && (\n                <>\n                    <li>{selectAllButton}</li>\n                    {((showFilters && filtersProps.length !== 0) || (showSorts && sort.length > 0)) && (\n                        <DividerStyled type=\"vertical\" />\n                    )}\n                </>\n            )}\n            {(showFilters || showSorts) && (\n                <>\n                    {filtersProps.length > 0 &&\n                        filtersProps.map(filterProps => (\n                            <li key={filterProps.key}>\n                                <CommonFilterItem\n                                    filter={filterProps.filter as UIFilter}\n                                    isPinned={filterProps.isPinned}\n                                    disabled={isMassSelectionAll}\n                                />\n                            </li>\n                        ))}\n                    {showSorts && sort.length > 0 && (\n                        <li>\n                            <FilterStyled\n                                label={t('explorer.sort-items')}\n                                values={sortValues}\n                                disabled={isMassSelectionAll}\n                                onClick={_handleClickOnSort}\n                            />\n                        </li>\n                    )}\n                </>\n            )}\n        </>\n    );\n};\n"]}
+{"version":3,"file":"ExplorerFiltersAndSorts.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerFiltersAndSorts.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {SortOrder} from '_ui/_gqlTypes';\nimport {useViewSettingsContext} from './manage-view-settings/store-view-settings/useViewSettingsContext';\nimport {useAttributeDetailsData} from './manage-view-settings/_shared/useAttributeDetailsData';\nimport {useOpenViewSettings} from './manage-view-settings';\nimport {type ComponentProps, type FunctionComponent, type ReactNode} from 'react';\nimport {KitDivider, KitFilter} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFilters} from '_ui/components/Filters/useFilters';\nimport {type UIFilter} from '../Filters';\n\nconst FilterStyled = styled(KitFilter)`\n    flex: 0 0 auto;\n`;\n\nconst DividerStyled = styled(KitDivider)`\n    height: 26px;\n    margin-inline: calc(var(--general-spacing-xxs) * 1px);\n`;\n\nexport const ExplorerFiltersAndSorts: FunctionComponent<{\n    isMassSelectionAll: boolean;\n    showFilters: boolean;\n    showSorts: boolean;\n    canRemoveFilters: boolean;\n    selectAllButton: ReactNode | null;\n}> = ({isMassSelectionAll, showFilters, showSorts, canRemoveFilters, selectAllButton}) => {\n    const {t} = useSharedTranslation();\n\n    const {view} = useViewSettingsContext();\n    const {sort} = view;\n\n    // TODO: modify to use app-studio\n    const {openSettingsPanel} = useOpenViewSettings({view, isEnabled: true});\n    const {filtersProps} = useFilters(!canRemoveFilters);\n\n    const {attributeDetailsById} = useAttributeDetailsData(view.libraryId);\n    // const visibleFilters = filters.filter(filterItem => !filterItem.hidden);\n\n    if (((filtersProps.length === 0 && sort.length === 0) || (!showFilters && !showSorts)) && !selectAllButton) {\n        return null;\n    }\n\n    const sortValues =\n        sort.length === 0\n            ? undefined\n            : sort.map(\n                  ({field, order}) =>\n                      (attributeDetailsById?.[field]?.label ?? field) +\n                      ' ' +\n                      (order === SortOrder.asc ? t('explorer.sort-ascending') : t('explorer.sort-descending')),\n              );\n\n    const _handleClickOnSort: ComponentProps<typeof FilterStyled>['onClick'] = () =>\n        isMassSelectionAll ? undefined : openSettingsPanel('sort-items');\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <>\n            {selectAllButton && (\n                <>\n                    <li>{selectAllButton}</li>\n                    {((showFilters && filtersProps.length !== 0) || (showSorts && sort.length > 0)) && (\n                        <DividerStyled type=\"vertical\" />\n                    )}\n                </>\n            )}\n            {(showFilters || showSorts) && (\n                <>\n                    {filtersProps.length > 0 &&\n                        filtersProps.map(filterProps => (\n                            <li key={filterProps.key}>\n                                <CommonFilterItem\n                                    filter={filterProps.filter as UIFilter}\n                                    isPinned={filterProps.isPinned}\n                                    disabled={isMassSelectionAll}\n                                />\n                            </li>\n                        ))}\n                    {showSorts && sort.length > 0 && (\n                        <li>\n                            <FilterStyled\n                                label={t('explorer.sort-items')}\n                                values={sortValues}\n                                disabled={isMassSelectionAll}\n                                onClick={_handleClickOnSort}\n                            />\n                        </li>\n                    )}\n                </>\n            )}\n        </>\n    );\n};\n"]}

package/dist/components/Explorer/ExplorerTitle.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { localizedTranslation } from '@leav/utils';
 import { useExplorerLibraryDetailsQuery, useExplorerLinkAttributeQuery } from '../../_gqlTypes';
-import useLang from '../../hooks/useLang';
+import useLang from '../../hooks/useLang/useLang';
 import { AntSkeleton } from 'aristid-ds';
 // TODO: use <h1 /> tag
 export const ExplorerTitle = ({ title, library, entrypoint }) => {

package/dist/components/Explorer/ExplorerTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExplorerTitle.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,8BAA8B,EAAE,6BAA6B,EAAC,MAAM,eAAe,CAAC;AAC5F,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AAUvC,uBAAuB;AACvB,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAC,EAAE,EAAE;IAClG,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,GAAG,8BAA8B,CAAC,EAAC,SAAS,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC;IAChH,MAAM,EACF,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,cAAc,GACxB,GAAG,6BAA6B,CAAC;QAC9B,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM;QAC3C,SAAS,EAAE;YACP,EAAE,EAAG,UAA8B,CAAC,eAAe;SACtD;KACJ,CAAC,CAAC;IAEH,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,yBAAO,KAAK,GAAQ,CAAC;IAChC,CAAC;IAED,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAAC;QAC9B,OAAO,KAAC,WAAW,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,MAAM,SAAG,CAAC;IAC7D,CAAC;IAED,wCAAwC;IACxC,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC1B,OAAO,yBAAO,KAAK,EAAE,OAAO,IAAI,cAAc,EAAE,OAAO,GAAQ,CAAC;IACpE,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAChC,MAAM,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7C,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,qBAAqB;YACrB,OAAO,6CAA4B,CAAC;QACxC,CAAC;QAED,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAC9B,CAAC;SAAM,CAAC;QACJ,MAAM,iBAAiB,GAAG,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7D,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO,oDAAmC,CAAC;QAC/C,CAAC;QAED,KAAK,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,CAAC;IAED,OAAO,yBAAO,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAQ,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import {localizedTranslation} from '@leav/utils';\nimport {useExplorerLibraryDetailsQuery, useExplorerLinkAttributeQuery} from '_ui/_gqlTypes';\nimport useLang from '_ui/hooks/useLang';\nimport {AntSkeleton} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\nimport {type Entrypoint, type IEntrypointLink} from './_types';\n\ninterface IExplorerTitleProps {\n    title?: string;\n    library: string;\n    entrypoint: Entrypoint;\n}\n\n// TODO: use <h1 /> tag\nexport const ExplorerTitle: FunctionComponent<IExplorerTitleProps> = ({title, library, entrypoint}) => {\n    const {data, loading, error} = useExplorerLibraryDetailsQuery({variables: {libraryId: library}, skip: !!title});\n    const {\n        data: attributeData,\n        loading: attributeLoading,\n        error: attributeError,\n    } = useExplorerLinkAttributeQuery({\n        skip: !!title || entrypoint.type !== 'link',\n        variables: {\n            id: (entrypoint as IEntrypointLink).linkAttributeId,\n        },\n    });\n\n    const {lang} = useLang();\n\n    if (title) {\n        return <span>{title}</span>;\n    }\n\n    if (loading || attributeLoading) {\n        return <AntSkeleton.Input style={{width: 400}} active />;\n    }\n\n    // TODO: handle error and bad library ID\n    if (error || attributeError) {\n        return <span>{error?.message ?? attributeError?.message}</span>;\n    }\n\n    let label;\n\n    if (entrypoint.type === 'library') {\n        const libraryData = data?.libraries?.list[0];\n\n        if (!libraryData) {\n            // TODO: make it i18n\n            return <span>Unknown library</span>;\n        }\n\n        label = libraryData.label;\n    } else {\n        const linkAttributeData = attributeData?.attributes?.list[0];\n\n        if (!linkAttributeData) {\n            return <span>Unknown link attribute</span>;\n        }\n\n        label = 'label' in linkAttributeData ? linkAttributeData.label : null;\n    }\n\n    return <span>{localizedTranslation(label, lang)}</span>;\n};\n"]}
+{"version":3,"file":"ExplorerTitle.js","sourceRoot":"","sources":["../../../src/components/Explorer/ExplorerTitle.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,8BAA8B,EAAE,6BAA6B,EAAC,MAAM,eAAe,CAAC;AAC5F,OAAO,OAAO,MAAM,2BAA2B,CAAC;AAChD,OAAO,EAAC,WAAW,EAAC,MAAM,YAAY,CAAC;AAUvC,uBAAuB;AACvB,MAAM,CAAC,MAAM,aAAa,GAA2C,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,UAAU,EAAC,EAAE,EAAE;IAClG,MAAM,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,GAAG,8BAA8B,CAAC,EAAC,SAAS,EAAE,EAAC,SAAS,EAAE,OAAO,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC;IAChH,MAAM,EACF,IAAI,EAAE,aAAa,EACnB,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,cAAc,GACxB,GAAG,6BAA6B,CAAC;QAC9B,IAAI,EAAE,CAAC,CAAC,KAAK,IAAI,UAAU,CAAC,IAAI,KAAK,MAAM;QAC3C,SAAS,EAAE;YACP,EAAE,EAAG,UAA8B,CAAC,eAAe;SACtD;KACJ,CAAC,CAAC;IAEH,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,IAAI,KAAK,EAAE,CAAC;QACR,OAAO,yBAAO,KAAK,GAAQ,CAAC;IAChC,CAAC;IAED,IAAI,OAAO,IAAI,gBAAgB,EAAE,CAAC;QAC9B,OAAO,KAAC,WAAW,CAAC,KAAK,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,GAAG,EAAC,EAAE,MAAM,SAAG,CAAC;IAC7D,CAAC;IAED,wCAAwC;IACxC,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC1B,OAAO,yBAAO,KAAK,EAAE,OAAO,IAAI,cAAc,EAAE,OAAO,GAAQ,CAAC;IACpE,CAAC;IAED,IAAI,KAAK,CAAC;IAEV,IAAI,UAAU,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAChC,MAAM,WAAW,GAAG,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7C,IAAI,CAAC,WAAW,EAAE,CAAC;YACf,qBAAqB;YACrB,OAAO,6CAA4B,CAAC;QACxC,CAAC;QAED,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAC9B,CAAC;SAAM,CAAC;QACJ,MAAM,iBAAiB,GAAG,aAAa,EAAE,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC;QAE7D,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrB,OAAO,oDAAmC,CAAC;QAC/C,CAAC;QAED,KAAK,GAAG,OAAO,IAAI,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1E,CAAC;IAED,OAAO,yBAAO,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,GAAQ,CAAC;AAC5D,CAAC,CAAC","sourcesContent":["import {localizedTranslation} from '@leav/utils';\nimport {useExplorerLibraryDetailsQuery, useExplorerLinkAttributeQuery} from '_ui/_gqlTypes';\nimport useLang from '_ui/hooks/useLang/useLang';\nimport {AntSkeleton} from 'aristid-ds';\nimport {type FunctionComponent} from 'react';\nimport {type Entrypoint, type IEntrypointLink} from './_types';\n\ninterface IExplorerTitleProps {\n    title?: string;\n    library: string;\n    entrypoint: Entrypoint;\n}\n\n// TODO: use <h1 /> tag\nexport const ExplorerTitle: FunctionComponent<IExplorerTitleProps> = ({title, library, entrypoint}) => {\n    const {data, loading, error} = useExplorerLibraryDetailsQuery({variables: {libraryId: library}, skip: !!title});\n    const {\n        data: attributeData,\n        loading: attributeLoading,\n        error: attributeError,\n    } = useExplorerLinkAttributeQuery({\n        skip: !!title || entrypoint.type !== 'link',\n        variables: {\n            id: (entrypoint as IEntrypointLink).linkAttributeId,\n        },\n    });\n\n    const {lang} = useLang();\n\n    if (title) {\n        return <span>{title}</span>;\n    }\n\n    if (loading || attributeLoading) {\n        return <AntSkeleton.Input style={{width: 400}} active />;\n    }\n\n    // TODO: handle error and bad library ID\n    if (error || attributeError) {\n        return <span>{error?.message ?? attributeError?.message}</span>;\n    }\n\n    let label;\n\n    if (entrypoint.type === 'library') {\n        const libraryData = data?.libraries?.list[0];\n\n        if (!libraryData) {\n            // TODO: make it i18n\n            return <span>Unknown library</span>;\n        }\n\n        label = libraryData.label;\n    } else {\n        const linkAttributeData = attributeData?.attributes?.list[0];\n\n        if (!linkAttributeData) {\n            return <span>Unknown link attribute</span>;\n        }\n\n        label = 'label' in linkAttributeData ? linkAttributeData.label : null;\n    }\n\n    return <span>{localizedTranslation(label, lang)}</span>;\n};\n"]}

package/dist/components/Explorer/TableCell.js

@@ -31,6 +31,7 @@ const StyledColorChip = styled.div `
 const RightIcon = styled(FontAwesomeIcon) `
     flex-shrink: 0;
 `;
+const TOOLTIP_COLOR = '#ffffff';
 export const TableCell = ({ values, attributeProperties }) => {
     const { t } = useSharedTranslation();
     const _getDateRangeValueContent = useCallback((value) => {
@@ -53,7 +54,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                 switch (attributeProperties.format) {
                     case AttributeFormat.boolean:
                         return {
-                            children: (_jsx(KitIdCard, { description: value.valuePayload ? String(t('global.yes')) : String(t('global.no')) })),
+                            children: (_jsx(KitTypography.Text, { color: TOOLTIP_COLOR, children: value.valuePayload ? String(t('global.yes')) : String(t('global.no')) })),
                             type: value.valuePayload ? 'primary' : 'neutral',
                         };
                     case AttributeFormat.color:
@@ -67,7 +68,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                         };
                     case AttributeFormat.date_range:
                         return {
-                            children: _jsx(KitIdCard, { description: _getDateRangeValueContent(value.valuePayload) }),
+                            children: (_jsx(KitTypography.Text, { color: TOOLTIP_COLOR, children: _getDateRangeValueContent(value.valuePayload) })),
                             type: 'primary',
                         };
                     default:
@@ -75,7 +76,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                             ? '●●●●●●●●●●●●'
                             : value.valuePayload;
                         return {
-                            children: _jsx(KitIdCard, { description: valueContent }),
+                            children: _jsx(KitTypography.Text, { color: TOOLTIP_COLOR, children: valueContent }),
                             type: 'primary',
                         };
                 }
@@ -87,7 +88,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                 case MultiDisplayOption.tag:
                     return (_jsx(TableTagGroup, { tags: values.map(value => ({
                             type: 'primary',
-                            children: _jsx(KitIdCard, { description: value.linkPayload?.whoAmI.label ?? undefined }),
+                            children: (_jsx(KitTypography.Text, { color: TOOLTIP_COLOR, children: value.linkPayload?.whoAmI.label ?? undefined })),
                         })) }));
                 case MultiDisplayOption.badge_qty:
                     return _jsx(KitBadge, { overflowCount: Infinity, count: values.length, color: "primary" });
@@ -106,7 +107,7 @@ export const TableCell = ({ values, attributeProperties }) => {
                 case MultiDisplayOption.tag:
                     return (_jsx(TableTagGroup, { tags: values.map(value => ({
                             type: 'primary',
-                            children: (_jsx(KitIdCard, { description: value.treePayload?.record.whoAmI.label ?? undefined })),
+                            children: (_jsx(KitTypography.Text, { color: TOOLTIP_COLOR, children: value.treePayload?.record.whoAmI.label ?? undefined })),
                         })) }));
                 case MultiDisplayOption.badge_qty:
                     return _jsx(KitBadge, { overflowCount: Infinity, count: values.length, color: "primary" });
@@ -134,7 +135,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', children: _jsx(KitIdCard, { description: valueToDisplay }) }, attributeProperties.id));
+                    content = (_jsx(KitTag, { type: !!value.valuePayload ? 'primary' : 'neutral', children: _jsx(KitTypography.Text, { children: valueToDisplay }) }, attributeProperties.id));
                     break;
                 case AttributeFormat.rich_text:
                     const tmp = document.createElement('div');