@sap-ux/ui-components 1.0.0

package/dist/components/UIComboBox/UIComboBox.js

@@ -0,0 +1,468 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIComboBox = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@fluentui/react");
+const UIHighlightMenuOption_1 = require("../UIContextualMenu/UIHighlightMenuOption");
+require("./UIComboBox.scss");
+require("./Callout.scss");
+const UILoader_1 = require("../UILoader");
+const Icons_1 = require("../Icons");
+const ValidationMessage_1 = require("../../helper/ValidationMessage");
+const UILabel_1 = require("../UILabel");
+/**
+ * UIComboBox component.
+ *
+ * @exports
+ * @class {UIComboBox}
+ * @extends {React.Component<UIComboBoxProps, UIComboBoxState>}
+ */
+class UIComboBox extends react_1.default.Component {
+    /**
+     * Initializes component properties.
+     * @param {UIComboBoxProps} props
+     */
+    constructor(props) {
+        super(props);
+        this.comboBox = react_1.default.createRef();
+        this.root = react_1.default.createRef();
+        this.selectedElement = react_1.default.createRef();
+        this.query = '';
+        this.ignoreOpenKeys = [
+            react_2.KeyCodes.ctrl,
+            react_2.KeyCodes.shift,
+            react_2.KeyCodes.tab,
+            react_2.KeyCodes.alt,
+            react_2.KeyCodes.capslock
+        ];
+        this.isListHidden = false;
+        /**
+         * Method called on combobox option resolvation.
+         * We should not allow to add any custom option.
+         *
+         * @returns {IComboBoxOption[]} Array of combobox items.
+         */
+        this.onResolveOptions = () => {
+            return this.props.options;
+        };
+        /**
+         * Method called on combobox item render.
+         * We should pass query to it and avoid rendering if it is hidden.
+         *
+         * @param {IComboBoxOption} props Combobox item props.
+         * @param {Function} defaultRender Combobox item default renderer.
+         * @returns {JSX.Element | null} Element to render.
+         */
+        this.onRenderItem = (props, defaultRender) => {
+            if (defaultRender && props && !props.itemType) {
+                // Use data for custom onRender functions
+                props.data = this.query;
+                if (props.title === undefined) {
+                    // Apply title by default if property not provided
+                    // In older fluent-ui versions it was applied by default, but behavior changed in version '8.66.2'
+                    props.title = props.text;
+                }
+                const selected = props.index !== undefined && this.getCurrentSelectedIndex() === props.index;
+                return !props.hidden ? (react_1.default.createElement("div", { key: props.key, ref: selected ? this.selectedElement : undefined, className: `${selected ? 'ts-ComboBox--selected' : ''}` }, defaultRender(props))) : null;
+            }
+            return null;
+        };
+        /**
+         * Method to get current selected index.
+         *
+         * @returns {number | undefined} Selected item index.
+         */
+        this.getCurrentSelectedIndex = () => {
+            const baseCombobox = this.comboBox.current;
+            if (!baseCombobox) {
+                return;
+            }
+            if (baseCombobox.state.currentPendingValueValidIndex !== -1) {
+                return baseCombobox.state.currentPendingValueValidIndex;
+            }
+            return baseCombobox.props.hoisted.selectedIndices ? baseCombobox.props.hoisted.selectedIndices[0] : undefined;
+        };
+        /**
+         * Return a value for the placeholder.
+         *
+         * @returns {string}
+         */
+        this.getPlaceholder = () => {
+            if (this.props.placeholder) {
+                return this.props.placeholder;
+            }
+            else {
+                // That string should be translated
+                return 'Search or select from dropdown';
+            }
+        };
+        /**
+         * Method called on combobox item's option/label render.
+         * We should use different componenet which support highlighting - 'ComboboxSearchOption'.
+         *
+         * @param {IComboBoxOption} props Combobox item props.
+         * @param {Function} defaultRender Combobox item default renderer.
+         * @returns {JSX.Element | null} Element to render.
+         */
+        this.onRenderOption = (props, defaultRender) => {
+            if (props) {
+                return react_1.default.createElement(UIHighlightMenuOption_1.UIHighlightMenuOption, { text: props.text, query: this.query });
+            }
+            return defaultRender ? defaultRender(props) : null;
+        };
+        this.handleChange = (event, option) => {
+            option && this.props.onHandleChange && this.props.onHandleChange(option.key);
+        };
+        this.onRenderListLoading = () => {
+            const styles = {
+                label: {
+                    fontSize: '11px',
+                    fontWeight: 'normal'
+                }
+            };
+            return (react_1.default.createElement("div", { className: "option-loading" },
+                react_1.default.createElement(UILoader_1.UILoader, { label: "Loading", className: "uiLoaderXSmall", labelPosition: "right", styles: styles })));
+        };
+        this.onInput = this.onInput.bind(this);
+        this.reserQuery = this.reserQuery.bind(this);
+        this.onResolveOptions = this.onResolveOptions.bind(this);
+        this.onRenderItem = this.onRenderItem.bind(this);
+        this.onRenderOption = this.onRenderOption.bind(this);
+        this.onKeyDown = this.onKeyDown.bind(this);
+        this.onClick = this.onClick.bind(this);
+        this.toggleRefresh = this.toggleRefresh.bind(this);
+        this.handleRefreshButton = this.handleRefreshButton.bind(this);
+        this.onPendingValueChanged = this.onPendingValueChanged.bind(this);
+        this.onMultiSelectChange = this.onMultiSelectChange.bind(this);
+        this.onScrollToItem = this.onScrollToItem.bind(this);
+        this.setFocus = this.setFocus.bind(this);
+        react_2.initializeComponentRef(this);
+        this.state = {
+            toggleRefresh: false
+        };
+    }
+    /**
+     *
+     * @param {UIComboBoxProps} nextProps
+     * @returns {boolean}
+     */
+    shouldComponentUpdate(nextProps) {
+        if (nextProps.options !== this.props.options && this.query) {
+            // Filter options
+            this.updateHiddenOptions(nextProps.options);
+        }
+        return true;
+    }
+    /**
+     * Updates hidden options.
+     *
+     * @param {IComboBoxOption[]} opts
+     */
+    updateHiddenOptions(opts) {
+        this.isListHidden = true;
+        for (const option of opts) {
+            option.hidden = option.text.toLowerCase().indexOf(this.query) === -1;
+            if (this.isListHidden && !option.hidden) {
+                this.isListHidden = false;
+            }
+        }
+    }
+    /**
+     * Method filters options and hides unmatched options.
+     *
+     * @param {React.FormEvent<IComboBox>} event Combobox event object
+     */
+    onInput(event) {
+        this.isListHidden = false;
+        if (event.target) {
+            const input = event.target;
+            this.query = input.value.trimStart().toLowerCase();
+            // Filter options
+            const baseCombobox = this.comboBox.current;
+            if (baseCombobox) {
+                this.updateHiddenOptions(baseCombobox.props.hoisted.currentOptions);
+            }
+        }
+    }
+    /**
+     * Method opens menu when user clicks on Combobox (input or button).
+     */
+    onClick() {
+        const baseCombobox = this.comboBox.current;
+        const isOpen = baseCombobox && baseCombobox.state.isOpen;
+        const isDisabled = this.props.disabled;
+        if (this.props.openMenuOnClick && baseCombobox && !isOpen && !isDisabled) {
+            baseCombobox.focus(true);
+        }
+    }
+    /**
+     * Method handles keydown event and does following.
+     * 1. Fix for bug(in fluentui sources) regarding keyboard navigation when last item is not visible.
+     * 2. Opens list when user enters any key.
+     *
+     * @param {React.FormEvent<HTMLInputElement>} event Keydown event
+     */
+    onKeyDown(event) {
+        let handled = false;
+        const baseCombobox = this.comboBox.current;
+        const isOpen = baseCombobox && baseCombobox.state.isOpen;
+        if (event.which === react_2.KeyCodes.down || event.which === react_2.KeyCodes.up) {
+            handled = this._setCyclingNavigation(event.which === react_2.KeyCodes.down);
+        }
+        if (handled) {
+            // Do not handle keydown of combobox
+            event.preventDefault();
+            event.stopPropagation();
+        }
+        else if (!this.ignoreOpenKeys.includes(event.which) &&
+            baseCombobox &&
+            !this.props.openMenuOnClick &&
+            !isOpen) {
+            // Open dropdown list on first key press instead of showing it right after focus
+            baseCombobox.focus(true);
+        }
+    }
+    /**
+     * Method resets search query.
+     */
+    reserQuery() {
+        this.query = '';
+        for (const option of this.props.options) {
+            delete option.hidden;
+        }
+        this.isListHidden = false;
+        this.setState({
+            isListHidden: this.isListHidden
+        });
+    }
+    /**
+     * Method which determines what is next visible item - it is used to fix bug in fluentui sources..
+     *
+     * @param {number} index Current index.
+     * @param {boolean} forward Dirrection to look up.
+     * @returns {ComboboxItemInfo | null} Combobox item object.
+     */
+    getNextVisibleItem(index, forward) {
+        const limit = this.props.options.length;
+        while (index >= 0 && index < limit) {
+            if (this.props.options[index] && !this.props.options[index].hidden) {
+                return {
+                    option: this.props.options[index],
+                    index
+                };
+            }
+            index = index + (forward ? 1 : -1);
+        }
+        return null;
+    }
+    /**
+     * Method is used as fix for bug(in fluentui sources) regarding keyboard navigation when last item is not visible.
+     *
+     * @param {boolean} forward Dirrection to look up.
+     * @returns {boolean} Returs true if method changed navigation.
+     */
+    _setCyclingNavigation(forward) {
+        const baseCombobox = this.comboBox.current;
+        if (baseCombobox && baseCombobox.state.currentPendingValueValidIndex >= 0) {
+            // Check if there exists any visible item in that direction
+            let index = baseCombobox.state.currentPendingValueValidIndex;
+            const limit = this.props.options.length - 1;
+            index = index + (forward ? 1 : -1);
+            let option = this.getNextVisibleItem(index, forward);
+            if (option) {
+                // Item exists - no need for custom logic as we are fixing issue in base control
+                return false;
+            }
+            // Item was not found - make circular navigation
+            option = this.getNextVisibleItem(forward ? 0 : limit, forward);
+            if (option) {
+                // We fixed issue in base combobox control -
+                //   when last item is not visible and we navigate it
+                baseCombobox.setState({
+                    currentPendingValueValidIndex: option.index,
+                    currentPendingValue: option.option.text
+                });
+                return true;
+            }
+        }
+        return false;
+    }
+    /**
+     * Method for property 'useComboBoxAsMenuMinWidth' - method resolves current dropdown width and updates state with latest value.
+     * 'minWidth' from state is used to set callout size in render.
+     */
+    calculateMenuMinWidth() {
+        const root = this.root.current;
+        if (root && this.props.useComboBoxAsMenuMinWidth && root.clientWidth !== this.state.minWidth) {
+            this.setState({
+                minWidth: root.clientWidth
+            });
+        }
+    }
+    /**
+     * Method called only when property 'highlight' is true.
+     * Method called after each value live change - we need recheck if there is any visible item after search is done.
+     * 1. If there no any visible item - we hide menu callout.
+     * 2. If there is any visible item - we show menu callout.
+     */
+    onPendingValueChanged() {
+        if (this.state.isListHidden !== this.isListHidden) {
+            this.setState({
+                isListHidden: this.isListHidden
+            });
+        }
+    }
+    /**
+     * Public method to close menu callout if it is open.
+     */
+    dismissMenu() {
+        if (this.comboBox.current) {
+            this.comboBox.current.dismissMenu();
+        }
+    }
+    /**
+     * Public method to set the focus on the combo box.
+     */
+    setFocus() {
+        if (this.comboBox.current) {
+            this.comboBox.current.focus();
+        }
+    }
+    /**
+     * Method called only when property 'onRefresh' has been defined.
+     * It is called when the menu Open and Dismiss to handle the toggleRefresh state.
+     */
+    toggleRefresh() {
+        this.setState({
+            toggleRefresh: !this.state.toggleRefresh
+        });
+    }
+    /**
+     * Method called only when property 'onRefresh' has been defined.
+     * It is called when click on the refresh buttonIcon.
+     */
+    handleRefreshButton() {
+        const baseCombobox = this.comboBox.current;
+        if (this.props.useComboBoxAsMenuMinWidth) {
+            this.calculateMenuMinWidth();
+        }
+        if (this.props.onRefresh) {
+            this.props.onRefresh();
+            baseCombobox?.focus(true);
+        }
+    }
+    /**
+     * Handle multiselect change by avoiding 'blur' event.
+     * Problem is that blur event uses suggested value and toggles selection for it.
+     *
+     * @param {React.FormEvent<IComboBox>} event on change
+     * @param {IComboBoxOption} option changed option
+     * @param {number} index option index
+     * @param {string} value changed value
+     */
+    onMultiSelectChange(event, option, index, value) {
+        // Ignore toggle if change triggered by blur
+        if (this.props.onChange && event.type !== 'blur') {
+            this.props.onChange(event, option, index, value);
+        }
+    }
+    /**
+     * Method is used to fix bug in fluent ui.
+     * Bug is for multiselect combobox - when keyboard navigation is used, then scrollbar position is not updated to make selected option visible in viewport.
+     */
+    onScrollToItem() {
+        // Multi select only
+        const selectedElement = this.selectedElement.current;
+        if (!this.props.multiSelect || !selectedElement) {
+            return;
+        }
+        const offsetParent = selectedElement.offsetParent;
+        if (offsetParent) {
+            const size = offsetParent.clientHeight;
+            const scrollSize = offsetParent.scrollHeight;
+            if (scrollSize > size) {
+                const elementTop = selectedElement.offsetTop;
+                const elementBottom = elementTop + selectedElement.clientHeight;
+                const scrollTop = offsetParent.scrollTop;
+                const scrollBottom = scrollTop + size;
+                if (!(elementTop >= scrollTop && elementBottom <= scrollBottom)) {
+                    // Outline node is not visible in viewport
+                    const diff = elementBottom > scrollBottom ? elementBottom - scrollBottom : elementTop - scrollTop;
+                    offsetParent.scrollTop = scrollTop + diff;
+                }
+            }
+        }
+    }
+    /**
+     * @returns {JSX.Element}
+     */
+    render() {
+        const messageInfo = ValidationMessage_1.getMessageInfo(this.props);
+        const errorSuffix = messageInfo.message ? ValidationMessage_1.MESSAGE_TYPES_CLASSNAME_MAP.get(messageInfo.type) : undefined;
+        return (react_1.default.createElement("div", { ref: this.root, className: `ts-ComboBox${messageInfo.message ? ' ts-ComboBox--' + errorSuffix : ''}` },
+            react_1.default.createElement(react_2.ComboBox, { componentRef: this.comboBox, disabled: this.props.isForceEnabled ? false : !this.props.options.length, iconButtonProps: {
+                    iconProps: {
+                        iconName: Icons_1.UiIcons.ArrowDown
+                    }
+                }, calloutProps: {
+                    calloutMaxHeight: 200,
+                    className: 'ts-Callout ts-Callout-Dropdown',
+                    styles: {
+                        ...(this.props.useComboBoxAsMenuMinWidth && {
+                            calloutMain: {
+                                minWidth: this.state.minWidth,
+                                display: this.state.isListHidden ? 'none' : undefined
+                            }
+                        })
+                    }
+                }, styles: {
+                    label: {
+                        ...UILabel_1.labelGlobalStyle,
+                        ...(this.props.disabled && {
+                            opacity: '0.4'
+                        }),
+                        ...(this.props.required && {
+                            selectors: {
+                                '::after': {
+                                    content: `' *'`,
+                                    color: 'var(--vscode-inputValidation-errorBorder)',
+                                    paddingRight: 12
+                                }
+                            }
+                        })
+                    },
+                    errorMessage: [messageInfo.style]
+                }, ...this.props, ...(this.props.highlight && {
+                    onInput: this.onInput,
+                    onMenuDismissed: this.reserQuery,
+                    onResolveOptions: this.onResolveOptions,
+                    onRenderItem: this.onRenderItem,
+                    onRenderOption: this.onRenderOption,
+                    placeholder: this.getPlaceholder(),
+                    autofill: {
+                        onKeyDownCapture: this.onKeyDown
+                    },
+                    onPendingValueChanged: this.onPendingValueChanged
+                }), ...(this.props.useComboBoxAsMenuMinWidth && {
+                    // Use 'onMenuOpen', because there can be dynamic size of combobox
+                    onMenuOpen: this.calculateMenuMinWidth.bind(this)
+                }), ...(this.props.openMenuOnClick && {
+                    onClick: this.onClick.bind(this)
+                }), ...(this.props.onRefresh && {
+                    onMenuOpen: this.handleRefreshButton,
+                    onChange: this.handleChange
+                }), ...(this.props.isLoading && {
+                    onRenderList: this.onRenderListLoading
+                }), ...(this.props.multiSelect && {
+                    onScrollToItem: this.onScrollToItem,
+                    ...(this.props.onChange && {
+                        onChange: this.onMultiSelectChange
+                    })
+                }), errorMessage: messageInfo.message })));
+    }
+}
+exports.UIComboBox = UIComboBox;
+//# sourceMappingURL=UIComboBox.js.map

package/dist/components/UIComboBox/UIComboBox.js.map

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