@sitecore/sc-contenthub-blok 0.0.23 → 0.0.24

package/esm/Components/BlokButtonSelect/BlokButtonSelect.js

@@ -0,0 +1,179 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { css } from "@emotion/css";
+import { useCallback, useEffect, useMemo, useState, } from "react";
+import useIsMounted from "../../customHooks/useIsMounted";
+import { blackAlpha, isLTR, isRTL } from "../../Foundations";
+import { getEmptyImmutableArray, isFunction, } from "../../Foundations/utils";
+import { BlokButton } from "../BlokButton/BlokButton";
+import { BlokIcon } from "../BlokIcon/BlokIcon";
+import { BlokIconButton } from "../BlokIconButton/BlokIconButton";
+import { BlokSearchBox } from "../BlokSearchBox/BlokSearchBox";
+import { BlokTooltip } from "../BlokTooltip/BlokTooltip";
+import { ListItemText, Menu, MenuItem, Typography, } from "../CoreComponents";
+const classes = {
+    dropdownItemIcon: css({
+        color: blackAlpha[600],
+    }),
+    iconLabel: css({ marginLeft: "8px", verticalAlign: "middle" }),
+    dropdownItemIconMenu: css({
+        marginRight: isLTR ? "24px" : 0,
+        marginLeft: isRTL ? "24px" : 0,
+        color: blackAlpha[600],
+    }),
+    hidden: css({
+        display: "none",
+    }),
+    lightText: css({ color: blackAlpha["500"] }),
+};
+const menuListProps = { component: "div" };
+const getPopoverOrigin = (element, type) => {
+    if (!element) {
+        return type === "anchor"
+            ? { vertical: "bottom", horizontal: "center" }
+            : { vertical: "top", horizontal: "right" };
+    }
+    const { right, left } = element.getBoundingClientRect();
+    const { innerWidth: viewportWidth } = window;
+    const spaceOnRight = viewportWidth - right;
+    const spaceOnLeft = left;
+    const horizontal = spaceOnRight > spaceOnLeft ? "left" : "right";
+    const vertical = type === "anchor" ? "bottom" : "top";
+    return { horizontal, vertical };
+};
+const style = {
+    zIndex: 2001 /* Z-index of AppointmentToolTip is 2000 so this needs to be larger  */,
+};
+function BlokButtonSelect({ id, options = getEmptyImmutableArray(), onChange: onChange_, value, labelMapper = (item) => item, valueMapper = (item) => item, returnValue, placeholder = "Select an option", emptyValueSelectable = false, className, isReadOnly, searchBoxMinAmountOfItems = 8, showIconAndText = false, hideItemIcons = false, maxHeight = 250, itemsToDisable = getEmptyImmutableArray(), showEmptyDropdown = false, noneLabel = "None", noResultsText = "No results found", variant, colorScheme, }) {
+    const [anchorEl, setAnchorEl] = useState(null);
+    const isOpen = Boolean(anchorEl);
+    const [filteredOptions, setFilteredOptions] = useState(options);
+    const [searchFilter, setSearchFilter] = useState("");
+    const searchBoxRef = useCallback((node) => {
+        if (node) {
+            node.focus();
+        }
+    }, []);
+    const isMountedRef = useIsMounted();
+    // When clicking the clear button on the searchbox clear search value and set the list back to the original values.
+    const onClearSearch = useCallback(() => {
+        setFilteredOptions(options);
+        setSearchFilter("");
+    }, [options]);
+    /**
+     * Open the operation's dropdown.
+     * @param event - the mouse event
+     */
+    const handleClick = useCallback((event) => {
+        event.stopPropagation();
+        event.preventDefault();
+        setAnchorEl(event.currentTarget);
+    }, []);
+    /**
+     * Close the menu.
+     */
+    const handleClose = useCallback(() => {
+        setAnchorEl(null);
+        setSearchFilter("");
+    }, []);
+    // When selecting a value in the dropdown.
+    const onChange = useCallback(async (newValue) => {
+        if (isFunction(onChange_)) {
+            if (newValue) {
+                if (isFunction(returnValue)) {
+                    await onChange_(returnValue(newValue));
+                }
+                else {
+                    await onChange_(newValue);
+                }
+            }
+            if (newValue == null) {
+                if (emptyValueSelectable) {
+                    await onChange_(newValue);
+                }
+            }
+        }
+        handleClose();
+    }, [onChange_, handleClose, returnValue, emptyValueSelectable]);
+    // When clicking the enter key in the search box select the first value in the list and close the menu.
+    const onEnterPress = useCallback(async () => {
+        if (filteredOptions.length) {
+            // Grab the first value in the filtered options list.
+            const valueToSelect = filteredOptions[0];
+            if (isFunction(returnValue)) {
+                await onChange_(returnValue(valueToSelect));
+            }
+            else {
+                await onChange_(valueToSelect);
+            }
+            if (isMountedRef.current) {
+                // Restore the filtered options to the options.
+                setFilteredOptions(options);
+                handleClose();
+            }
+        }
+    }, [
+        filteredOptions,
+        handleClose,
+        isMountedRef,
+        onChange_,
+        options,
+        returnValue,
+    ]);
+    useEffect(() => {
+        if (!options.length) {
+            return;
+        }
+        if (searchFilter !== "") {
+            setFilteredOptions(options.filter((option) => labelMapper(option)
+                .toLocaleLowerCase()
+                .includes(searchFilter.toLocaleLowerCase())));
+        }
+        else {
+            setFilteredOptions(options);
+        }
+    }, [options, searchFilter, labelMapper]);
+    const selectedValue = (value && valueMapper(value)) || "";
+    const filteredItems = useMemo(() => {
+        return filteredOptions?.map((option, index) => {
+            return (option && (_jsxs(MenuItem, { onKeyDown: (e) => {
+                    if (e.key === "Escape") {
+                        setSearchFilter("");
+                        handleClose();
+                    }
+                }, disabled: itemsToDisable.some((item) => valueMapper(option) === valueMapper(item)), onClick: () => onChange(option), selected: valueMapper(option) === selectedValue, children: [Object.prototype.hasOwnProperty.call(option, "icon") &&
+                        !hideItemIcons && (_jsx(BlokIcon, { icon: option.icon, classes: [classes.dropdownItemIconMenu] })), _jsx(ListItemText, { primary: labelMapper(option) })] }, `${valueMapper(option)}-${index}`)));
+        });
+    }, [
+        filteredOptions,
+        valueMapper,
+        itemsToDisable,
+        selectedValue,
+        hideItemIcons,
+        labelMapper,
+        handleClose,
+        onChange,
+    ]);
+    const searchBox = useMemo(() => options.length > searchBoxMinAmountOfItems && (_jsx(BlokSearchBox, { onSearch: setSearchFilter, onClearSearch: onClearSearch, value: searchFilter, ref: searchBoxRef, onEnterPress: onEnterPress, isInsideDropdown: true, hasGutterBottom: false })), [
+        onClearSearch,
+        onEnterPress,
+        options.length,
+        searchBoxMinAmountOfItems,
+        searchBoxRef,
+        searchFilter,
+    ]);
+    if (!options.length && !showEmptyDropdown) {
+        return null;
+    }
+    const dropdownMenuId = `button-select-menu-${id}`;
+    const icon = value?.icon;
+    const labelToDisplay = value
+        ? (labelMapper(value) ?? placeholder)
+        : placeholder;
+    return (_jsx(_Fragment, { children: isReadOnly ? (_jsx("div", { "data-testid": id, children: _jsx(Typography, { variant: "body1", children: typeof value === "object"
+                    ? labelMapper(value)
+                    : (value ?? "") }) })) : (_jsxs(_Fragment, { children: [!showIconAndText && icon ? (_jsx(BlokTooltip, { title: labelToDisplay ?? "", children: _jsx(BlokIconButton, { id: id, onClick: handleClick, className: className, variant: variant, colorScheme: colorScheme, children: _jsx(BlokIcon, { icon: icon }) }) })) : (_jsx(BlokButton, { id: id, onClick: handleClick, startIcon: icon ? _jsx(BlokIcon, { icon: icon }) : undefined, endIcon: _jsx(BlokIcon, { icon: "chevron-down" }), className: className, variant: variant, colorScheme: colorScheme, children: labelToDisplay })), _jsxs(Menu, { keepMounted: true, anchorOrigin: getPopoverOrigin(anchorEl, "anchor"), id: dropdownMenuId, anchorEl: anchorEl, open: isOpen, onClose: handleClose, MenuListProps: menuListProps, onKeyDown: (e) => e.stopPropagation(), variant: "menu", style: style, transformOrigin: getPopoverOrigin(anchorEl, "transform"), autoFocus: options.length < searchBoxMinAmountOfItems, slotProps: { paper: { style: { maxHeight, overflow: "auto" } } }, children: [searchBox, value === null && (_jsx(MenuItem, { value: undefined, className: classes.hidden, children: _jsx("em", { className: classes.lightText, children: placeholder }) })), emptyValueSelectable && searchFilter === "" && (
+                        // We need to set the value to null so that it is picked up correctly.
+                        _jsx(MenuItem, { value: null, children: _jsx("em", { children: noneLabel }) })), !filteredOptions.length && noResultsText, filteredItems] })] })) }));
+}
+export { BlokButtonSelect };
+//# sourceMappingURL=BlokButtonSelect.js.map

package/esm/Components/BlokButtonSelect/BlokButtonSelect.js.map

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

package/esm/Components/BlokSearchBox/BlokSearchBox.js

@@ -0,0 +1,312 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { css, cx } from "@emotion/css";
+import { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { baseBorderRadius, baseSpacing, blackAlpha, bodyBackgroundColor, borderRadiusMd, focusColor, fontFamilyBase, fontSizeBase, inputBorderColor, inputBorderHoveColor, isFunction, isLTR, isRTL, shadowSm, textColorDefault, textColorDisabled, } from "../../Foundations";
+import { BlokIcon } from "../BlokIcon/BlokIcon";
+import { BlokIconButton } from "../BlokIconButton/BlokIconButton";
+import { BlokTooltip } from "../BlokTooltip/BlokTooltip";
+export const SEARCH_BOX_MAX_WIDTH = 500;
+export const SEARCH_BOX_MULTI_LINE_MAX_HEIGHT = 130;
+export const SEARCH_BOX_MAX_NUMBER_OF_CHARACTERS = 1000;
+export const DEFAULT_SEARCH_BOX_HEIGHT = "36px";
+const classes = {
+    scrolled: css({
+        backgroundColor: "white",
+        boxShadow: shadowSm,
+        outline: "none !important",
+        "&:hover": {
+            backgroundColor: blackAlpha[50],
+        },
+    }),
+    searchBoxActive: css({
+        backgroundColor: "white",
+        boxShadow: `inset 0 0 0 1px ${blackAlpha[400]}`,
+        outline: "none !important",
+        "& ~[class*=textHider]": {
+            right: isLTR ? 1.5 : "auto",
+            left: isRTL ? 1.5 : "auto",
+        },
+        "&:hover": {
+            backgroundColor: "white",
+            boxShadow: `inset 0 0 0 1px ${blackAlpha[500]}`,
+        },
+    }),
+    searchBoxWrapper: css({
+        position: "relative",
+        borderRadius: `${borderRadiusMd} !important`,
+        maxWidth: `${SEARCH_BOX_MAX_WIDTH}px`,
+        minHeight: "41px",
+        zIndex: 10,
+    }),
+    searchBoxInDropdown: css({
+        margin: "0 0.5rem 0.5rem 0.5rem",
+        position: "sticky !important",
+        top: 0,
+        zIndex: 100,
+        backgroundColor: "transparent",
+    }),
+    gutterBottom: css({
+        marginBottom: baseSpacing * 2,
+    }),
+    searchBox: css({
+        border: `1px solid ${inputBorderColor}`,
+        padding: "9.5px 40px",
+        lineHeight: 1.3,
+        backgroundColor: "white",
+        borderRadius: `${baseBorderRadius} !important`,
+        width: "100%",
+        minHeight: DEFAULT_SEARCH_BOX_HEIGHT,
+        height: DEFAULT_SEARCH_BOX_HEIGHT,
+        resize: "none",
+        overflow: "hidden",
+        color: textColorDefault,
+        fontSize: fontSizeBase,
+        fontFamily: fontFamilyBase,
+        left: 0,
+        "right:": 0,
+        top: 0,
+        "&:hover": {
+            backgroundColor: "white",
+            border: `1px solid ${inputBorderHoveColor}`,
+            color: textColorDefault,
+        },
+        "&:focus, &:focus-visible": {
+            backgroundColor: "white !important",
+            border: `1px solid ${focusColor} !important`,
+            color: textColorDefault,
+            outline: 0,
+            boxShadow: "0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 1px 2px 0px rgba(0, 0, 0, 0.06)",
+        },
+        "&::placeholder": {
+            color: textColorDisabled,
+        },
+    }),
+    searchBoxSingleLine: css({
+        whiteSpace: "nowrap",
+        textOverflow: "ellipsis",
+        paddingRight: "80px",
+    }),
+    absolute: css({ position: "absolute" }),
+    textHider: css({
+        position: "absolute",
+        top: 2,
+        right: isLTR ? "0.5px" : "auto",
+        left: isRTL ? "0.5px" : "auto",
+        pointerEvents: "none",
+        width: 40,
+        height: 30,
+        backgroundColor: "white",
+        borderRadius: `${baseBorderRadius} !important`,
+    }),
+    textHider2: css({ left: 1, right: "auto", position: "absolute" }),
+    searchButton: css({
+        position: "absolute",
+        top: 2,
+        left: isLTR ? "3.5px" : "auto",
+        right: isRTL ? "3.5px" : "auto",
+        cursor: "pointer",
+    }),
+    clearSearchButton: css({
+        position: "absolute",
+        top: 2,
+        right: isLTR ? "3.5px" : "auto",
+        left: isRTL ? "3.5px" : "auto",
+    }),
+    insideDropdown: css({
+        "&:focus, &:focus-visible": {
+            "& ~[class*=textHider]": {
+                display: "block !important",
+            },
+        },
+    }),
+    disabled: css({
+        cursor: "not-allowed",
+        pointerEvents: "none",
+        "*": {
+            cursor: "not-allowed",
+            pointerEvents: "none",
+        },
+    }),
+};
+const stickySearchBoxWrapper = (stickyTopPosition, stickySearchBoxBackground) => {
+    return css({
+        position: "sticky",
+        top: stickyTopPosition,
+        marginTop: baseSpacing,
+        marginBottom: baseSpacing * 2,
+        zIndex: 2,
+        borderRadius: `${borderRadiusMd}px !important`,
+        backgroundColor: stickySearchBoxBackground,
+        maxWidth: "100%",
+        "&:before": {
+            content: "''",
+            display: "block",
+            background: stickySearchBoxBackground,
+            zIndex: -1,
+            opacity: 1,
+            position: "absolute",
+            top: "0",
+            bottom: "0",
+            left: "-16px",
+            right: "-16px",
+        },
+        "&:after": {
+            content: "''",
+            display: "block",
+            height: "24px",
+            background: `linear-gradient(to bottom, ${stickySearchBoxBackground} 0%,rgba(255,255,255,0) 100%)`,
+            opacity: 1,
+            position: "absolute",
+            bottom: "-24px",
+            left: "-16px",
+            right: "-16px",
+            zIndex: -1,
+        },
+    });
+};
+// Helper function to adjust the height of the textarea.
+const adjustTextareaHeight = (textarea, wrapper) => {
+    textarea.style.height = DEFAULT_SEARCH_BOX_HEIGHT;
+    wrapper.style.width = `${wrapper.clientWidth}px`;
+    const newHeight = Math.min(textarea.scrollHeight - 1, SEARCH_BOX_MULTI_LINE_MAX_HEIGHT);
+    textarea.style.height = `${newHeight}px`;
+    textarea.style.overflow =
+        newHeight === SEARCH_BOX_MULTI_LINE_MAX_HEIGHT ? "auto" : "hidden";
+};
+// Helper function to reset the textarea styles.
+const resetTextareaStyles = (textarea, wrapper) => {
+    textarea.style.height = DEFAULT_SEARCH_BOX_HEIGHT;
+    textarea.style.overflow = "hidden";
+    wrapper.style.removeProperty("width");
+};
+export const truncateString = (str, maxChars, maxWords) => {
+    let result = str;
+    const words = result.trim().split(/\s+/);
+    if (maxWords && words.length > maxWords) {
+        result = `${words.slice(0, maxWords).join(" ")} `;
+    }
+    if (result.length > maxChars) {
+        result = result.slice(0, maxChars);
+    }
+    return result;
+};
+export const BlokSearchBox = forwardRef(function BlokSearchBox({ onSearch, onClearSearch, onEnterPress, value: value_, className, placeholder, cancelOnEscape = true, isSticky = false, stickyTopPosition = "0", isInsideDropdown = false, isDisabled = false, hasGutterBottom = true, stickySearchBoxBackground = bodyBackgroundColor, shouldShowScrolledStatus = false, clearButtonClassName, allowKeyPressPropagation = false, handleKeyPress, onPaste, maxNumberOfCharacters = SEARCH_BOX_MAX_NUMBER_OF_CHARACTERS, maxNumberOfWords, clearMessage = "Clear search", searchMessage = "Search", allowMultipleLines = false, }, ref) {
+    const [value, setValue] = useState(value_);
+    const [isActive, setIsActive] = useState(false);
+    const searchBoxRef = useRef(null);
+    const searchBoxWrapperRef = useRef(null);
+    const [allowMultiLine, setAllowMultiLine] = useState(false);
+    // Call search callback when typing into the searchBox.
+    const onChange = useCallback((e) => {
+        const searchValue = truncateString(e.target.value.replaceAll(/\n/g, " "), maxNumberOfCharacters, maxNumberOfWords);
+        setValue(searchValue);
+        onSearch?.(searchValue);
+    }, [maxNumberOfCharacters, maxNumberOfWords, onSearch]);
+    // Clear search value and call search callback.
+    const clearSearch = useCallback(() => {
+        setValue("");
+        setIsActive(false);
+        onClearSearch?.();
+    }, [onClearSearch]);
+    const onKeyPress = useCallback((e) => {
+        if (!allowKeyPressPropagation) {
+            e.stopPropagation();
+        }
+        // Run enter press callback when enter key is pressed
+        if (e.key === "Enter") {
+            e.preventDefault();
+            if (isFunction(onEnterPress)) {
+                onEnterPress();
+                searchBoxRef?.current?.blur();
+                setIsActive(true);
+            }
+        }
+        // Clear the search when the escape key is pressed
+        if (e.key === "Escape" && cancelOnEscape) {
+            clearSearch();
+        }
+        if (e.key === "ArrowDown" && isInsideDropdown) {
+            // Focus the next item in the dropdown
+            e.currentTarget.parentElement?.parentElement
+                ?.nextElementSibling?.focus();
+        }
+        // Pass the event down to the handleKeyPress method (suggestions).
+        if (isFunction(handleKeyPress)) {
+            handleKeyPress(e);
+        }
+    }, [
+        allowKeyPressPropagation,
+        cancelOnEscape,
+        clearSearch,
+        handleKeyPress,
+        isInsideDropdown,
+        onEnterPress,
+    ]);
+    // When the searchBox is used inside the select menu there are some actions to do when pressing certain keys
+    const checkKeyDown = useCallback((e) => {
+        e.stopPropagation();
+        if (e.key === "ArrowDown") {
+            // Focus the next item in the dropdown
+            e.currentTarget.nextElementSibling?.focus();
+        }
+        if (e.key === "Enter") {
+            // Focus the searchBox
+            ref?.current?.focus();
+        }
+    }, [ref]);
+    const searchButton = useMemo(() => (_jsx(BlokTooltip, { title: searchMessage, children: _jsx(BlokIconButton, { id: "searchbox-search", onClick: () => {
+                if (isFunction(onEnterPress)) {
+                    onEnterPress();
+                }
+            }, className: classes.searchButton, size: "small", children: _jsx(BlokIcon, { icon: "m-icon-magnify" }) }, "search") })), [onEnterPress, searchMessage]);
+    const handleFocus = useCallback(() => {
+        if (!isInsideDropdown && allowMultipleLines) {
+            setAllowMultiLine(true);
+        }
+    }, [allowMultipleLines, isInsideDropdown]);
+    const handleBlur = useCallback(() => {
+        setAllowMultiLine(false);
+    }, []);
+    const searchInput = useMemo(() => (_jsx("textarea", { placeholder: placeholder || searchMessage, onChange: onChange, onBlur: handleBlur, onFocus: handleFocus, className: cx(classes.searchBox, isActive ? classes.searchBoxActive : null, shouldShowScrolledStatus ? classes.scrolled : null, !allowMultiLine ? classes.searchBoxSingleLine : null, allowMultiLine && !isSticky ? classes.absolute : null, isInsideDropdown ? classes.insideDropdown : null, "custom-scrollbars"), "data-testid": "searchbox", ref: ref ?? searchBoxRef, value: value, tabIndex: 0, onKeyDown: onKeyPress, autoComplete: "off", disabled: isDisabled, onPaste: onPaste })), [
+        allowMultiLine,
+        handleBlur,
+        handleFocus,
+        isActive,
+        isDisabled,
+        isInsideDropdown,
+        isSticky,
+        onChange,
+        onKeyPress,
+        onPaste,
+        placeholder,
+        ref,
+        searchMessage,
+        shouldShowScrolledStatus,
+        value,
+    ]);
+    const clearButton = useMemo(() => value !== "" && (_jsx(BlokTooltip, { title: clearMessage, children: _jsx(BlokIconButton, { id: "clear-select-search", onClick: clearSearch, className: cx(classes.clearSearchButton, clearButtonClassName), size: "small", children: _jsx(BlokIcon, { icon: "m-icon-close" }) }, "clear") })), [clearButtonClassName, clearSearch, clearMessage, value]);
+    useEffect(() => {
+        if (value_ === "") {
+            setValue("");
+            setIsActive(false);
+        }
+        else {
+            setValue(value_);
+        }
+    }, [value_]);
+    // Adjust the height of the textarea based on its content.
+    useEffect(() => {
+        if (searchBoxRef.current && searchBoxWrapperRef.current) {
+            if (allowMultiLine) {
+                adjustTextareaHeight(searchBoxRef.current, searchBoxWrapperRef.current);
+            }
+            else {
+                resetTextareaStyles(searchBoxRef.current, searchBoxWrapperRef.current);
+            }
+        }
+    }, [value, allowMultiLine]);
+    return isInsideDropdown ? (_jsx("li", { onKeyDown: checkKeyDown, onMouseUp: (e) => e.stopPropagation(), onClick: (e) => e.stopPropagation(), role: "menuitem", tabIndex: 0, className: cx(classes.searchBoxInDropdown), children: _jsxs("div", { role: "search", ref: searchBoxWrapperRef, className: cx(classes.searchBoxWrapper, hasGutterBottom ? classes.gutterBottom : null), children: [_jsx("span", { className: cx(classes.textHider, classes.textHider2) }), searchButton, searchInput, clearButton, _jsx("span", { className: classes.textHider })] }) })) : (_jsxs("div", { className: cx(classes.searchBoxWrapper, isSticky
+            ? stickySearchBoxWrapper(stickyTopPosition, stickySearchBoxBackground)
+            : null, isDisabled ? classes.disabled : null, hasGutterBottom ? classes.gutterBottom : null, className), role: "search", ref: searchBoxWrapperRef, children: [searchButton, searchInput, clearButton, _jsx("span", { className: classes.textHider })] }));
+});
+//# sourceMappingURL=BlokSearchBox.js.map

package/esm/Components/BlokSearchBox/BlokSearchBox.js.map

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