superdesk-ui-framework 6.1.0-dev1 → 7.0.0-dev-hg0

package/dist/esm/components/TreeMenu.js

@@ -0,0 +1,295 @@
+import * as React from 'react';
+import { Icon } from './Icon';
+import { createPopper } from '@popperjs/core';
+import { getPrefixedItemId, TreeSelectItem } from './TreeSelect/TreeSelectItem';
+import { keyboardNavigation } from './TreeSelect/KeyboardNavigation';
+import { WithPortal } from './WithPortal';
+import { nameof } from '../helpers';
+import { getNextZIndex } from '../zIndex';
+function nodeHasChildren(item) {
+    return item[nameof('children')] != null;
+}
+function nodeCanBeSelected(item) {
+    return item[nameof('onSelect')] != null;
+}
+function onSelect(item) {
+    if (nodeCanBeSelected(item)) {
+        return item.onSelect();
+    }
+    return undefined;
+}
+function disabledItem(item) {
+    if (nodeCanBeSelected(item)) {
+        return item.disabled;
+    }
+    return undefined;
+}
+export class TreeMenu extends React.Component {
+    constructor(props) {
+        super(props);
+        this.zIndex = getNextZIndex();
+        this.inputFocus = () => {
+            this.inputRef.current?.focus();
+        };
+        this.listNavigation = () => {
+            const element = document.querySelector('.suggestion-item--btn:not([disabled])');
+            element?.focus();
+        };
+        this.onMouseDown = (event) => {
+            if (this.dropdownRef.current?.contains(event.target) !== true &&
+                this.treeMenuRef.current?.contains(event.target) !== true &&
+                this.state.openDropdown) {
+                this.setState({
+                    openDropdown: false,
+                    searchFieldValue: '',
+                });
+            }
+        };
+        this.onKeyDown = (e) => {
+            if (this.state.openDropdown && this.ref.current) {
+                keyboardNavigation(e, this.ref.current, this.inputFocus);
+                if (e.key === 'Backspace' && this.state.activeTree.length > 0) {
+                    this.backButton();
+                    const lastElement = this.state.buttonTarget.pop();
+                    if (lastElement != null) {
+                        const className = getPrefixedItemId(lastElement);
+                        const element = document.getElementsByClassName(className)[0];
+                        element?.focus();
+                    }
+                }
+            }
+        };
+        this.onPressEsc = (event) => {
+            if (event.key === 'Escape' && this.state.openDropdown) {
+                this.setState({
+                    openDropdown: false,
+                    searchFieldValue: '',
+                });
+            }
+        };
+        this.componentDidMount = () => {
+            this.recursion(this.state.options);
+            document.addEventListener('mousedown', this.onMouseDown);
+            document.addEventListener('keydown', this.onKeyDown);
+            document.addEventListener('keydown', this.onPressEsc);
+        };
+        this.state = {
+            options: this.props.getOptions ? this.props.getOptions() : [],
+            firstBranchOptions: this.props.getOptions ? this.props.getOptions() : [],
+            searchFieldValue: '',
+            activeTree: [],
+            buttonTree: [],
+            buttonTarget: [],
+            filterArr: [],
+            buttonValue: null,
+            openDropdown: false,
+        };
+        this.handleMultiLevel = this.handleMultiLevel.bind(this);
+        this.backButton = this.backButton.bind(this);
+        this.handleButton = this.handleButton.bind(this);
+        this.handleTree = this.handleTree.bind(this);
+        this.toggleMenu = this.toggleMenu.bind(this);
+        this.toggle = this.toggle.bind(this);
+        this.onMouseDown = this.onMouseDown.bind(this);
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.onPressEsc = this.onPressEsc.bind(this);
+        this.dropdownRef = React.createRef();
+        this.ref = React.createRef();
+        this.openDropdownRef = React.createRef();
+        this.treeMenuRef = React.createRef();
+        this.inputRef = React.createRef();
+        this.popperInstance = null;
+    }
+    componentWillUnmount() {
+        document.removeEventListener('mousedown', this.onMouseDown);
+        document.removeEventListener('keydown', this.onKeyDown);
+        document.addEventListener('keydown', this.onPressEsc);
+    }
+    componentDidUpdate(prevProps, prevState) {
+        if (prevState.openDropdown !== this.state.openDropdown) {
+            this.toggleMenu();
+        }
+        if (prevState.activeTree !== this.state.activeTree ||
+            prevState.filterArr !== this.state.filterArr ||
+            prevState.options !== this.state.options) {
+            this.popperInstance?.update();
+        }
+        // Update options when getOptions prop is updated
+        if (this.props.getOptions && prevProps.getOptions !== this.props.getOptions) {
+            const newOptions = this.props.getOptions();
+            this.setState({
+                options: newOptions,
+                firstBranchOptions: newOptions,
+                filterArr: [],
+            }, () => {
+                this.recursion(newOptions);
+            });
+        }
+    }
+    toggleMenu() {
+        if (this.state.openDropdown) {
+            if (this.openDropdownRef.current && this.dropdownRef.current) {
+                this.popperInstance = createPopper(this.openDropdownRef.current, this.dropdownRef.current, {
+                    placement: 'bottom-start',
+                    modifiers: [
+                        {
+                            name: 'flip',
+                            enabled: true,
+                        },
+                    ],
+                    onFirstUpdate: (state) => {
+                        this.popperInstance?.setOptions({
+                            placement: state.placement,
+                            modifiers: this.popperInstance.state.options.modifiers.map((modifier) => modifier.name === 'flip' ? { ...modifier, enabled: false } : modifier),
+                        });
+                    },
+                });
+            }
+            this.inputRef.current?.addEventListener('keydown', (e) => {
+                if (e.key === 'ArrowDown') {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setTimeout(() => {
+                        this.listNavigation();
+                    });
+                }
+            });
+            if (this.inputRef.current) {
+                this.inputFocus();
+            }
+            else {
+                const element = document.querySelector('.suggestion-item--btn:not([disabled])');
+                element?.focus();
+            }
+        }
+        else {
+            this.openDropdownRef.current?.focus();
+        }
+    }
+    toggle(event) {
+        event.stopPropagation();
+        this.setState({
+            openDropdown: !this.state.openDropdown,
+        });
+    }
+    handleMultiLevel(item) {
+        if (nodeHasChildren(item)) {
+            this.setState({
+                activeTree: [...this.state.activeTree, this.state.options],
+                options: item.children,
+            });
+        }
+    }
+    handleButton(item) {
+        let buttonTreeNext = this.state.buttonTree;
+        if (this.state.buttonValue != null) {
+            buttonTreeNext = buttonTreeNext.concat(this.state.buttonValue);
+        }
+        this.setState({
+            buttonTree: buttonTreeNext,
+            buttonValue: item,
+        });
+    }
+    handleTree(_event, option) {
+        if (nodeHasChildren(option)) {
+            this.handleButton(option);
+            this.handleMultiLevel(option);
+        }
+        else {
+            this.setState({
+                openDropdown: false,
+                options: this.state.firstBranchOptions,
+                activeTree: [],
+                buttonTarget: [],
+            });
+        }
+        setTimeout(() => {
+            const element = document.querySelectorAll('.suggestion-item--btn:not([disabled])')[0];
+            element?.focus();
+        });
+    }
+    backButton() {
+        const items = this.state.activeTree.pop();
+        if (items != null) {
+            this.setState({
+                options: items,
+            });
+        }
+        const item = this.state.buttonTree.pop();
+        this.setState({
+            buttonValue: item ?? null,
+        });
+    }
+    recursion(arr) {
+        arr.map((item) => {
+            this.state.filterArr.push(item);
+            if (nodeHasChildren(item)) {
+                this.recursion(item.children);
+            }
+        });
+    }
+    filteredItem(arr) {
+        let filteredArr = arr.filter((item) => {
+            if (this.state.searchFieldValue) {
+                if (this.props.getLabel(item.value).toLowerCase().includes(this.state.searchFieldValue.toLowerCase())) {
+                    return item.value;
+                }
+                else {
+                    return;
+                }
+            }
+            else {
+                return item.value;
+            }
+        });
+        if (filteredArr.length === 0) {
+            return React.createElement("li", { className: "suggestion-item--nothing-found" }, "Nothing found");
+        }
+        else {
+            return filteredArr.map((option, i) => (React.createElement(TreeSelectItem, { key: i, option: option, handleTree: this.handleTree, disabledItem: disabledItem(option), getBorderColor: this.props.getBorderColor, getBackgroundColor: this.props.getBackgroundColor, getId: this.props.getId, optionTemplate: this.props.optionTemplate, getLabel: this.props.getLabel, onClick: () => {
+                    if (onSelect != null) {
+                        onSelect(option);
+                        this.setState({
+                            searchFieldValue: '',
+                        });
+                    }
+                } })));
+        }
+    }
+    render() {
+        return (React.createElement("div", { ref: this.treeMenuRef },
+            React.createElement("div", { ref: this.openDropdownRef }, this.props.children(this.toggle)),
+            React.createElement(WithPortal, { active: this.state.openDropdown, "data-test-id": "tree-menu-popover" },
+                React.createElement("div", { ref: this.dropdownRef, className: "autocomplete autocomplete--multi-select autocomplete--fixed-width", style: {
+                        zIndex: this.zIndex,
+                    } },
+                    React.createElement("div", { className: "autocomplete__header" },
+                        React.createElement("div", { className: "autocomplete__icon", onClick: () => {
+                                this.backButton();
+                            } },
+                            React.createElement(Icon, { name: "search", className: "search" })),
+                        React.createElement("div", { className: "autocomplete__filter" },
+                            React.createElement("input", { className: "autocomplete__input", type: "text", placeholder: this.props.searchPlaceholder, ref: this.inputRef, value: this.state.searchFieldValue, onChange: (event) => {
+                                    this.setState({ searchFieldValue: event.target.value });
+                                    this.popperInstance?.update();
+                                } }))),
+                    this.state.activeTree.length > 0 && this.state.buttonValue != null && (React.createElement("div", { className: "autocomplete__category-header" },
+                        React.createElement("div", { className: "autocomplete__icon", onClick: () => {
+                                this.backButton();
+                            } },
+                            React.createElement(Icon, { name: "arrow-left", className: "arrow-left" })),
+                        React.createElement("div", { className: "autocomplete__filter" },
+                            React.createElement("button", { className: "autocomplete__category-title" }, this.props.optionTemplate
+                                ? this.props.optionTemplate(this.state.buttonValue.value)
+                                : this.props.getLabel(this.state.buttonValue.value))))),
+                    this.state.searchFieldValue === '' ? (this.props.getOptions ? (React.createElement("ul", { ref: this.ref, className: "suggestion-list suggestion-list--multi-select", role: "tree" }, this.state.options.map((option, i) => (React.createElement(TreeSelectItem, { key: i, option: option, handleTree: this.handleTree, onClick: () => {
+                            onSelect(option);
+                        }, disabledItem: disabledItem(option), getBorderColor: this.props.getBorderColor, getBackgroundColor: this.props.getBackgroundColor, getId: this.props.getId, optionTemplate: this.props.optionTemplate, getLabel: this.props.getLabel, onKeyDown: () => this.setState({
+                            buttonTarget: [
+                                ...this.state.buttonTarget,
+                                this.props.getId(option.value),
+                            ],
+                        }) }))))) : null) : (React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref }, this.filteredItem(this.props.singleLevelSearch ? this.state.options : this.state.filterArr)))))));
+    }
+}
+//# sourceMappingURL=TreeMenu.js.map

package/dist/esm/components/TreeMenu.js.map

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

package/dist/esm/components/TreeSelect/KeyboardNavigation.d.ts

@@ -0,0 +1,2 @@
+export declare const keyboardNavigation: (e?: KeyboardEvent, menuRef?: HTMLUListElement, ref?: () => void) => void;
+//# sourceMappingURL=KeyboardNavigation.d.ts.map

package/dist/esm/components/TreeSelect/KeyboardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/TreeSelect/KeyboardNavigation.tsx"],"names":[],"mappings":"AA8CA,eAAO,MAAM,kBAAkB,GAAI,IAAI,aAAa,EAAE,UAAU,gBAAgB,EAAE,MAAM,MAAM,IAAI,SAYjG,CAAC"}

package/dist/esm/components/TreeSelect/KeyboardNavigation.js

@@ -0,0 +1,51 @@
+const getButtonList = (menuRef) => {
+    let list = Array.from(menuRef?.querySelectorAll(':scope > li') ?? []);
+    let buttons = [];
+    if (list != null) {
+        [...list].filter((item) => {
+            if (item.querySelectorAll('.suggestion-item--btn:not([disabled])').length > 0) {
+                buttons.push(item.querySelector('.suggestion-item--btn'));
+            }
+        });
+    }
+    return buttons;
+};
+const nextElement = (buttons, currentIndex, e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (buttons[currentIndex + 1]) {
+        buttons[currentIndex + 1].focus();
+    }
+    else {
+        buttons[0].focus();
+    }
+};
+const prevElement = (buttons, currentIndex, e, ref) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (buttons[currentIndex - 1]) {
+        buttons[currentIndex - 1].focus();
+    }
+    else if (currentIndex === 0) {
+        if (ref) {
+            ref();
+        }
+    }
+    else {
+        buttons[buttons.length - 1].focus();
+    }
+};
+export const keyboardNavigation = (e, menuRef, ref) => {
+    let buttons = getButtonList(menuRef);
+    const currentElement = document.activeElement;
+    const currentIndex = Array.prototype.indexOf.call(buttons, currentElement);
+    if (document.activeElement != null && buttons.includes(document.activeElement)) {
+        if (e?.key === 'ArrowDown') {
+            nextElement(buttons, currentIndex, e);
+        }
+        else if (e?.key === 'ArrowUp') {
+            prevElement(buttons, currentIndex, e, ref);
+        }
+    }
+};
+//# sourceMappingURL=KeyboardNavigation.js.map

package/dist/esm/components/TreeSelect/KeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardNavigation.js","sourceRoot":"","sources":["../../../../app-typescript/components/TreeSelect/KeyboardNavigation.tsx"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG,CAAC,OAAqC,EAA4B,EAAE;IACtF,IAAI,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;IACtE,IAAI,OAAO,GAA6B,EAAE,CAAC;IAE3C,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;QACf,CAAC,GAAG,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,IAAI,IAAI,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC5E,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,uBAAuB,CAAsB,CAAC,CAAC;YACnF,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAED,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAAiC,EAAE,YAAoB,EAAE,CAAgB,EAAE,EAAE;IAC9F,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpB,IAAI,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;IACtC,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAChB,OAAiC,EACjC,YAAoB,EACpB,CAAgB,EAChB,GAA6B,EAC/B,EAAE;IACA,CAAC,CAAC,cAAc,EAAE,CAAC;IACnB,CAAC,CAAC,eAAe,EAAE,CAAC;IAEpB,IAAI,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,EAAE,CAAC;QAC5B,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;IACtC,CAAC;SAAM,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;QAC5B,IAAI,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;QACV,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;IACxC,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAiB,EAAE,OAA0B,EAAE,GAAgB,EAAE,EAAE;IAClG,IAAI,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAAC;IAC9C,MAAM,YAAY,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC;IAE3E,IAAI,QAAQ,CAAC,aAAa,IAAI,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAkC,CAAC,EAAE,CAAC;QAClG,IAAI,CAAC,EAAE,GAAG,KAAK,WAAW,EAAE,CAAC;YACzB,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC;QAC1C,CAAC;aAAM,IAAI,CAAC,EAAE,GAAG,KAAK,SAAS,EAAE,CAAC;YAC9B,WAAW,CAAC,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;QAC/C,CAAC;IACL,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/TreeSelect/TreeSelect.d.ts

@@ -0,0 +1,104 @@
+import * as React from 'react';
+import { IInputWrapper } from '../Form/InputWrapper';
+import { DropResult } from 'react-beautiful-dnd';
+interface IState<T> {
+    value: Array<T>;
+    options: Array<ITreeNode<T>>;
+    firstBranchOptions: Array<ITreeNode<T>>;
+    openDropdown: boolean;
+    activeTree: Array<Array<ITreeNode<T>>>;
+    filterArr: Array<ITreeNode<T>>;
+    searchFieldValue: string;
+    buttonTree: Array<ITreeNode<T>>;
+    buttonValue: ITreeNode<T> | null;
+    buttonMouseEvent: boolean;
+    loading: boolean;
+    buttonTarget: Array<string>;
+}
+interface IPropsBase<T> extends IInputWrapper {
+    value?: Array<T>;
+    selectBranchWithChildren?: boolean;
+    readOnly?: boolean;
+    width?: 'medium' | 'match-input';
+    inputWidth?: '100%';
+    allowMultiple?: boolean;
+    loading?: boolean;
+    singleLevelSearch?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    noResultsFoundMessage?: string;
+    dropdownInitiallyOpen?: boolean;
+    sortable?: boolean;
+    'data-test-id'?: string;
+    getLabel(item: T): string;
+    getId(item: T): string;
+    getBackgroundColor?(item: T): string;
+    getBorderColor?(item: T): string;
+    optionTemplate?(item: T): React.ComponentType<T> | JSX.Element;
+    valueTemplate?(item: T, Wrapper: React.ComponentType<{
+        backgroundColor?: string;
+    }>): React.ComponentType<T> | JSX.Element;
+    onChange(e: Array<T>): void;
+    clearable?: boolean;
+}
+interface IPropsSync<T> extends IPropsBase<T> {
+    kind: 'synchronous';
+    getOptions(): Array<ITreeNode<T>>;
+    /**
+     * By default, simple search is used that checks if label (from getLabel) contains search string.
+     * This method allows searching by data that is not included in a label.
+     */
+    search?(items: Array<T>, searchTerm: string): Array<T>;
+}
+type ICancelFn = () => void;
+interface IPropsAsync<T> extends IPropsBase<T> {
+    kind: 'asynchronous';
+    getOptions?(): Array<ITreeNode<T>>;
+    searchOptions(term: string, callback?: (options: Array<ITreeNode<T>>) => void): ICancelFn;
+}
+type IProps<T> = IPropsSync<T> | IPropsAsync<T>;
+export interface ITreeNode<T> {
+    value: T;
+    children?: Array<ITreeNode<T>>;
+}
+export declare class TreeSelect<T> extends React.Component<IProps<T>, IState<T>> {
+    private dropdownRef;
+    private ref;
+    private inputRef;
+    private categoryButtonRef;
+    private openDropdownRef;
+    private treeSelectRef;
+    private htmlId;
+    private popperInstance;
+    private zIndex;
+    private changesFromOutside;
+    constructor(props: IProps<T>);
+    inputFocus: () => void;
+    listNavigation: () => void;
+    buttonFocus: () => void;
+    onMouseDown: (event: MouseEvent) => void;
+    onKeyDown: (e: KeyboardEvent) => void;
+    onPressEsc: (event: KeyboardEvent) => void;
+    componentDidMount: () => void;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: Readonly<IProps<T>>, prevState: Readonly<IState<T>>): void;
+    toggleMenu(): void;
+    removeClick(i: number): void;
+    handleMultiLevel(item: ITreeNode<T>): void;
+    handleButton(item: ITreeNode<T>): void;
+    handleValue(event: React.MouseEvent<HTMLLIElement, MouseEvent>, item: ITreeNode<T>): void;
+    handleBranchValue(event: React.MouseEvent<HTMLButtonElement, MouseEvent>, item: ITreeNode<T>): void;
+    handleTree(event: React.MouseEvent<HTMLLIElement, MouseEvent>, option: ITreeNode<T>): void;
+    backButton(): void;
+    recursion(arr: Array<ITreeNode<T>>): void;
+    filteredItem(list: Array<ITreeNode<T>>): JSX.Element | JSX.Element[] | undefined;
+    branchButton(buttonValue: ITreeNode<T>): JSX.Element;
+    private debounceFn;
+    private ICancelFn;
+    handleDebounce(): void;
+    onDragEnd(result: DropResult): void;
+    private renderItemContent;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=TreeSelect.d.ts.map

package/dist/esm/components/TreeSelect/TreeSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.d.ts","sourceRoot":"","sources":["../../../../app-typescript/components/TreeSelect/TreeSelect.tsx"],"names":[],"mappings":"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"}