@festo-ui/react 9.0.0-dev.713 → 9.0.0-dev.715

package/node/lib/components/pagination/Pagination.js

@@ -1,114 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.PaginationType = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-let PaginationType = exports.PaginationType = /*#__PURE__*/function (PaginationType) {
-  PaginationType["Simple"] = "SIMPLE";
-  PaginationType["Numeric"] = "NUMERIC";
-  PaginationType["Dots"] = "DOTS";
-  return PaginationType;
-}({});
-function Pagination(props) {
-  const {
-    pageMax,
-    onChange,
-    pageCurrent,
-    defaultPageCurrent = 1,
-    type = PaginationType.Numeric,
-    className
-  } = props;
-  const controlled = pageCurrent !== undefined;
-  const [innerPageCurrent, setInnerPageCurrent] = (0, _react.useState)(controlled ? pageCurrent : defaultPageCurrent);
-  const dotArray = Array.from(new Array(pageMax).keys());
-  (0, _react.useEffect)(() => {
-    if (controlled) {
-      setInnerPageCurrent(pageCurrent);
-    }
-  }, [pageCurrent, controlled]);
-  function handleChange(newPage) {
-    if (!controlled) {
-      setInnerPageCurrent(newPage);
-    }
-    if (onChange) {
-      onChange(newPage);
-    }
-  }
-  function onBtnDown() {
-    if (innerPageCurrent > 1) {
-      const newPageCurrent = innerPageCurrent - 1;
-      handleChange(newPageCurrent);
-    }
-  }
-  function onBtnUp() {
-    if (innerPageCurrent < pageMax) {
-      const newPageCurrent = innerPageCurrent + 1;
-      handleChange(newPageCurrent);
-    }
-  }
-  function onDotClick(index) {
-    const newPageCurrent = index + 1;
-    handleChange(newPageCurrent);
-  }
-  function handleKeyPress(event, index) {
-    if (event.key === "Enter" || event.key === " ") {
-      onDotClick(index);
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [type !== PaginationType.Dots && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)("fwe-pagination fwe-p-m", {
-        "fwe-d-none": pageMax < 2
-      }, className),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        className: (0, _classnames.default)("fwe-navigate-btn-down", {
-          "fwe-disabled": innerPageCurrent <= 1
-        }),
-        onClick: onBtnDown,
-        type: "button",
-        "aria-label": "navigate-btn-down"
-      }), type === PaginationType.Numeric && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fwe-page-current",
-          children: innerPageCurrent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "fwe-page-max",
-          children: pageMax
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        className: (0, _classnames.default)("fwe-navigate-btn-up", {
-          "fwe-disabled": innerPageCurrent >= pageMax,
-          "fwe-ml-4": type === PaginationType.Simple
-        }),
-        onClick: onBtnUp,
-        type: "button",
-        "aria-label": "navigate-btn-up"
-      })]
-    }), type === PaginationType.Dots && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames.default)("fwe-p-m", {
-        "fwe-d-none": pageMax < 2
-      }, className),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-pagination",
-        children: dotArray.map(index => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          tabIndex: 0,
-          role: "button",
-          className: (0, _classnames.default)("fwe-page-dot", {
-            "fwe-selected": index + 1 === innerPageCurrent
-          }),
-          onClick: () => onDotClick(index),
-          "aria-label": "page-dot",
-          onKeyPress: e => handleKeyPress(e, index)
-        }, index))
-      })
-    })]
-  });
-}
-var _default = exports.default = Pagination;

package/node/lib/components/popovers/legend/Legend.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Legend(_ref) {
-  let {
-    items,
-    ...props
-  } = _ref;
-  const content = items.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("dl", {
-    className: "fr-legend",
-    children: items.map(item => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fr-legend-content",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
-        children: item.name
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("dt", {
-        children: item.text
-      })]
-    }, item.name))
-  }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
-    popoverContent: content,
-    ...props
-  });
-}
-var _default = exports.default = Legend;

package/node/lib/components/popovers/popover/Popover.js

@@ -1,132 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactPopper = require("react-popper");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _useOnClickOutside = _interopRequireDefault(require("../../../helper/useOnClickOutside.js"));
-var _useForkRef = _interopRequireDefault(require("../../../helper/useForkRef.js"));
-var _useControlled = _interopRequireDefault(require("../../../helper/useControlled.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function Popover(_ref) {
-  let {
-    popoverContent,
-    children,
-    position,
-    fallbackPositions,
-    openOnHover = false,
-    defaultOpen = false,
-    open,
-    onStatusChange,
-    wrapper,
-    className,
-    flip = true,
-    containerClassName,
-    stopPropagation,
-    arrow = true,
-    onClick
-  } = _ref;
-  const [showPopper, setShowPopper] = (0, _useControlled.default)({
-    controlled: open,
-    default: defaultOpen
-  });
-  const [popperElement, setPopperElement] = (0, _react.useState)(null);
-  const [arrowElement, setArrowElement] = (0, _react.useState)(null);
-  const referenceElement = (0, _react.useRef)(null);
-  const popperElRef = (0, _react.useRef)(null);
-  const combinedRef = (0, _useForkRef.default)(popperElRef, setPopperElement);
-  const classes = (0, _classnames.default)(className);
-  const {
-    styles,
-    attributes
-  } = (0, _reactPopper.usePopper)(referenceElement.current, popperElement, {
-    placement: position,
-    modifiers: [{
-      name: "arrow",
-      options: {
-        element: arrowElement
-      }
-    }, {
-      name: "offset",
-      options: {
-        offset: [0, 24]
-      }
-    }, {
-      name: "flip",
-      options: {
-        fallbackPlacements: flip ? fallbackPositions : [position || "auto"]
-      }
-    }]
-  });
-  const handleChange = (e, status) => {
-    if (stopPropagation) {
-      e?.stopPropagation();
-      e?.preventDefault();
-    }
-    setShowPopper(status);
-    onStatusChange?.(status);
-  };
-  function closePopover(event) {
-    handleChange(event, false);
-  }
-  (0, _useOnClickOutside.default)(popperElRef, closePopover, referenceElement);
-  function handleKeyDown(event) {
-    if (event.key === "Enter") {
-      handleChange(undefined, true);
-    }
-    if (event.key === "Escape") {
-      handleChange(undefined, false);
-    }
-  }
-  function handleKeyUp(event) {
-    if (event.key === " ") {
-      handleChange(undefined, true);
-    }
-  }
-  function handleTriggerClick(event) {
-    onClick?.(event);
-    if (event.defaultPrevented) {
-      setShowPopper(!showPopper);
-    } else {
-      handleChange(event, !showPopper);
-    }
-  }
-  const childrenWrapper =
-  /*#__PURE__*/
-  // biome-ignore lint/a11y/useSemanticElements: since a button in button is wrong, we need a div with click handler here. 
-  (0, _jsxRuntime.jsx)("div", {
-    tabIndex: 0,
-    role: "button",
-    className: classes,
-    ref: referenceElement,
-    onKeyDown: handleKeyDown,
-    onKeyUp: handleKeyUp,
-    onClick: handleTriggerClick,
-    onMouseEnter: openOnHover ? e => handleChange(e, true) : undefined,
-    onMouseLeave: openOnHover ? e => handleChange(e, false) : undefined,
-    children: children
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [wrapper ? wrapper(childrenWrapper) : childrenWrapper, showPopper && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames.default)("fwe-popover-container", containerClassName),
-      ref: combinedRef,
-      style: styles.popper,
-      ...attributes.popper,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-popover",
-        children: popoverContent
-      }), arrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        ref: setArrowElement,
-        style: styles.arrow,
-        id: "arrow"
-      })]
-    })]
-  });
-}
-var _default = exports.default = Popover;

package/node/lib/components/popovers/popover-menu/PopoverMenu.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
-var _PopoverMenuItem = _interopRequireDefault(require("../popover-menu-item/PopoverMenuItem.js"));
-var _PopoverMenuContext = _interopRequireDefault(require("./PopoverMenuContext.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function PopoverMenu(_ref) {
-  let {
-    menu,
-    ...props
-  } = _ref;
-  const [showPopper, setShowPopper] = (0, _react.useState)(false);
-  const isPopoverMenuItemPropsArray = items => Array.isArray(items) && items.length > 0 && "text" in items[0];
-  let content = null;
-  if (isPopoverMenuItemPropsArray(menu)) {
-    // menu is PopoverMenuItemProps[]
-    content = menu.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopoverMenuItem.default, {
-      item: item
-    }, item.text));
-  } else {
-    // menu is ReactNode
-    content = menu;
-  }
-  const popoverMenuContext = (0, _react.useMemo)(() => ({
-    setShowPopper
-  }), []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)("fwe-popover-menu", props.className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PopoverMenuContext.default.Provider, {
-      value: popoverMenuContext,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
-        popoverContent: content,
-        position: "right",
-        open: showPopper,
-        onStatusChange: setShowPopper,
-        ...props,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          "data-testid": "fwe-popover-menu-button",
-          className: "fwe-popover-menu-button",
-          children: props.children
-        })
-      })
-    })
-  });
-}
-var _default = exports.default = PopoverMenu;

package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-const PopoverMenuContext = /*#__PURE__*/(0, _react.createContext)({
-  setShowPopper: () => {}
-});
-var _default = exports.default = PopoverMenuContext;

package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _IconWrapper = _interopRequireDefault(require("../../icon-wrapper/IconWrapper.js"));
-var _PopoverMenuContext = _interopRequireDefault(require("../popover-menu/PopoverMenuContext.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function PopoverMenuItem(_ref) {
-  let {
-    item
-  } = _ref;
-  // get context to close the popover menu
-  const {
-    setShowPopper
-  } = (0, _react.useContext)(_PopoverMenuContext.default);
-  function handleClick(e) {
-    // prevent event propagation
-    e?.stopPropagation();
-    e?.preventDefault();
-
-    // close the popover menu
-    if (setShowPopper) {
-      setShowPopper(false);
-    }
-    if (item.action) {
-      item.action(item.data);
-    }
-  }
-  if (!item) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-    type: "button",
-    className: "fwe-btn-unstyled fr-popover-item",
-    onClick: e => handleClick(e),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconWrapper.default, {
-      icon: item.icon
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "fwe-mr-xxs",
-      children: item.text
-    })]
-  });
-}
-var _default = exports.default = PopoverMenuItem;

package/node/lib/components/popovers/tooltip/Tooltip.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Popover = _interopRequireDefault(require("../popover/Popover.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Tooltip(_ref) {
-  let {
-    title,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popover.default, {
-    position: "bottom",
-    popoverContent: title,
-    openOnHover: true,
-    ...props,
-    children: props.children
-  });
-}
-var _default = exports.default = Tooltip;

package/node/lib/components/progress/Progress.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classnames = _interopRequireDefault(require("classnames"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function Progress(_ref) {
-  let {
-    background = "white",
-    error = false,
-    progress,
-    className
-  } = _ref;
-  const classes = (0, _classnames.default)("fwe-progress-bar", {
-    "fwe-bg-red": error
-  }, {
-    "fwe-progress-bar-black": background === "black"
-  }, {
-    "fwe-progress-bar-background": background === "background"
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames.default)("fwe-progress", className),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: classes,
-      role: "progressbar",
-      style: {
-        width: `${progress}%`
-      },
-      "aria-valuenow": progress,
-      "aria-valuemin": 0,
-      "aria-valuemax": 100,
-      "aria-label": "progressbar"
-    })
-  });
-}
-var _default = exports.default = Progress;

package/node/lib/components/scroll-area/ScrollArea.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ScrollArea;
-var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ScrollArea(_ref) {
-  let {
-    children,
-    scrollbarMinSize = 25,
-    ...props
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simplebarReact.default, {
-    ...props,
-    scrollbarMinSize: scrollbarMinSize,
-    children: children
-  });
-}

package/node/lib/components/search-input/ClearButton.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ClearButton;
-var _jsxRuntime = require("react/jsx-runtime");
-function ClearButton(props) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    role: "button",
-    tabIndex: -1,
-    className: "fwe-clear-icon",
-    "aria-label": "Clear",
-    ...props
-  });
-}

package/node/lib/components/search-input/SearchInput.js

@@ -1,84 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _useSearchInput = _interopRequireDefault(require("./useSearchInput.js"));
-var _useOnClickOutside = _interopRequireDefault(require("../../helper/useOnClickOutside.js"));
-var _ClearButton = _interopRequireDefault(require("./ClearButton.js"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function SearchInput(_ref) {
-  let {
-    defaultValue,
-    disabled,
-    label,
-    value,
-    suggestions,
-    onChange,
-    onSearch,
-    onKeyboardNavigate,
-    className
-  } = _ref;
-  const inputRef = (0, _react.useRef)(null);
-  const containerRef = (0, _react.useRef)(null);
-  const cappedSuggestions = suggestions?.slice(0, 10) ?? [];
-  const {
-    handleFocus,
-    handleInput,
-    handleClearQuery,
-    handleSuggestionClick,
-    handleOutsideClick,
-    handleKeyDown,
-    hideSuggestionList,
-    selectedSuggestionIndex,
-    innerValue
-  } = (0, _useSearchInput.default)(inputRef, cappedSuggestions, value, defaultValue, onChange, onSearch, onKeyboardNavigate);
-  (0, _useOnClickOutside.default)(containerRef, handleOutsideClick);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames.default)("fwe-search-input", className),
-    ref: containerRef,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      ref: inputRef,
-      disabled: disabled,
-      placeholder: label,
-      onFocus: handleFocus,
-      type: "search",
-      "aria-label": "Search",
-      onInput: handleInput,
-      onKeyDown: handleKeyDown,
-      value: innerValue
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fwe-search-icon"
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClearButton.default, {
-      onClick: handleClearQuery
-    }), Boolean(suggestions?.length) && !hideSuggestionList && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fwe-search-suggestions",
-      children: [cappedSuggestions.map((suggestion, i) =>
-      /*#__PURE__*/
-      // key event is handled via parent
-      // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-      (0, _jsxRuntime.jsx)("div", {
-        role: "option",
-        tabIndex: -1,
-        "aria-label": suggestion.value,
-        "aria-selected": selectedSuggestionIndex === i,
-        onClick: () => handleSuggestionClick(suggestion),
-        className: `fwe-search-suggestion ${selectedSuggestionIndex === i ? "fwe-selected" : ""}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          // eslint-disable-next-line react/no-danger
-          dangerouslySetInnerHTML: {
-            __html: suggestion.template
-          }
-        })
-      }, suggestion.value)), suggestions && suggestions.length > 10 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fwe-ml-xxs",
-        children: "..."
-      })]
-    })]
-  });
-}
-var _default = exports.default = SearchInput;

package/node/lib/components/search-input/SearchSuggestion.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-class SearchSuggestion {
-  /**
-   * a html-string. e.g.: '<b> hello </b>'
-   */
-
-  /**
-   * This Value will be used as new query when the user selects the suggestion.
-   */
-
-  /**
-   * Creates a basic Suggestion from a string. The first query match is highlighted by bold tags.
-   * @param suggestionString The suggested string (should contain the whole query)
-   * @param query The current query. This string will be highlighted.
-   * @returns a html-string.
-   */
-  static basicSuggestion(suggestionString, query) {
-    const i = suggestionString.toLocaleLowerCase().indexOf(query.toLocaleLowerCase());
-    let template = suggestionString;
-    if (i !== -1) {
-      const boldStart = i;
-      const boldEnd = i + query.length;
-      const part1 = suggestionString.substring(0, boldStart);
-      const part2 = suggestionString.substring(boldStart, boldEnd);
-      const part3 = suggestionString.substring(boldEnd, suggestionString.length);
-      template = `${part1}<strong>${part2}</strong>${part3}`;
-    }
-    return {
-      value: suggestionString,
-      template
-    };
-  }
-}
-exports.default = SearchSuggestion;