@leav/ui 1.9.0-63f51574 → 1.9.0-758dbe9f

package/dist/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditAttributeMassActionModal.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.tsx"],"names":[],"mappings":";AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,OAAO,EAAE,OAAO,EAAC,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAC,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAE/D,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,YAAY,CAAC;AAGnF,MAAM,WAAW,GAAG,MAAM,CAAC;AAC3B,MAAM,eAAe,GAAG,OAAO,CAAC;AAEhC,MAAM,CAAC,MAAM,4BAA4B,GAUpC,CAAC,EACF,MAAM,EACN,QAAQ,EACR,oBAAoB,EACpB,UAAU,EACV,aAAa,EACb,eAAe,EACf,eAAe,EACf,mBAAmB,GACtB,EAAE,EAAE;IACD,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IAEnC,OAAO,CACH,KAAC,QAAQ,IACL,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,EAC3C,KAAK,EAAE,EAAC,OAAO,EAAE,EAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAe,EAAC,EAAC,EACjE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,KAAK,EACX,KAAK,EACD,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,aACtC,KAAC,aAAa,CAAC,KAAK,IAAC,KAAK,EAAC,IAAI,YAAE,CAAC,CAAC,mCAAmC,CAAC,GAAuB,EAC9F,KAAC,aAAa,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,YAC/B,CAAC,CAAC,+CAA+C,EAAE,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC,GAC1D,IACd,EAEf,MAAM,EACF,8BACI,KAAC,SAAS,IAAC,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,EAAE,OAAO,EAAE,mBAAmB,YAC5E,CAAC,CAAC,eAAe,CAAC,GACX,EACZ,KAAC,SAAS,IACN,IAAI,EAAC,SAAS,EACd,QAAQ,EAAE,eAAe,EACzB,OAAO,EAAE,eAAe,EACxB,IAAI,EAAE,KAAC,eAAe,IAAC,IAAI,EAAE,OAAO,GAAI,YAEvC,CAAC,CAAC,aAAa,CAAC,GACT,IACb,YAGP,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,aAC5D,MAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,EAAC,OAAO,EAAE,MAAM,EAAC,aAC9D,KAAC,aAAa,CAAC,IAAI,cACd,CAAC,CAAC,0DAA0D,CAAC,GAC7C,EACrB,KAAC,SAAS,IACN,OAAO,EAAE,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gCAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,EAAE;gCAC5B,KAAK,EAAE,IAAI,CAAC,EAAE;6BACjB,CAAC,CAAC,EACH,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,KAAK,CAAC,EAAE;gCACd,oBAAoB,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC;4BACnE,CAAC,EACD,WAAW,EAAE,CAAC,CAAC,gEAAgE,CAAC,GAClF,IACK,EACV,QAAQ,IACF,GACJ,CACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {type AttributeDetailsFragment, type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitModal, KitSelect, KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent, type ReactNode} from 'react';\n\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\n\nexport const EditAttributeMassActionModal: FunctionComponent<{\n    isOpen: boolean;\n    children: ReactNode;\n    attributes: AttributeDetailsFragment[];\n    setSelectedAttribute: (attr: AttributeDetailsFragment | undefined) => void;\n    massSelectionFilter: RecordFilterInput[];\n    elementsCount: number;\n    disableOkButton: boolean;\n    onOkButtonClick: () => void;\n    onCancelButtonClick: () => void;\n}> = ({\n    isOpen,\n    children,\n    setSelectedAttribute,\n    attributes,\n    elementsCount,\n    disableOkButton,\n    onOkButtonClick,\n    onCancelButtonClick,\n}) => {\n    const {t} = useSharedTranslation();\n\n    return (\n        <KitModal\n            isOpen={isOpen}\n            appElement={document.getElementById('root')}\n            style={{content: {width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH}}}\n            width=\"100%\"\n            height=\"auto\"\n            icon={false}\n            title={\n                <KitSpace direction=\"vertical\" size=\"none\">\n                    <KitTypography.Title level=\"h2\">{t('explorer.massAction.editAttribute')}</KitTypography.Title>\n                    <KitTypography.Text size=\"fontSize7\">\n                        {t('explorer.massAction.editAttribute_description', {count: elementsCount})}\n                    </KitTypography.Text>\n                </KitSpace>\n            }\n            footer={\n                <>\n                    <KitButton icon={<FontAwesomeIcon icon={faXmark} />} onClick={onCancelButtonClick}>\n                        {t('global.cancel')}\n                    </KitButton>\n                    <KitButton\n                        type=\"primary\"\n                        disabled={disableOkButton}\n                        onClick={onOkButtonClick}\n                        icon={<FontAwesomeIcon icon={faCheck} />}\n                    >\n                        {t('global.edit')}\n                    </KitButton>\n                </>\n            }\n        >\n            <KitSpace direction=\"vertical\" size=\"m\" style={{display: 'flex'}}>\n                <KitSpace direction=\"vertical\" size=\"xxs\" style={{display: 'flex'}}>\n                    <KitTypography.Text>\n                        {t('explorer.massAction.editAttribute_attribute_select_title')}\n                    </KitTypography.Text>\n                    <KitSelect\n                        options={attributes.map(attr => ({\n                            label: attr.label || attr.id,\n                            value: attr.id,\n                        }))}\n                        size=\"large\"\n                        allowClear={false}\n                        onChange={value => {\n                            setSelectedAttribute(attributes.find(att => att.id === value));\n                        }}\n                        placeholder={t('explorer.massAction.editAttribute_attribute_select_placeholder')}\n                    />\n                </KitSpace>\n                {children}\n            </KitSpace>\n        </KitModal>\n    );\n};\n"]}
+{"version":3,"file":"EditAttributeMassActionModal.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/edit-attribute/EditAttributeMassActionModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {faCheck, faXmark} from '@fortawesome/free-solid-svg-icons';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {type AttributeDetailsFragment, type RecordFilterInput} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {KitButton, KitModal, KitSelect, KitSpace, KitTypography} from 'aristid-ds';\nimport {type FunctionComponent, type ReactNode} from 'react';\n\nconst MODAL_WIDTH = '90vw';\nconst MODAL_MAX_WIDTH = '656px';\n\nexport const EditAttributeMassActionModal: FunctionComponent<{\n    isOpen: boolean;\n    children: ReactNode;\n    attributes: AttributeDetailsFragment[];\n    setSelectedAttribute: (attr: AttributeDetailsFragment | undefined) => void;\n    massSelectionFilter: RecordFilterInput[];\n    elementsCount: number;\n    disableOkButton: boolean;\n    onOkButtonClick: () => void;\n    onCancelButtonClick: () => void;\n}> = ({\n    isOpen,\n    children,\n    setSelectedAttribute,\n    attributes,\n    elementsCount,\n    disableOkButton,\n    onOkButtonClick,\n    onCancelButtonClick,\n}) => {\n    const {t} = useSharedTranslation();\n\n    return (\n        <KitModal\n            isOpen={isOpen}\n            appElement={document.getElementById('root')}\n            style={{content: {width: MODAL_WIDTH, maxWidth: MODAL_MAX_WIDTH}}}\n            width=\"100%\"\n            height=\"auto\"\n            icon={false}\n            title={\n                <KitSpace direction=\"vertical\" size=\"none\">\n                    <KitTypography.Title level=\"h2\">{t('explorer.massAction.editAttribute')}</KitTypography.Title>\n                    <KitTypography.Text size=\"fontSize7\">\n                        {t('explorer.massAction.editAttribute_description', {count: elementsCount})}\n                    </KitTypography.Text>\n                </KitSpace>\n            }\n            footer={\n                <>\n                    <KitButton size=\"m\" icon={<FontAwesomeIcon icon={faXmark} />} onClick={onCancelButtonClick}>\n                        {t('global.cancel')}\n                    </KitButton>\n                    <KitButton\n                        type=\"primary\"\n                        disabled={disableOkButton}\n                        onClick={onOkButtonClick}\n                        size=\"m\"\n                        icon={<FontAwesomeIcon icon={faCheck} />}\n                    >\n                        {t('global.edit')}\n                    </KitButton>\n                </>\n            }\n        >\n            <KitSpace direction=\"vertical\" size=\"m\" style={{display: 'flex'}}>\n                <KitSpace direction=\"vertical\" size=\"xxs\" style={{display: 'flex'}}>\n                    <KitTypography.Text>\n                        {t('explorer.massAction.editAttribute_attribute_select_title')}\n                    </KitTypography.Text>\n                    <KitSelect\n                        options={attributes.map(attr => ({\n                            label: attr.label || attr.id,\n                            value: attr.id,\n                        }))}\n                        size=\"large\"\n                        allowClear={false}\n                        onChange={value => {\n                            setSelectedAttribute(attributes.find(att => att.id === value));\n                        }}\n                        placeholder={t('explorer.massAction.editAttribute_attribute_select_placeholder')}\n                    />\n                </KitSpace>\n                {children}\n            </KitSpace>\n        </KitModal>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/generate-previews/GeneratePreviewsModal.d.ts

@@ -0,0 +1,10 @@
+import { type Key } from 'react';
+interface IGeneratePreviewsModalProps {
+    open: boolean;
+    libraryId: string;
+    isGeneratingPreviews: boolean;
+    onClose: () => void;
+    onConfirm: (previewSizes: Key[], isFailedOnly: boolean) => void;
+}
+export declare const GeneratePreviewsModal: ({ open, libraryId, isGeneratingPreviews, onClose, onConfirm, }: IGeneratePreviewsModalProps) => JSX.Element;
+export {};

package/dist/components/Explorer/actions-mass/generate-previews/GeneratePreviewsModal.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useState } from 'react';
+import { KitButton, KitSpace, KitModal, KitTree, KitIdCard, KitSwitch, useKitTheme, KitLoader } from 'aristid-ds';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faXmark, faCircleInfo, faCheck } from '@fortawesome/free-solid-svg-icons';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+import styled from 'styled-components';
+import { ErrorDisplay } from '../../../../components/ErrorDisplay';
+import { SELECT_ALL_KEY, useGetPreviewSizesData } from './useGetPreviewSizesData';
+const StyledKitSpace = styled(KitSpace) `
+    width: 100%;
+`;
+const StyledKitTree = styled(KitTree) `
+    max-height: 448px;
+    overflow-y: auto;
+`;
+const SettingCard = styled.div `
+    padding: calc(var(--general-spacing-s) * 1px);
+    border-radius: calc(var(--general-border-radius-s) * 1px);
+    border: 1px solid var(--general-utilities-border);
+    background: var(--general-colors-neutral-grey-100);
+`;
+const SettingRow = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: calc(var(--general-spacing-s) * 1px);
+
+    > *:first-child {
+        flex: 1;
+    }
+`;
+export const GeneratePreviewsModal = ({ open, libraryId, isGeneratingPreviews, onClose, onConfirm, }) => {
+    const { t } = useSharedTranslation();
+    const { theme } = useKitTheme();
+    const [isFailedOnly, setIsFailedOnly] = useState(false);
+    const [checkedPreviewSizes, setCheckedPreviewSizes] = useState([]);
+    const { previewSizesTreeData, allPreviewSizes, loading: libraryPreviewsSettingsLoading, error: libraryPreviewsSettingsError, } = useGetPreviewSizesData(libraryId);
+    const _handleConfirm = () => {
+        onConfirm(checkedPreviewSizes, isFailedOnly);
+        onClose();
+    };
+    const _handleClose = () => {
+        onClose();
+    };
+    const _onPreviewSizesCheck = (checked, info) => {
+        if (info.node.key !== SELECT_ALL_KEY) {
+            setCheckedPreviewSizes(checked);
+            return;
+        }
+        if (info.checked) {
+            setCheckedPreviewSizes(allPreviewSizes);
+        }
+        else {
+            setCheckedPreviewSizes([]);
+        }
+    };
+    const canGeneratePreviews = checkedPreviewSizes.length > 0;
+    return (_jsxs(KitModal, { appElement: document.getElementById('root'), isOpen: open, close: _handleClose, title: t('explorer.generate_previews_modal.title'), width: "656px", height: "auto", closeIcon: _jsx(FontAwesomeIcon, { icon: faXmark }), showCloseIcon: true, destroyOnClose: true, footer: _jsxs(KitSpace, { children: [_jsx(KitButton, { size: "m", icon: _jsx(FontAwesomeIcon, { icon: faXmark }), onClick: _handleClose, children: t('global.cancel') }), _jsx(KitButton, { type: "primary", size: "m", disabled: !canGeneratePreviews, loading: isGeneratingPreviews, icon: _jsx(FontAwesomeIcon, { icon: faCheck }), onClick: _handleConfirm, children: t('explorer.generate_previews_modal.generate_button') })] }), children: [libraryPreviewsSettingsLoading && _jsx(KitLoader, {}), libraryPreviewsSettingsError && _jsx(ErrorDisplay, { message: libraryPreviewsSettingsError.message }), !libraryPreviewsSettingsLoading && !libraryPreviewsSettingsError && (_jsxs(StyledKitSpace, { direction: "vertical", size: "s", children: [_jsx(StyledKitTree, { checkable: true, onCheck: _onPreviewSizesCheck, selectable: false, checkStrictly: false, treeData: previewSizesTreeData, defaultExpandAll: true }), _jsx(SettingCard, { children: _jsxs(SettingRow, { children: [_jsx(KitIdCard, { avatarProps: {
+                                        shape: 'square',
+                                        title: 'test',
+                                        icon: (_jsx(FontAwesomeIcon, { icon: faCircleInfo, color: "var(--general-colors-neutral-white)" })),
+                                        color: theme.colors.secondary.warning[400], // We need to use the real hex color from the theme as css variables are not supported
+                                    }, title: t('files.conditional_processing'), description: t('files.previews_generation_failed_only') }), _jsx(KitSwitch, { checked: isFailedOnly, onChange: () => setIsFailedOnly(prev => !prev) })] }) })] }))] }));
+};
+//# sourceMappingURL=GeneratePreviewsModal.js.map

package/dist/components/Explorer/actions-mass/generate-previews/GeneratePreviewsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratePreviewsModal.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/generate-previews/GeneratePreviewsModal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Key, useState, type ComponentProps, type FunctionComponent} from 'react';\nimport {KitButton, KitSpace, KitModal, KitTree, KitIdCard, KitSwitch, useKitTheme, KitLoader} from 'aristid-ds';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faXmark, faCircleInfo, faCheck} from '@fortawesome/free-solid-svg-icons';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport styled from 'styled-components';\nimport {ErrorDisplay} from '_ui/components/ErrorDisplay';\nimport {SELECT_ALL_KEY, useGetPreviewSizesData} from './useGetPreviewSizesData';\n\ninterface IGeneratePreviewsModalProps {\n    open: boolean;\n    libraryId: string;\n    isGeneratingPreviews: boolean;\n    onClose: () => void;\n    onConfirm: (previewSizes: Key[], isFailedOnly: boolean) => void;\n}\n\nconst StyledKitSpace = styled(KitSpace)`\n    width: 100%;\n`;\n\nconst StyledKitTree = styled(KitTree)`\n    max-height: 448px;\n    overflow-y: auto;\n`;\n\nconst SettingCard = styled.div`\n    padding: calc(var(--general-spacing-s) * 1px);\n    border-radius: calc(var(--general-border-radius-s) * 1px);\n    border: 1px solid var(--general-utilities-border);\n    background: var(--general-colors-neutral-grey-100);\n`;\n\nconst SettingRow = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: calc(var(--general-spacing-s) * 1px);\n\n    > *:first-child {\n        flex: 1;\n    }\n`;\n\nexport const GeneratePreviewsModal = ({\n    open,\n    libraryId,\n    isGeneratingPreviews,\n    onClose,\n    onConfirm,\n}: IGeneratePreviewsModalProps) => {\n    const {t} = useSharedTranslation();\n    const {theme} = useKitTheme();\n\n    const [isFailedOnly, setIsFailedOnly] = useState(false);\n    const [checkedPreviewSizes, setCheckedPreviewSizes] = useState<Key[]>([]);\n\n    const {\n        previewSizesTreeData,\n        allPreviewSizes,\n        loading: libraryPreviewsSettingsLoading,\n        error: libraryPreviewsSettingsError,\n    } = useGetPreviewSizesData(libraryId);\n\n    const _handleConfirm = () => {\n        onConfirm(checkedPreviewSizes, isFailedOnly);\n        onClose();\n    };\n\n    const _handleClose = () => {\n        onClose();\n    };\n\n    const _onPreviewSizesCheck: ComponentProps<typeof KitTree>['onCheck'] = (checked, info) => {\n        if (info.node.key !== SELECT_ALL_KEY) {\n            setCheckedPreviewSizes(checked as Key[]);\n            return;\n        }\n\n        if (info.checked) {\n            setCheckedPreviewSizes(allPreviewSizes);\n        } else {\n            setCheckedPreviewSizes([]);\n        }\n    };\n\n    const canGeneratePreviews = checkedPreviewSizes.length > 0;\n\n    return (\n        <KitModal\n            appElement={document.getElementById('root')}\n            isOpen={open}\n            close={_handleClose}\n            title={t('explorer.generate_previews_modal.title')}\n            width=\"656px\"\n            height=\"auto\"\n            closeIcon={<FontAwesomeIcon icon={faXmark} />}\n            showCloseIcon\n            destroyOnClose\n            footer={\n                <KitSpace>\n                    <KitButton size=\"m\" icon={<FontAwesomeIcon icon={faXmark} />} onClick={_handleClose}>\n                        {t('global.cancel')}\n                    </KitButton>\n                    <KitButton\n                        type=\"primary\"\n                        size=\"m\"\n                        disabled={!canGeneratePreviews}\n                        loading={isGeneratingPreviews}\n                        icon={<FontAwesomeIcon icon={faCheck} />}\n                        onClick={_handleConfirm}\n                    >\n                        {t('explorer.generate_previews_modal.generate_button')}\n                    </KitButton>\n                </KitSpace>\n            }\n        >\n            {libraryPreviewsSettingsLoading && <KitLoader />}\n            {libraryPreviewsSettingsError && <ErrorDisplay message={libraryPreviewsSettingsError.message} />}\n            {!libraryPreviewsSettingsLoading && !libraryPreviewsSettingsError && (\n                <StyledKitSpace direction=\"vertical\" size=\"s\">\n                    <StyledKitTree\n                        checkable\n                        onCheck={_onPreviewSizesCheck}\n                        selectable={false}\n                        checkStrictly={false}\n                        treeData={previewSizesTreeData}\n                        defaultExpandAll\n                    />\n                    <SettingCard>\n                        <SettingRow>\n                            <KitIdCard\n                                avatarProps={{\n                                    shape: 'square',\n                                    title: 'test',\n                                    icon: (\n                                        <FontAwesomeIcon\n                                            icon={faCircleInfo}\n                                            color=\"var(--general-colors-neutral-white)\"\n                                        />\n                                    ),\n                                    color: theme.colors.secondary.warning[400], // We need to use the real hex color from the theme as css variables are not supported\n                                }}\n                                title={t('files.conditional_processing')}\n                                description={t('files.previews_generation_failed_only')}\n                            />\n                            <KitSwitch checked={isFailedOnly} onChange={() => setIsFailedOnly(prev => !prev)} />\n                        </SettingRow>\n                    </SettingCard>\n                </StyledKitSpace>\n            )}\n        </KitModal>\n    );\n};\n"]}

package/dist/components/Explorer/actions-mass/generate-previews/useGetPreviewSizesData.d.ts

@@ -0,0 +1,18 @@
+export declare const SELECT_ALL_KEY = "select-all";
+export type PreviewSizesTreeNode = {
+    title: string;
+    key: string;
+    children?: PreviewSizesTreeNode[];
+};
+interface IUseGetPreviewSizesDataReturn {
+    previewSizesTreeData: PreviewSizesTreeNode[];
+    allPreviewSizes: string[];
+    loading: boolean;
+    error: Error | undefined;
+}
+/**
+ * Hook that fetches library preview settings and transforms them into tree data
+ * for the preview sizes selection in the GeneratePreviewsModal
+ */
+export declare const useGetPreviewSizesData: (libraryId: string) => IUseGetPreviewSizesDataReturn;
+export {};

package/dist/components/Explorer/actions-mass/generate-previews/useGetPreviewSizesData.js

@@ -0,0 +1,57 @@
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useEffect, useState } from 'react';
+import { useGetLibraryPreviewsSettingsQuery } from '../../../../_gqlTypes';
+import { localizedTranslation } from '@leav/utils';
+import { useLang } from '../../../../hooks';
+import { useSharedTranslation } from '../../../../hooks/useSharedTranslation';
+export const SELECT_ALL_KEY = 'select-all';
+/**
+ * Hook that fetches library preview settings and transforms them into tree data
+ * for the preview sizes selection in the GeneratePreviewsModal
+ */
+export const useGetPreviewSizesData = (libraryId) => {
+    const { t } = useSharedTranslation();
+    const { lang } = useLang();
+    const [previewSizesTreeData, setPreviewSizesTreeData] = useState([]);
+    const [allPreviewSizes, setAllPreviewSizes] = useState([]);
+    const { data: libraryPreviewsSettingsData, error: libraryPreviewsSettingsError, loading: libraryPreviewsSettingsLoading, } = useGetLibraryPreviewsSettingsQuery({
+        variables: {
+            id: libraryId,
+        },
+    });
+    useEffect(() => {
+        if (libraryPreviewsSettingsData?.libraries?.list) {
+            const selectAllPreviewSizesNode = {
+                title: t('files.previews_generation_select_all'),
+                key: SELECT_ALL_KEY,
+            };
+            const libraryPreviewSettings = libraryPreviewsSettingsData.libraries.list?.[0]?.previewsSettings || [];
+            const previewSizes = [];
+            const libraryPreviewSizesTreeData = libraryPreviewSettings.map(s => {
+                const children = s.versions.sizes.map(vs => ({ title: `${vs.name} (${vs.size}px)`, key: vs.name }));
+                previewSizes.push(...children.map(c => c.key));
+                return {
+                    title: localizedTranslation(s.label, lang),
+                    key: localizedTranslation(s.label, lang) + Math.random(),
+                    children,
+                };
+            });
+            setPreviewSizesTreeData([
+                {
+                    ...selectAllPreviewSizesNode,
+                    children: libraryPreviewSizesTreeData,
+                },
+            ]);
+            setAllPreviewSizes(previewSizes);
+        }
+    }, [libraryPreviewsSettingsData, lang, t]);
+    return {
+        previewSizesTreeData,
+        allPreviewSizes,
+        loading: libraryPreviewsSettingsLoading,
+        error: libraryPreviewsSettingsError,
+    };
+};
+//# sourceMappingURL=useGetPreviewSizesData.js.map

package/dist/components/Explorer/actions-mass/generate-previews/useGetPreviewSizesData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetPreviewSizesData.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/actions-mass/generate-previews/useGetPreviewSizesData.ts"],"names":[],"mappings":"AAAA,oFAAoF;AACpF,sCAAsC;AACtC,sEAAsE;AACtE,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAC,kCAAkC,EAAC,MAAM,eAAe,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAC,MAAM,aAAa,CAAC;AACjD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,oBAAoB,EAAC,MAAM,gCAAgC,CAAC;AAEpE,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY,CAAC;AAe3C;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,SAAiB,EAAiC,EAAE;IACvF,MAAM,EAAC,CAAC,EAAC,GAAG,oBAAoB,EAAE,CAAC;IACnC,MAAM,EAAC,IAAI,EAAC,GAAG,OAAO,EAAE,CAAC;IAEzB,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAyB,EAAE,CAAC,CAAC;IAC7F,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IAErE,MAAM,EACF,IAAI,EAAE,2BAA2B,EACjC,KAAK,EAAE,4BAA4B,EACnC,OAAO,EAAE,8BAA8B,GAC1C,GAAG,kCAAkC,CAAC;QACnC,SAAS,EAAE;YACP,EAAE,EAAE,SAAS;SAChB;KACJ,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,2BAA2B,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;YAC/C,MAAM,yBAAyB,GAAG;gBAC9B,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC;gBAChD,GAAG,EAAE,cAAc;aACtB,CAAC;YACF,MAAM,sBAAsB,GAAG,2BAA2B,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,gBAAgB,IAAI,EAAE,CAAC;YACvG,MAAM,YAAY,GAAa,EAAE,CAAC;YAElC,MAAM,2BAA2B,GAAG,sBAAsB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAC,KAAK,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC,IAAI,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,IAAI,EAAC,CAAC,CAAC,CAAC;gBAClG,YAAY,CAAC,IAAI,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;gBAE/C,OAAO;oBACH,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC;oBAC1C,GAAG,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;oBACxD,QAAQ;iBACX,CAAC;YACN,CAAC,CAAC,CAAC;YAEH,uBAAuB,CAAC;gBACpB;oBACI,GAAG,yBAAyB;oBAC5B,QAAQ,EAAE,2BAA2B;iBACxC;aACJ,CAAC,CAAC;YACH,kBAAkB,CAAC,YAAY,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,EAAE,CAAC,2BAA2B,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3C,OAAO;QACH,oBAAoB;QACpB,eAAe;QACf,OAAO,EAAE,8BAA8B;QACvC,KAAK,EAAE,4BAA4B;KACtC,CAAC;AACN,CAAC,CAAC","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useEffect, useState} from 'react';\nimport {useGetLibraryPreviewsSettingsQuery} from '_ui/_gqlTypes';\nimport {localizedTranslation} from '@leav/utils';\nimport {useLang} from '_ui/hooks';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\n\nexport const SELECT_ALL_KEY = 'select-all';\n\nexport type PreviewSizesTreeNode = {\n    title: string;\n    key: string;\n    children?: PreviewSizesTreeNode[];\n};\n\ninterface IUseGetPreviewSizesDataReturn {\n    previewSizesTreeData: PreviewSizesTreeNode[];\n    allPreviewSizes: string[];\n    loading: boolean;\n    error: Error | undefined;\n}\n\n/**\n * Hook that fetches library preview settings and transforms them into tree data\n * for the preview sizes selection in the GeneratePreviewsModal\n */\nexport const useGetPreviewSizesData = (libraryId: string): IUseGetPreviewSizesDataReturn => {\n    const {t} = useSharedTranslation();\n    const {lang} = useLang();\n\n    const [previewSizesTreeData, setPreviewSizesTreeData] = useState<PreviewSizesTreeNode[]>([]);\n    const [allPreviewSizes, setAllPreviewSizes] = useState<string[]>([]);\n\n    const {\n        data: libraryPreviewsSettingsData,\n        error: libraryPreviewsSettingsError,\n        loading: libraryPreviewsSettingsLoading,\n    } = useGetLibraryPreviewsSettingsQuery({\n        variables: {\n            id: libraryId,\n        },\n    });\n\n    useEffect(() => {\n        if (libraryPreviewsSettingsData?.libraries?.list) {\n            const selectAllPreviewSizesNode = {\n                title: t('files.previews_generation_select_all'),\n                key: SELECT_ALL_KEY,\n            };\n            const libraryPreviewSettings = libraryPreviewsSettingsData.libraries.list?.[0]?.previewsSettings || [];\n            const previewSizes: string[] = [];\n\n            const libraryPreviewSizesTreeData = libraryPreviewSettings.map(s => {\n                const children = s.versions.sizes.map(vs => ({title: `${vs.name} (${vs.size}px)`, key: vs.name}));\n                previewSizes.push(...children.map(c => c.key));\n\n                return {\n                    title: localizedTranslation(s.label, lang),\n                    key: localizedTranslation(s.label, lang) + Math.random(),\n                    children,\n                };\n            });\n\n            setPreviewSizesTreeData([\n                {\n                    ...selectAllPreviewSizesNode,\n                    children: libraryPreviewSizesTreeData,\n                },\n            ]);\n            setAllPreviewSizes(previewSizes);\n        }\n    }, [libraryPreviewsSettingsData, lang, t]);\n\n    return {\n        previewSizesTreeData,\n        allPreviewSizes,\n        loading: libraryPreviewsSettingsLoading,\n        error: libraryPreviewsSettingsError,\n    };\n};\n"]}

package/dist/components/Explorer/actions-mass/useGeneratePreviewsMassAction.d.ts

@@ -0,0 +1,19 @@
+import { type ReactElement } from 'react';
+import { type FeatureHook, type IMassActions } from '../_types';
+import { type IViewSettingsState } from '../manage-view-settings';
+interface IUseGeneratePreviewsMassActionReturn {
+    generatePreviewsMassAction: IMassActions | null;
+    GeneratePreviewsModal: ReactElement | null;
+}
+/**
+ * Hook that provides a mass action configuration for generating previews for selected or all items
+ * from a view/data set
+ */
+export declare const useGeneratePreviewsMassAction: ({ isEnabled, store: { view }, totalCount, onGeneratePreviews, }: FeatureHook<{
+    store: {
+        view: IViewSettingsState;
+    };
+    totalCount: number;
+    onGeneratePreviews?: IMassActions["callback"];
+}>) => IUseGeneratePreviewsMassActionReturn;
+export {};

package/dist/components/Explorer/actions-mass/useGeneratePreviewsMassAction.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06
+// This file is released under LGPL V3
+// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt
+import { useCallback, useMemo, useState } from 'react';
+import { LibraryBehavior, useForcePreviewsGenerationMutation, useGetLibraryByIdQuery, } from '../../../_gqlTypes';
+import { useSharedTranslation } from '../../../hooks/useSharedTranslation';
+import { MASS_SELECTION_ALL } from '../_constants';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faImage } from '@fortawesome/free-solid-svg-icons';
+import { GeneratePreviewsModal } from './generate-previews/GeneratePreviewsModal';
+import { KitAlert } from 'aristid-ds';
+import { ERROR_ALERT_DURATION, SUCCESS_NOTIFICATION_DURATION } from '../../../constants';
+/**
+ * Hook that provides a mass action configuration for generating previews for selected or all items
+ * from a view/data set
+ */
+export const useGeneratePreviewsMassAction = ({ isEnabled, store: { view }, totalCount, onGeneratePreviews, }) => {
+    const { t } = useSharedTranslation();
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [massSelectionFilter, setMassSelectionFilter] = useState();
+    const [startPreviewsGeneration, { loading: isGeneratingPreviews }] = useForcePreviewsGenerationMutation();
+    const { data: libraryData } = useGetLibraryByIdQuery({
+        variables: {
+            id: view.libraryId,
+        },
+    });
+    const _handleConfirmGeneratePreviews = useCallback(async (previewSizes, isFailedOnly) => {
+        if (!massSelectionFilter) {
+            return;
+        }
+        const total = view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;
+        try {
+            const result = await startPreviewsGeneration({
+                variables: {
+                    libraryId: view.libraryId,
+                    filters: massSelectionFilter ?? null,
+                    failedOnly: isFailedOnly,
+                    previewVersionSizeNames: previewSizes,
+                },
+            });
+            const isSuccess = result.data?.forcePreviewsGeneration ?? false;
+            if (isSuccess) {
+                KitAlert.success({
+                    showIcon: true,
+                    duration: SUCCESS_NOTIFICATION_DURATION,
+                    closable: true,
+                    message: t('files.previews_generation_success'),
+                    description: null,
+                });
+            }
+            else {
+                KitAlert.info({
+                    showIcon: true,
+                    duration: ERROR_ALERT_DURATION,
+                    closable: true,
+                    message: t('files.previews_generation_nothing_to_do'),
+                    description: null,
+                });
+            }
+            onGeneratePreviews?.(massSelectionFilter, view.massSelection);
+            setIsModalOpen(false);
+        }
+        catch (e) {
+            KitAlert.error({
+                showIcon: true,
+                duration: ERROR_ALERT_DURATION,
+                message: t('error.error_occurred'),
+                description: t('explorer.massAction.generate_previews_error_description', { count: total }),
+                closable: true,
+            });
+        }
+    }, [view.libraryId, view.massSelection, totalCount, massSelectionFilter, onGeneratePreviews, t]);
+    const _handleCloseModal = useCallback(() => {
+        setIsModalOpen(false);
+        setMassSelectionFilter(undefined);
+    }, []);
+    const _generatePreviewsMassAction = useMemo(() => ({
+        label: t('explorer.massAction.generate_previews'),
+        icon: _jsx(FontAwesomeIcon, { icon: faImage }),
+        deselectAll: false,
+        callback: filter => {
+            setMassSelectionFilter(filter);
+            setIsModalOpen(true);
+        },
+    }), [t]);
+    const generatePreviewsModal = isEnabled ? (_jsx(GeneratePreviewsModal, { open: isModalOpen, libraryId: view.libraryId, isGeneratingPreviews: isGeneratingPreviews, onClose: _handleCloseModal, onConfirm: _handleConfirmGeneratePreviews })) : null;
+    const isLibraryFileBehavior = libraryData?.libraries?.list?.[0]?.behavior === LibraryBehavior.files;
+    return {
+        generatePreviewsMassAction: isEnabled && isLibraryFileBehavior ? _generatePreviewsMassAction : null,
+        GeneratePreviewsModal: isLibraryFileBehavior ? generatePreviewsModal : null,
+    };
+};
+//# sourceMappingURL=useGeneratePreviewsMassAction.js.map

package/dist/components/Explorer/actions-mass/useGeneratePreviewsMassAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGeneratePreviewsMassAction.js","sourceRoot":"","sources":["../../../../src/components/Explorer/actions-mass/useGeneratePreviewsMassAction.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type Key, type ReactElement, useCallback, useMemo, useState} from 'react';\nimport {\n    LibraryBehavior,\n    useForcePreviewsGenerationMutation,\n    useGetLibraryByIdQuery,\n    type RecordFilterInput,\n} from '_ui/_gqlTypes';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {type FeatureHook, type IMassActions} from '../_types';\nimport {type IViewSettingsState} from '../manage-view-settings';\nimport {MASS_SELECTION_ALL} from '../_constants';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faImage} from '@fortawesome/free-solid-svg-icons';\nimport {GeneratePreviewsModal} from './generate-previews/GeneratePreviewsModal';\nimport {KitAlert} from 'aristid-ds';\nimport {ERROR_ALERT_DURATION, SUCCESS_NOTIFICATION_DURATION} from '_ui/constants';\n\ninterface IUseGeneratePreviewsMassActionReturn {\n    generatePreviewsMassAction: IMassActions | null;\n    GeneratePreviewsModal: ReactElement | null;\n}\n\n/**\n * Hook that provides a mass action configuration for generating previews for selected or all items\n * from a view/data set\n */\nexport const useGeneratePreviewsMassAction = ({\n    isEnabled,\n    store: {view},\n    totalCount,\n    onGeneratePreviews,\n}: FeatureHook<{\n    store: {\n        view: IViewSettingsState;\n    };\n    totalCount: number;\n    onGeneratePreviews?: IMassActions['callback'];\n}>): IUseGeneratePreviewsMassActionReturn => {\n    const {t} = useSharedTranslation();\n\n    const [isModalOpen, setIsModalOpen] = useState(false);\n    const [massSelectionFilter, setMassSelectionFilter] = useState<RecordFilterInput[] | undefined>();\n    const [startPreviewsGeneration, {loading: isGeneratingPreviews}] = useForcePreviewsGenerationMutation();\n    const {data: libraryData} = useGetLibraryByIdQuery({\n        variables: {\n            id: view.libraryId,\n        },\n    });\n\n    const _handleConfirmGeneratePreviews = useCallback(\n        async (previewSizes: Key[], isFailedOnly: boolean) => {\n            if (!massSelectionFilter) {\n                return;\n            }\n\n            const total = view.massSelection === MASS_SELECTION_ALL ? totalCount : view.massSelection.length;\n\n            try {\n                const result = await startPreviewsGeneration({\n                    variables: {\n                        libraryId: view.libraryId,\n                        filters: massSelectionFilter ?? null,\n                        failedOnly: isFailedOnly,\n                        previewVersionSizeNames: previewSizes as string[],\n                    },\n                });\n\n                const isSuccess = result.data?.forcePreviewsGeneration ?? false;\n\n                if (isSuccess) {\n                    KitAlert.success({\n                        showIcon: true,\n                        duration: SUCCESS_NOTIFICATION_DURATION,\n                        closable: true,\n                        message: t('files.previews_generation_success'),\n                        description: null,\n                    });\n                } else {\n                    KitAlert.info({\n                        showIcon: true,\n                        duration: ERROR_ALERT_DURATION,\n                        closable: true,\n                        message: t('files.previews_generation_nothing_to_do'),\n                        description: null,\n                    });\n                }\n\n                onGeneratePreviews?.(massSelectionFilter, view.massSelection);\n                setIsModalOpen(false);\n            } catch (e) {\n                KitAlert.error({\n                    showIcon: true,\n                    duration: ERROR_ALERT_DURATION,\n                    message: t('error.error_occurred'),\n                    description: t('explorer.massAction.generate_previews_error_description', {count: total}),\n                    closable: true,\n                });\n            }\n        },\n        [view.libraryId, view.massSelection, totalCount, massSelectionFilter, onGeneratePreviews, t],\n    );\n\n    const _handleCloseModal = useCallback(() => {\n        setIsModalOpen(false);\n        setMassSelectionFilter(undefined);\n    }, []);\n\n    const _generatePreviewsMassAction: IMassActions = useMemo(\n        () => ({\n            label: t('explorer.massAction.generate_previews'),\n            icon: <FontAwesomeIcon icon={faImage} />,\n            deselectAll: false,\n            callback: filter => {\n                setMassSelectionFilter(filter);\n                setIsModalOpen(true);\n            },\n        }),\n        [t],\n    );\n\n    const generatePreviewsModal = isEnabled ? (\n        <GeneratePreviewsModal\n            open={isModalOpen}\n            libraryId={view.libraryId}\n            isGeneratingPreviews={isGeneratingPreviews}\n            onClose={_handleCloseModal}\n            onConfirm={_handleConfirmGeneratePreviews}\n        />\n    ) : null;\n\n    const isLibraryFileBehavior = libraryData?.libraries?.list?.[0]?.behavior === LibraryBehavior.files;\n\n    return {\n        generatePreviewsMassAction: isEnabled && isLibraryFileBehavior ? _generatePreviewsMassAction : null,\n        GeneratePreviewsModal: isLibraryFileBehavior ? generatePreviewsModal : null,\n    };\n};\n"]}

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

@@ -7,6 +7,6 @@ import { KitIdCard, KitRadio, KitSpace, KitTag } from 'aristid-ds';
 export const SelectViewType = ({ value, onChange }) => {
     const { t } = useSharedTranslation();
     const comingSoonTag = (_jsx(KitTag, { type: "secondary", children: _jsx(KitIdCard, { description: String(t('explorer.coming-soon')) }) }));
-    return (_jsx(KitRadio.Group, { value: value, onChange: onChange, children: _jsxs(KitSpace, { direction: "vertical", size: 0, children: [_jsx(KitRadio, { value: "list", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-list'), " ", comingSoonTag] }) }), _jsx(KitRadio, { value: "table", children: t('explorer.view-type-table') }), _jsx(KitRadio, { value: "mosaic", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-mosaic'), " ", comingSoonTag] }) }), _jsx(KitRadio, { value: "planning", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-planning'), " ", comingSoonTag] }) })] }) }));
+    return (_jsx(KitRadio.Group, { value: value, onChange: onChange, children: _jsxs(KitSpace, { direction: "vertical", size: 0, children: [_jsx(KitRadio, { value: "table", children: t('explorer.view-type-table') }), _jsx(KitRadio, { value: "timeline", children: t('explorer.view-type-planning') }), _jsx(KitRadio, { value: "list", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-list'), " ", comingSoonTag] }) }), _jsx(KitRadio, { value: "mosaic", disabled: true, children: _jsxs(KitSpace, { children: [t('explorer.view-type-mosaic'), " ", comingSoonTag] }) })] }) }));
 };
 //# sourceMappingURL=SelectViewType.js.map

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

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

package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js

@@ -71,8 +71,8 @@ export const FilterItems = ({ libraryId }) => {
         });
     };
     const _handleDragEnd = ({ active: draggedElement, over: dropTarget }) => {
-        const indexFrom = activeFilters.findIndex(({ field }) => field === String(draggedElement.id));
-        const indexTo = activeFilters.findIndex(({ field }) => field === String(dropTarget?.id));
+        const indexFrom = activeFilters.findIndex(({ field }) => Array.isArray(field) ? field.includes(String(draggedElement.id)) : field === String(draggedElement.id));
+        const indexTo = activeFilters.findIndex(({ field }) => Array.isArray(field) ? field.includes(String(dropTarget?.id)) : field === String(dropTarget?.id));
         if (!dropTarget || indexFrom === indexTo || indexTo === -1) {
             return;
         }

package/dist/components/Explorer/manage-view-settings/filter-items/FilterItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterItems.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterItems.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {KitFilter, KitInput, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    AttributeFormat,\n    type AttributesByLibAttributeFragment,\n    type AttributesByLibAttributeLinkAttributeFragment,\n    type AttributesByLibAttributeTreeAttributeFragment,\n    AttributeType,\n} from '_ui/_gqlTypes';\nimport {\n    closestCenter,\n    DndContext,\n    type DragEndEvent,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {useAttributeDetailsData} from '../_shared/useAttributeDetailsData';\nimport {ViewSettingsActionTypes} from '../store-view-settings/viewSettingsReducer';\nimport {FilterListItem} from './FilterListItem';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {type IUIFilterBaseAttribute, type UIFilter} from '_ui/components/Filters/_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEye, faEyeSlash, faSearch} from '@fortawesome/free-solid-svg-icons';\n\nconst StyledListContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-l) * 1px);\n`;\n\nconst StyledList = styled.ul`\n    padding: calc(var(--general-spacing-s) * 1px) 0;\n    margin: 0;\n    list-style: none;\n    color: var(--general-utilities-text-primary);\n`;\n\nconst StyledEyeSlash = styled(FontAwesomeIcon)`\n    color: var(--general-utilities-neutral-dark);\n`;\n\nconst StyledFaEye = styled(FontAwesomeIcon)`\n    color: var(--general-utilities-neutral-deepDark);\n`;\n\nconst _isLibraryLinkAttribute = (\n    attribute: AttributesByLibAttributeFragment,\n): attribute is AttributesByLibAttributeLinkAttributeFragment =>\n    [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type) && 'linked_library' in attribute;\n\nconst _isLibraryTreeAttribute = (\n    attribute: AttributesByLibAttributeFragment,\n): attribute is AttributesByLibAttributeTreeAttributeFragment =>\n    attribute.type === AttributeType.tree && 'linked_tree' in attribute;\n\nexport const FilterItems: FunctionComponent<{libraryId: string}> = ({libraryId}) => {\n    const {t} = useSharedTranslation();\n    const {\n        filtersData: {filters},\n        dispatch,\n    } = useFiltersContext();\n\n    const {onSearchChanged, searchFilteredColumnsIds, attributeDetailsById} = useAttributeDetailsData(libraryId);\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        }),\n    );\n\n    const addFilter = (attributeId: string) => () => {\n        dispatch({\n            type: ViewSettingsActionTypes.ADD_FILTER,\n            payload: {\n                field: attributeId,\n                attribute: {\n                    id: attributeId,\n                    label: attributeDetailsById[attributeId].label,\n                    format: attributeDetailsById[attributeId].format ?? AttributeFormat.text,\n                    type: attributeDetailsById[attributeId].type,\n                    valuesList: (attributeDetailsById[attributeId] as IUIFilterBaseAttribute).valuesList,\n                    linkedLibrary: _isLibraryLinkAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].linked_library ?? undefined)\n                        : undefined, // TODO : https://aristid.atlassian.net/browse/XSTREAM-1155\n                    linkedTree: _isLibraryTreeAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].linked_tree ?? undefined)\n                        : undefined,\n                    smartFilter: _isLibraryLinkAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].smart_filter ?? undefined)\n                        : undefined,\n                },\n            },\n        });\n    };\n\n    const removeFilter = (filterId: string) => () => {\n        dispatch({\n            type: ViewSettingsActionTypes.REMOVE_FILTER,\n            payload: {\n                id: filterId,\n            },\n        });\n    };\n\n    const _handleDragEnd = ({active: draggedElement, over: dropTarget}: DragEndEvent) => {\n        const indexFrom = activeFilters.findIndex(({field}) => field === String(draggedElement.id));\n        const indexTo = activeFilters.findIndex(({field}) => field === String(dropTarget?.id));\n\n        if (!dropTarget || indexFrom === indexTo || indexTo === -1) {\n            return;\n        }\n\n        dispatch({type: ViewSettingsActionTypes.MOVE_FILTER, payload: {indexFrom, indexTo}});\n    };\n\n    const activeFilters = filters.filter(({attribute}) => searchFilteredColumnsIds.includes(attribute.id));\n    const inactiveFilters = searchFilteredColumnsIds.filter(\n        attributeId =>\n            filters.every(filterItem => filterItem.attribute.id !== attributeId) &&\n            !('compute' in attributeDetailsById[attributeId] && attributeDetailsById[attributeId]?.compute),\n    );\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <StyledListContainer>\n            {activeFilters.length > 0 && (\n                <StyledList aria-label={t('explorer.filter-list.active')}>\n                    <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={_handleDragEnd}>\n                        <SortableContext\n                            items={activeFilters.map(({attribute}) => attribute.id)}\n                            strategy={verticalListSortingStrategy}\n                        >\n                            {activeFilters.map(activeFilter => (\n                                <FilterListItem\n                                    key={activeFilter.attribute.id}\n                                    attributeId={activeFilter.attribute.id}\n                                    isDraggable\n                                    visibilityButtonProps={{\n                                        icon: <StyledFaEye icon={faEye} />,\n                                        title: String(t('explorer.hide')),\n                                        onClick: removeFilter(activeFilter.id),\n                                    }}\n                                >\n                                    <CommonFilterItem\n                                        filter={\n                                            {\n                                                ...activeFilter,\n                                                attribute: {\n                                                    ...activeFilter.attribute,\n                                                    ...attributeDetailsById[activeFilter?.attribute?.id],\n                                                },\n                                            } as UIFilter\n                                        }\n                                    />\n                                </FilterListItem>\n                            ))}\n                        </SortableContext>\n                    </DndContext>\n                </StyledList>\n            )}\n            <KitTypography.Title level=\"h4\">{t('explorer.available-attributes')}</KitTypography.Title>\n            <KitInput\n                placeholder={String(t('global.search'))}\n                onChange={onSearchChanged}\n                allowClear\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n            />\n            <StyledList aria-label={t('explorer.filter-list.inactive')}>\n                {inactiveFilters.map(attributeId => (\n                    <FilterListItem\n                        key={attributeId}\n                        attributeId={attributeId}\n                        visibilityButtonProps={{\n                            icon: <StyledEyeSlash icon={faEyeSlash} />,\n                            title: String(t('explorer.show')),\n                            onClick: addFilter(attributeId),\n                        }}\n                    >\n                        <KitFilter label={attributeDetailsById[attributeId].label} />\n                    </FilterListItem>\n                ))}\n            </StyledList>\n        </StyledListContainer>\n    );\n};\n"]}
+{"version":3,"file":"FilterItems.js","sourceRoot":"","sources":["../../../../../src/components/Explorer/manage-view-settings/filter-items/FilterItems.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {type FunctionComponent} from 'react';\nimport {KitFilter, KitInput, KitTypography} from 'aristid-ds';\nimport styled from 'styled-components';\nimport {useSharedTranslation} from '_ui/hooks/useSharedTranslation';\nimport {\n    AttributeFormat,\n    type AttributesByLibAttributeFragment,\n    type AttributesByLibAttributeLinkAttributeFragment,\n    type AttributesByLibAttributeTreeAttributeFragment,\n    AttributeType,\n} from '_ui/_gqlTypes';\nimport {\n    closestCenter,\n    DndContext,\n    type DragEndEvent,\n    KeyboardSensor,\n    PointerSensor,\n    useSensor,\n    useSensors,\n} from '@dnd-kit/core';\nimport {SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy} from '@dnd-kit/sortable';\nimport {useAttributeDetailsData} from '../_shared/useAttributeDetailsData';\nimport {ViewSettingsActionTypes} from '../store-view-settings/viewSettingsReducer';\nimport {FilterListItem} from './FilterListItem';\nimport {CommonFilterItem} from '_ui/components/Filters/filter-items/CommonFilterItem';\nimport {useFiltersContext} from '_ui/components/Filters/useFiltersContext';\nimport {type IUIFilterBaseAttribute, type UIFilter} from '_ui/components/Filters/_types';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {faEye, faEyeSlash, faSearch} from '@fortawesome/free-solid-svg-icons';\n\nconst StyledListContainer = styled.div`\n    display: flex;\n    flex-direction: column;\n    gap: calc(var(--general-spacing-l) * 1px);\n`;\n\nconst StyledList = styled.ul`\n    padding: calc(var(--general-spacing-s) * 1px) 0;\n    margin: 0;\n    list-style: none;\n    color: var(--general-utilities-text-primary);\n`;\n\nconst StyledEyeSlash = styled(FontAwesomeIcon)`\n    color: var(--general-utilities-neutral-dark);\n`;\n\nconst StyledFaEye = styled(FontAwesomeIcon)`\n    color: var(--general-utilities-neutral-deepDark);\n`;\n\nconst _isLibraryLinkAttribute = (\n    attribute: AttributesByLibAttributeFragment,\n): attribute is AttributesByLibAttributeLinkAttributeFragment =>\n    [AttributeType.simple_link, AttributeType.advanced_link].includes(attribute.type) && 'linked_library' in attribute;\n\nconst _isLibraryTreeAttribute = (\n    attribute: AttributesByLibAttributeFragment,\n): attribute is AttributesByLibAttributeTreeAttributeFragment =>\n    attribute.type === AttributeType.tree && 'linked_tree' in attribute;\n\nexport const FilterItems: FunctionComponent<{libraryId: string}> = ({libraryId}) => {\n    const {t} = useSharedTranslation();\n    const {\n        filtersData: {filters},\n        dispatch,\n    } = useFiltersContext();\n\n    const {onSearchChanged, searchFilteredColumnsIds, attributeDetailsById} = useAttributeDetailsData(libraryId);\n\n    const sensors = useSensors(\n        useSensor(PointerSensor),\n        useSensor(KeyboardSensor, {\n            coordinateGetter: sortableKeyboardCoordinates,\n        }),\n    );\n\n    const addFilter = (attributeId: string) => () => {\n        dispatch({\n            type: ViewSettingsActionTypes.ADD_FILTER,\n            payload: {\n                field: attributeId,\n                attribute: {\n                    id: attributeId,\n                    label: attributeDetailsById[attributeId].label,\n                    format: attributeDetailsById[attributeId].format ?? AttributeFormat.text,\n                    type: attributeDetailsById[attributeId].type,\n                    valuesList: (attributeDetailsById[attributeId] as IUIFilterBaseAttribute).valuesList,\n                    linkedLibrary: _isLibraryLinkAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].linked_library ?? undefined)\n                        : undefined, // TODO : https://aristid.atlassian.net/browse/XSTREAM-1155\n                    linkedTree: _isLibraryTreeAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].linked_tree ?? undefined)\n                        : undefined,\n                    smartFilter: _isLibraryLinkAttribute(attributeDetailsById[attributeId])\n                        ? (attributeDetailsById[attributeId].smart_filter ?? undefined)\n                        : undefined,\n                },\n            },\n        });\n    };\n\n    const removeFilter = (filterId: string) => () => {\n        dispatch({\n            type: ViewSettingsActionTypes.REMOVE_FILTER,\n            payload: {\n                id: filterId,\n            },\n        });\n    };\n\n    const _handleDragEnd = ({active: draggedElement, over: dropTarget}: DragEndEvent) => {\n        const indexFrom = activeFilters.findIndex(({field}) =>\n            Array.isArray(field) ? field.includes(String(draggedElement.id)) : field === String(draggedElement.id),\n        );\n        const indexTo = activeFilters.findIndex(({field}) =>\n            Array.isArray(field) ? field.includes(String(dropTarget?.id)) : field === String(dropTarget?.id),\n        );\n        if (!dropTarget || indexFrom === indexTo || indexTo === -1) {\n            return;\n        }\n\n        dispatch({type: ViewSettingsActionTypes.MOVE_FILTER, payload: {indexFrom, indexTo}});\n    };\n\n    const activeFilters = filters.filter(({attribute}) => searchFilteredColumnsIds.includes(attribute.id));\n    const inactiveFilters = searchFilteredColumnsIds.filter(\n        attributeId =>\n            filters.every(filterItem => filterItem.attribute.id !== attributeId) &&\n            !('compute' in attributeDetailsById[attributeId] && attributeDetailsById[attributeId]?.compute),\n    );\n\n    if (!Object.keys(attributeDetailsById).length) {\n        return <></>;\n    }\n\n    return (\n        <StyledListContainer>\n            {activeFilters.length > 0 && (\n                <StyledList aria-label={t('explorer.filter-list.active')}>\n                    <DndContext sensors={sensors} collisionDetection={closestCenter} onDragEnd={_handleDragEnd}>\n                        <SortableContext\n                            items={activeFilters.map(({attribute}) => attribute.id)}\n                            strategy={verticalListSortingStrategy}\n                        >\n                            {activeFilters.map(activeFilter => (\n                                <FilterListItem\n                                    key={activeFilter.attribute.id}\n                                    attributeId={activeFilter.attribute.id}\n                                    isDraggable\n                                    visibilityButtonProps={{\n                                        icon: <StyledFaEye icon={faEye} />,\n                                        title: String(t('explorer.hide')),\n                                        onClick: removeFilter(activeFilter.id),\n                                    }}\n                                >\n                                    <CommonFilterItem\n                                        filter={\n                                            {\n                                                ...activeFilter,\n                                                attribute: {\n                                                    ...activeFilter.attribute,\n                                                    ...attributeDetailsById[activeFilter?.attribute?.id],\n                                                },\n                                            } as UIFilter\n                                        }\n                                    />\n                                </FilterListItem>\n                            ))}\n                        </SortableContext>\n                    </DndContext>\n                </StyledList>\n            )}\n            <KitTypography.Title level=\"h4\">{t('explorer.available-attributes')}</KitTypography.Title>\n            <KitInput\n                placeholder={String(t('global.search'))}\n                onChange={onSearchChanged}\n                allowClear\n                prefix={<FontAwesomeIcon icon={faSearch} />}\n            />\n            <StyledList aria-label={t('explorer.filter-list.inactive')}>\n                {inactiveFilters.map(attributeId => (\n                    <FilterListItem\n                        key={attributeId}\n                        attributeId={attributeId}\n                        visibilityButtonProps={{\n                            icon: <StyledEyeSlash icon={faEyeSlash} />,\n                            title: String(t('explorer.show')),\n                            onClick: addFilter(attributeId),\n                        }}\n                    >\n                        <KitFilter label={attributeDetailsById[attributeId].label} />\n                    </FilterListItem>\n                ))}\n            </StyledList>\n        </StyledListContainer>\n    );\n};\n"]}

package/dist/components/Explorer/useViewSettingsReducer.js

@@ -33,19 +33,22 @@ export const useViewSettingsReducer = (entrypoint, defaultViewSettings = {}, ign
     /**
      * On `entrypoint.type === 'link'`, we need to get the library id from the link attribute to get views et set up `<Explorer />`
      */
-    useExplorerLinkAttributeQuery({
+    const { data: linkAttributeData } = useExplorerLinkAttributeQuery({
         skip: entrypoint.type !== 'link',
         variables: {
             id: entrypoint.linkAttributeId,
         },
-        onCompleted: data => {
-            const attributeData = data?.attributes?.list?.[0];
-            if (!attributeData) {
-                throw new Error('Unknown link attribute');
-            }
-            setLibraryId(isLinkAttributeDetails(attributeData) ? (attributeData.linked_library?.id ?? '') : null);
-        },
     });
+    useEffect(() => {
+        if (entrypoint.type !== 'link') {
+            return;
+        }
+        const attributeData = linkAttributeData?.attributes?.list?.[0];
+        if (!attributeData) {
+            return;
+        }
+        setLibraryId(isLinkAttributeDetails(attributeData) ? (attributeData.linked_library?.id ?? '') : null);
+    }, [entrypoint, linkAttributeData]);
     const { 
     /**
      * List of my views and shared views

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

@@ -1 +1 @@
-{"version":3,"file":"useViewSettingsReducer.js","sourceRoot":"","sources":["../../../src/components/Explorer/useViewSettingsReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useEffect, useMemo, useReducer, useState} from 'react';\nimport {\n    type GetViewsListQuery,\n    useExplorerAttributesQuery,\n    useExplorerLinkAttributeQuery,\n    useGetViewsListQuery,\n    ViewSizes,\n} from '_ui/_gqlTypes';\nimport {type DefaultViewSettings, type Entrypoint, type IEntrypointLink} from './_types';\nimport {mapViewTypeFromLegacyToExplorer} from './_constants';\nimport {\n    type IViewSettingsState,\n    useEditSettings,\n    viewSettingsInitialState,\n    viewSettingsReducer,\n} from './manage-view-settings';\nimport {\n    type AttributesById,\n    isLinkAttributeDetails,\n    useTransformFilters,\n} from '_ui/components/Filters/useTransformFilters';\n\nconst _areDifferents = <T extends object>(object1: T, object2: T) =>\n    Object.keys(object1).some(key => object1[key] !== object2[key]);\n\nexport const useViewSettingsReducer = (\n    entrypoint: Entrypoint,\n    defaultViewSettings: DefaultViewSettings = {},\n    ignoreViewByDefault: boolean,\n) => {\n    /**\n     * Should be `true` during all the warm up, until we `RESET` the view.\n     */\n    const [loading, setLoading] = useState(true);\n    const [libraryId, setLibraryId] = useState(entrypoint.type === 'library' ? entrypoint.libraryId : null);\n    const [view, dispatch] = useReducer(viewSettingsReducer, viewSettingsInitialState);\n    const {closeSettingsPanel} = useEditSettings();\n\n    // FIXME: should be two methods taking `lang` as argument\n    const {toValidFilters} = useTransformFilters();\n\n    /**\n     * We need to check if the `props.entrypoint` has changed to detect a new `props.entrypoint.libraryId`.\n     *\n     * If `false`, we reload from scratch and close the side panel that contains the views.\n     */\n    const needToReloadViewsFromScratch = _areDifferents(entrypoint, view.entrypoint);\n\n    useEffect(() => {\n        if (needToReloadViewsFromScratch) {\n            setLoading(true);\n            setLibraryId(entrypoint.type === 'library' ? entrypoint.libraryId : null);\n            closeSettingsPanel();\n        }\n    }, [needToReloadViewsFromScratch]);\n\n    /**\n     * On `entrypoint.type === 'link'`, we need to get the library id from the link attribute to get views et set up `<Explorer />`\n     */\n    useExplorerLinkAttributeQuery({\n        skip: entrypoint.type !== 'link',\n        variables: {\n            id: (entrypoint as IEntrypointLink).linkAttributeId,\n        },\n        onCompleted: data => {\n            const attributeData = data?.attributes?.list?.[0];\n            if (!attributeData) {\n                throw new Error('Unknown link attribute');\n            }\n            setLibraryId(isLinkAttributeDetails(attributeData) ? (attributeData.linked_library?.id ?? '') : null);\n        },\n    });\n\n    const {\n        /**\n         * List of my views and shared views\n         */\n        data: viewData,\n        loading: viewsLoading,\n        error: viewError,\n    } = useGetViewsListQuery({\n        skip: libraryId === null,\n        variables: {\n            libraryId: libraryId as string,\n        },\n    });\n\n    let userView: GetViewsListQuery['views']['list'][number] | undefined;\n    if (defaultViewSettings?.viewId) {\n        userView = viewData?.views?.list?.find(viewItem => viewItem.id === defaultViewSettings.viewId);\n    }\n    // On still `undefined` view, we take the last added one\n    userView = userView ?? viewData?.views?.list?.at(-1);\n\n    const userViewFilters = ignoreViewByDefault ? [] : toValidFilters(userView?.filters ?? []);\n\n    const userAttributesToHydrate = ignoreViewByDefault\n        ? []\n        : [\n              ...userViewFilters,\n              ...(userView?.sort ?? []),\n              ...(userView?.attributes?.map(attribute => ({field: attribute.id})) ?? []),\n          ];\n\n    const preparedDefaultFilters = toValidFilters(defaultViewSettings.filters ?? []);\n\n    const attributesToHydrate = [\n        ...new Set(\n            [\n                ...(preparedDefaultFilters ?? []),\n                ...(defaultViewSettings.sort ?? []),\n                ...userAttributesToHydrate,\n                ...(defaultViewSettings?.attributesIds?.map(attributeId => ({field: attributeId})) ?? []),\n            ].map(({field}) => field),\n        ),\n    ];\n\n    const {\n        data: attributesData,\n        loading: attributesLoading,\n        error: attributesError,\n    } = useExplorerAttributesQuery({\n        variables: {\n            ids: attributesToHydrate,\n        },\n        skip: libraryId === null || viewsLoading || attributesToHydrate.length === 0,\n    });\n\n    const attributesDataById = useMemo(\n        () =>\n            (attributesData?.attributes?.list ?? []).reduce<AttributesById>((acc, attr) => {\n                if (attr.permissions.access_attribute) {\n                    acc[attr.id] = attr;\n                }\n                return acc;\n            }, {}),\n        [attributesData],\n    );\n\n    useEffect(() => {\n        if (libraryId !== null && !viewsLoading && !attributesLoading) {\n            const savedViews = (viewData?.views.list ?? []).map(\n                ({id, label, shared, display, filters, sort, attributes, created_by}) => ({\n                    id,\n                    ownerId: created_by.id,\n                    label,\n                    shared,\n                    display: {type: display.type, size: display.size || ViewSizes.MEDIUM},\n                    filters: toValidFilters(filters ?? []),\n                    sort: sort ?? [],\n                    attributes: attributes?.map(attribute => attribute.id) ?? [],\n                }),\n            );\n            /**\n             * Filters merged from `<Explorer />` props and `view`.\n             * > Could include hidden filters too.\n             */\n            const defaultSorts = defaultViewSettings?.sort ?? [];\n            const userViewSorts = ignoreViewByDefault ? [] : (userView?.sort ?? []);\n            const defaultAttributesIds = (defaultViewSettings?.attributesIds ?? []).filter(\n                attr => attributesDataById[attr],\n            );\n            const userViewAttributesIds = ignoreViewByDefault\n                ? []\n                : (userView?.attributes ?? []).map(attr => attr.id).filter(attr => attributesDataById[attr]);\n\n            let viewProps = {};\n            if (!ignoreViewByDefault) {\n                viewProps = {\n                    viewId: userView?.id ?? null,\n                    viewLabels: userView?.label ?? {},\n                    viewType: userView?.display\n                        ? mapViewTypeFromLegacyToExplorer[userView.display.type]\n                        : viewSettingsInitialState.viewType,\n                };\n            }\n\n            const hydratedSettings: IViewSettingsState = {\n                ...viewSettingsInitialState,\n                entrypoint,\n                libraryId,\n                ...viewProps,\n                savedViews,\n                ...defaultViewSettings,\n                attributesIds: defaultAttributesIds.length > 0 ? defaultAttributesIds : userViewAttributesIds,\n                sort: (defaultSorts.length > 0 ? defaultSorts : userViewSorts)\n                    .map(s => ({\n                        field: s.field,\n                        order: s.order,\n                    }))\n                    .filter(s => attributesDataById[s.field]),\n            };\n            dispatch({\n                type: 'RESET',\n                payload: {\n                    ...hydratedSettings,\n                    initialViewSettings: {\n                        viewType: hydratedSettings.viewType,\n                        attributesIds: hydratedSettings.attributesIds,\n                        sort: hydratedSettings.sort,\n                        pageSize: hydratedSettings.pageSize,\n                    },\n                    defaultViewSettings: {\n                        viewType: defaultViewSettings.viewType ?? 'table',\n                        attributesIds: defaultViewSettings.attributesIds ?? [],\n                        sort: defaultViewSettings.sort ?? [],\n                    },\n                },\n            });\n            setLoading(false);\n        }\n    }, [attributesLoading, viewsLoading, libraryId]);\n\n    return {\n        loading,\n        error: viewError ?? attributesError,\n        view,\n        dispatch,\n    };\n};\n"]}
+{"version":3,"file":"useViewSettingsReducer.js","sourceRoot":"","sources":["../../../src/components/Explorer/useViewSettingsReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright LEAV Solutions 2017 until 2023/11/05, Copyright Aristid from 2023/11/06\n// This file is released under LGPL V3\n// License text available at https://www.gnu.org/licenses/lgpl-3.0.txt\nimport {useEffect, useMemo, useReducer, useState} from 'react';\nimport {\n    type GetViewsListQuery,\n    useExplorerAttributesQuery,\n    useExplorerLinkAttributeQuery,\n    useGetViewsListQuery,\n    ViewSizes,\n} from '_ui/_gqlTypes';\nimport {type DefaultViewSettings, type Entrypoint, type IEntrypointLink} from './_types';\nimport {mapViewTypeFromLegacyToExplorer} from './_constants';\nimport {\n    type IViewSettingsState,\n    useEditSettings,\n    viewSettingsInitialState,\n    viewSettingsReducer,\n} from './manage-view-settings';\nimport {\n    type AttributesById,\n    isLinkAttributeDetails,\n    useTransformFilters,\n} from '_ui/components/Filters/useTransformFilters';\n\nconst _areDifferents = <T extends object>(object1: T, object2: T) =>\n    Object.keys(object1).some(key => object1[key] !== object2[key]);\n\nexport const useViewSettingsReducer = (\n    entrypoint: Entrypoint,\n    defaultViewSettings: DefaultViewSettings = {},\n    ignoreViewByDefault: boolean,\n) => {\n    /**\n     * Should be `true` during all the warm up, until we `RESET` the view.\n     */\n    const [loading, setLoading] = useState(true);\n    const [libraryId, setLibraryId] = useState(entrypoint.type === 'library' ? entrypoint.libraryId : null);\n    const [view, dispatch] = useReducer(viewSettingsReducer, viewSettingsInitialState);\n    const {closeSettingsPanel} = useEditSettings();\n\n    // FIXME: should be two methods taking `lang` as argument\n    const {toValidFilters} = useTransformFilters();\n\n    /**\n     * We need to check if the `props.entrypoint` has changed to detect a new `props.entrypoint.libraryId`.\n     *\n     * If `false`, we reload from scratch and close the side panel that contains the views.\n     */\n    const needToReloadViewsFromScratch = _areDifferents(entrypoint, view.entrypoint);\n\n    useEffect(() => {\n        if (needToReloadViewsFromScratch) {\n            setLoading(true);\n            setLibraryId(entrypoint.type === 'library' ? entrypoint.libraryId : null);\n            closeSettingsPanel();\n        }\n    }, [needToReloadViewsFromScratch]);\n\n    /**\n     * On `entrypoint.type === 'link'`, we need to get the library id from the link attribute to get views et set up `<Explorer />`\n     */\n    const {data: linkAttributeData} = useExplorerLinkAttributeQuery({\n        skip: entrypoint.type !== 'link',\n        variables: {\n            id: (entrypoint as IEntrypointLink).linkAttributeId,\n        },\n    });\n\n    useEffect(() => {\n        if (entrypoint.type !== 'link') {\n            return;\n        }\n\n        const attributeData = linkAttributeData?.attributes?.list?.[0];\n\n        if (!attributeData) {\n            return;\n        }\n\n        setLibraryId(isLinkAttributeDetails(attributeData) ? (attributeData.linked_library?.id ?? '') : null);\n    }, [entrypoint, linkAttributeData]);\n\n    const {\n        /**\n         * List of my views and shared views\n         */\n        data: viewData,\n        loading: viewsLoading,\n        error: viewError,\n    } = useGetViewsListQuery({\n        skip: libraryId === null,\n        variables: {\n            libraryId: libraryId as string,\n        },\n    });\n\n    let userView: GetViewsListQuery['views']['list'][number] | undefined;\n    if (defaultViewSettings?.viewId) {\n        userView = viewData?.views?.list?.find(viewItem => viewItem.id === defaultViewSettings.viewId);\n    }\n    // On still `undefined` view, we take the last added one\n    userView = userView ?? viewData?.views?.list?.at(-1);\n\n    const userViewFilters = ignoreViewByDefault ? [] : toValidFilters(userView?.filters ?? []);\n\n    const userAttributesToHydrate = ignoreViewByDefault\n        ? []\n        : [\n              ...userViewFilters,\n              ...(userView?.sort ?? []),\n              ...(userView?.attributes?.map(attribute => ({field: attribute.id})) ?? []),\n          ];\n\n    const preparedDefaultFilters = toValidFilters(defaultViewSettings.filters ?? []);\n\n    const attributesToHydrate = [\n        ...new Set(\n            [\n                ...(preparedDefaultFilters ?? []),\n                ...(defaultViewSettings.sort ?? []),\n                ...userAttributesToHydrate,\n                ...(defaultViewSettings?.attributesIds?.map(attributeId => ({field: attributeId})) ?? []),\n            ].map(({field}) => field),\n        ),\n    ];\n\n    const {\n        data: attributesData,\n        loading: attributesLoading,\n        error: attributesError,\n    } = useExplorerAttributesQuery({\n        variables: {\n            ids: attributesToHydrate,\n        },\n        skip: libraryId === null || viewsLoading || attributesToHydrate.length === 0,\n    });\n\n    const attributesDataById = useMemo(\n        () =>\n            (attributesData?.attributes?.list ?? []).reduce<AttributesById>((acc, attr) => {\n                if (attr.permissions.access_attribute) {\n                    acc[attr.id] = attr;\n                }\n                return acc;\n            }, {}),\n        [attributesData],\n    );\n\n    useEffect(() => {\n        if (libraryId !== null && !viewsLoading && !attributesLoading) {\n            const savedViews = (viewData?.views.list ?? []).map(\n                ({id, label, shared, display, filters, sort, attributes, created_by}) => ({\n                    id,\n                    ownerId: created_by.id,\n                    label,\n                    shared,\n                    display: {type: display.type, size: display.size || ViewSizes.MEDIUM},\n                    filters: toValidFilters(filters ?? []),\n                    sort: sort ?? [],\n                    attributes: attributes?.map(attribute => attribute.id) ?? [],\n                }),\n            );\n            /**\n             * Filters merged from `<Explorer />` props and `view`.\n             * > Could include hidden filters too.\n             */\n            const defaultSorts = defaultViewSettings?.sort ?? [];\n            const userViewSorts = ignoreViewByDefault ? [] : (userView?.sort ?? []);\n            const defaultAttributesIds = (defaultViewSettings?.attributesIds ?? []).filter(\n                attr => attributesDataById[attr],\n            );\n            const userViewAttributesIds = ignoreViewByDefault\n                ? []\n                : (userView?.attributes ?? []).map(attr => attr.id).filter(attr => attributesDataById[attr]);\n\n            let viewProps = {};\n            if (!ignoreViewByDefault) {\n                viewProps = {\n                    viewId: userView?.id ?? null,\n                    viewLabels: userView?.label ?? {},\n                    viewType: userView?.display\n                        ? mapViewTypeFromLegacyToExplorer[userView.display.type]\n                        : viewSettingsInitialState.viewType,\n                };\n            }\n\n            const hydratedSettings: IViewSettingsState = {\n                ...viewSettingsInitialState,\n                entrypoint,\n                libraryId,\n                ...viewProps,\n                savedViews,\n                ...defaultViewSettings,\n                attributesIds: defaultAttributesIds.length > 0 ? defaultAttributesIds : userViewAttributesIds,\n                sort: (defaultSorts.length > 0 ? defaultSorts : userViewSorts)\n                    .map(s => ({\n                        field: s.field,\n                        order: s.order,\n                    }))\n                    .filter(s => attributesDataById[s.field]),\n            };\n            dispatch({\n                type: 'RESET',\n                payload: {\n                    ...hydratedSettings,\n                    initialViewSettings: {\n                        viewType: hydratedSettings.viewType,\n                        attributesIds: hydratedSettings.attributesIds,\n                        sort: hydratedSettings.sort,\n                        pageSize: hydratedSettings.pageSize,\n                    },\n                    defaultViewSettings: {\n                        viewType: defaultViewSettings.viewType ?? 'table',\n                        attributesIds: defaultViewSettings.attributesIds ?? [],\n                        sort: defaultViewSettings.sort ?? [],\n                    },\n                },\n            });\n            setLoading(false);\n        }\n    }, [attributesLoading, viewsLoading, libraryId]);\n\n    return {\n        loading,\n        error: viewError ?? attributesError,\n        view,\n        dispatch,\n    };\n};\n"]}

package/dist/components/Filters/_queries/treeFiltersDataQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generates recursive GraphQL for tree node children.
+ * Used to fetch nested children up to the specified depth.
+ */
+export declare const treeFiltersTreeNodeChildren: (depth?: number) => string;
+export declare const treeFiltersDataQuery: (depthTreeNodes?: number) => import("@apollo/client").DocumentNode;