@itwin/tree-widget-react 0.10.0 → 1.0.0-dev.0

package/lib/cjs/components/search-bar/SearchBar.js

@@ -1,86 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBar = exports.Alignment = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const SearchBox_1 = require("./SearchBox");
-require("./SearchBar.scss");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-var Alignment;
-(function (Alignment) {
-    Alignment[Alignment["Left"] = 0] = "Left";
-    Alignment[Alignment["Right"] = 1] = "Right";
-})(Alignment = exports.Alignment || (exports.Alignment = {}));
-/** SearchBox with expanding search box capability */
-class SearchBar extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._searchBox = React.createRef();
-        this._onToggleSearch = (_event) => {
-            const showSearch = !this.state.showSearch;
-            this.setState({ showSearch }, () => {
-                if (showSearch && this._searchBox.current)
-                    setTimeout(() => {
-                        if (this._searchBox.current)
-                            this._searchBox.current.focus();
-                    }, 100); // timeout allows the search bar animation to complete!
-            });
-        };
-        this.state = { showSearch: props.showSearch, showDropdown: false };
-    }
-    async componentDidUpdate(prevProps) {
-        if (prevProps.value !== this.props.value) {
-        }
-    }
-    render() {
-        const { value, alignment, valueChangedDelay, placeholder, enableGrouping, title, } = this.props;
-        const { showSearch } = this.state;
-        const classes = (0, classnames_1.default)("tree-widget-search-bar", this.props.className);
-        const searchBoxClassName = (0, classnames_1.default)("search-bar-search-box", showSearch && "show");
-        const searchIconClassName = (0, classnames_1.default)("search-bar-search-icon", showSearch ? "hide" : "show");
-        const contentClassName = (0, classnames_1.default)("search-bar-button-container", showSearch && "contracted", alignment === Alignment.Right && "right");
-        return (React.createElement("div", { className: classes },
-            enableGrouping && React.createElement("div", { className: contentClassName },
-                React.createElement(itwinui_react_1.ButtonGroup, { overflowButton: (overflowStart) => (React.createElement(itwinui_react_1.DropdownMenu, { menuItems: () => React.Children.toArray(this.props.children)
-                            .slice(overflowStart === 0 ? 0 : overflowStart - 1)
-                            .map((btn, index) => React.createElement(itwinui_react_1.MenuItem, { key: index, className: "search-bar-dropdown-menu-item" }, btn)), className: "search-bar-dropdown-container" },
-                        React.createElement(itwinui_react_1.IconButton, { styleType: "borderless", size: "small" },
-                            React.createElement(itwinui_icons_react_1.SvgMore, null)))) }, this.props.children)),
-            showSearch ? (React.createElement("div", { className: "search-bar-search-container" },
-                React.createElement(SearchBox_1.SearchBox, { ref: this._searchBox, className: searchBoxClassName, searchText: value, valueChangedDelay: valueChangedDelay, placeholder: placeholder, onClear: this.props.onFilterClear, onFilterStart: this.props.onFilterStart, resultCount: this.props.resultCount, onIconClick: this._onToggleSearch, onSelectedChanged: this.props.onSelectedChanged }))) : (React.createElement(itwinui_react_1.IconButton, { className: searchIconClassName, onClick: this._onToggleSearch, title: title, styleType: "borderless", size: "small" },
-                React.createElement(itwinui_icons_react_1.SvgSearch, null)))));
-    }
-}
-exports.SearchBar = SearchBar;
-SearchBar.defaultProps = {
-    alignment: Alignment.Right,
-    enableGrouping: true,
-};
-//# sourceMappingURL=SearchBar.js.map

package/lib/cjs/components/search-bar/SearchBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../../src/components/search-bar/SearchBar.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SearchBox } from \"./SearchBox\";\nimport \"./SearchBar.scss\";\nimport {\n  ButtonGroup,\n  DropdownMenu,\n  IconButton,\n  MenuItem,\n} from \"@itwin/itwinui-react\";\nimport { SvgMore, SvgSearch } from \"@itwin/itwinui-icons-react\";\n\nexport enum Alignment {\n  Left = 0,\n  Right = 1,\n}\n\nexport interface SearchBarProps extends CommonProps {\n  /** value to set SearchBox */\n  value?: string;\n  /** Enable or disable dropdown functionality. If disabled, searchbox simply expands without displaying the group button */\n  enableGrouping: boolean;\n  /** show the search box in the open (expanded) state */\n  showSearch?: boolean;\n  /** alignment content to the left or right of the search bar */\n  alignment?: Alignment;\n  /** searchbox frequency to poll for changes in value (milliseconds) */\n  valueChangedDelay?: number;\n  /** searchbox placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** title (tooltip) */\n  title?: string;\n  /** Tells the component if parent component is still handling the filtering */\n  filteringInProgress?: boolean;\n  /** Filtering is cleared after everything's loaded */\n  onFilterStart: (newFilter: string) => void;\n  /** Filtering is cleared after everything's loaded */\n  onFilterClear?: () => void;\n  /** Total number of results/entries */\n  resultCount: number;\n  /** Callback to currently selected result/entry change */\n  onSelectedChanged: (index: number) => void;\n}\n\ninterface SearchBarState {\n  showSearch: boolean;\n  showDropdown: boolean;\n}\n\n/** SearchBox with expanding search box capability */\nexport class SearchBar extends React.PureComponent<\nSearchBarProps,\nSearchBarState\n> {\n  private _searchBox = React.createRef<SearchBox>();\n\n  public static defaultProps: Partial<SearchBarProps> = {\n    alignment: Alignment.Right,\n    enableGrouping: true,\n  };\n\n  constructor(props: any) {\n    super(props);\n\n    this.state = { showSearch: props.showSearch, showDropdown: false };\n  }\n\n  public async componentDidUpdate(prevProps: SearchBarProps) {\n    if (prevProps.value !== this.props.value) {\n    }\n  }\n\n  private _onToggleSearch = (\n    _event?: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    const showSearch = !this.state.showSearch;\n    this.setState({ showSearch }, () => {\n      if (showSearch && this._searchBox.current)\n        setTimeout(() => {\n          if (this._searchBox.current) this._searchBox.current.focus();\n        }, 100); // timeout allows the search bar animation to complete!\n    });\n  };\n\n  public render() {\n    const {\n      value,\n      alignment,\n      valueChangedDelay,\n      placeholder,\n      enableGrouping,\n      title,\n    } = this.props;\n    const { showSearch } = this.state;\n\n    const classes = classnames(\"tree-widget-search-bar\", this.props.className);\n    const searchBoxClassName = classnames(\n      \"search-bar-search-box\",\n      showSearch && \"show\"\n    );\n    const searchIconClassName = classnames(\n      \"search-bar-search-icon\",\n      showSearch ? \"hide\" : \"show\"\n    );\n    const contentClassName = classnames(\n      \"search-bar-button-container\",\n      showSearch && \"contracted\",\n      alignment === Alignment.Right && \"right\"\n    );\n\n    return (\n      <div className={classes}>\n        {enableGrouping && <div className={contentClassName}>\n          <ButtonGroup\n            overflowButton={(overflowStart) => (\n              <DropdownMenu\n                menuItems={() =>\n                  React.Children.toArray(this.props.children)\n                    .slice(overflowStart === 0 ? 0 : overflowStart - 1)\n                    .map((btn, index) => <MenuItem key={index} className=\"search-bar-dropdown-menu-item\">{btn}</MenuItem>)\n                }\n                className=\"search-bar-dropdown-container\"\n              >\n                <IconButton styleType=\"borderless\" size=\"small\">\n                  <SvgMore />\n                </IconButton>\n              </DropdownMenu>\n            )}\n          >\n            {this.props.children}\n          </ButtonGroup>\n        </div>}\n        {showSearch ? (\n          <div className=\"search-bar-search-container\">\n            <SearchBox\n              ref={this._searchBox}\n              className={searchBoxClassName}\n              searchText={value}\n              valueChangedDelay={valueChangedDelay}\n              placeholder={placeholder}\n              onClear={this.props.onFilterClear}\n              onFilterStart={this.props.onFilterStart}\n              resultCount={this.props.resultCount}\n              onIconClick={this._onToggleSearch}\n              onSelectedChanged={this.props.onSelectedChanged}\n            />\n          </div>\n        ) : (\n          <IconButton\n            className={searchIconClassName}\n            onClick={this._onToggleSearch}\n            title={title}\n            styleType=\"borderless\"\n            size=\"small\"\n          >\n            <SvgSearch />\n          </IconButton>\n        )}\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/components/search-bar/SearchBar.scss

@@ -1,118 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-// Buttons dropdown container
-.search-bar-dropdown-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  margin-top: calc(var(--iui-size-2xs) + var(--iui-size-3xs));
-
-  .search-bar-dropdown-menu-item {
-    width: 100%;
-    padding: 0;
-
-    >.iui-content {
-      height: calc(var(--iui-size-xl) + var(--iui-size-2xs));
-
-      >.iui-menu-label {
-        height: 100%;
-
-        >.iui-button {
-          width: 100%;
-          height: 100%;
-        }
-      }
-    }
-  }
-
-  .search-bar-dropdown-menu-item:hover {
-    background-color: transparent;
-    cursor: default;
-  }
-}
-
-.tree-widget-header-tree-toolbar-icon {
-  border: 0;
-  padding: 0 calc(var(--iui-size-2xs) + var(--iui-size-3xs));
-}
-
-.tree-widget-search-bar {
-  display: flex;
-  align-items: center;
-  position: relative;
-
-  // button container
-  .search-bar-button-container {
-    display: flex;
-    align-items: center;
-    width: calc(100% - var(--iui-size-l));
-
-    &.right {
-      justify-content: flex-end;
-    }
-
-    &.contracted {
-      width: var(--iui-size-xl);
-    }
-  }
-
-  // override of the search box styling
-  .search-bar-search-icon {
-    opacity: 0;
-    transition: all 0.2s ease;
-    color: var(--iui-color-text);
-    height: var(--iui-size-xl);
-
-    &.show {
-      opacity: 1;
-    }
-  }
-
-  // search box container
-  .search-bar-search-container {
-    flex: 1;
-    height: 100%;
-
-    .search-bar-search-box {
-      height: var(--iui-size-xl);
-      float: right;
-      margin-right: 0;
-      box-sizing: border-box;
-      width: 0px;
-      visibility: hidden;
-      opacity: 0;
-      overflow: hidden;
-      transition: all 0.25s ease;
-
-      &.show {
-        visibility: visible;
-        opacity: 1;
-        width: 100%;
-      }
-    }
-  }
-}
-
-@keyframes show {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes hide {
-  0% {
-    opacity: 1;
-    visibility: visible;
-  }
-
-  100% {
-    opacity: 0;
-    visibility: hidden;
-  }
-}

package/lib/cjs/components/search-bar/SearchBox.d.ts

@@ -1,70 +0,0 @@
-/** @module SearchBox */
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import "./SearchBox.scss";
-export interface SearchBoxProps extends CommonProps {
-    /** value to set SearchBox */
-    searchText?: string;
-    /** placeholder value to show in gray before anything is entered in */
-    placeholder?: string;
-    /** frequency to poll for changes in value */
-    valueChangedDelay?: number;
-    /** listens for <Enter> keypress */
-    onEnterPressed?: () => void;
-    /** listens for <Esc> keypress */
-    onEscPressed?: () => void;
-    /** listens for onClick event for Clear (x) icon */
-    onClear?: () => void;
-    /** Search or clear icon click */
-    onIconClick?: () => void;
-    /** Filtering is cleared after everything's loaded */
-    onFilterStart: (newFilter: string) => void;
-    /** Tells the component if parent component is still handling the filtering */
-    filteringInProgress?: boolean;
-    /** Total number of results/entries */
-    resultCount: number;
-    /** Callback to currently selected result/entry change */
-    onSelectedChanged: (index: number) => void;
-}
-/**
- * Enumeration of possible component contexts
- * @internal
- */
-export declare enum InputContext {
-    /** Component is ready to filter */
-    ReadyToFilter = 0,
-    /** Component's parent is currently filtering */
-    FilteringInProgress = 1,
-    /** Component's parent has finished filtering */
-    FilteringFinished = 2,
-    /** Component's parent has finished filtering, but ResultSelector(stepping through results) is not enabled */
-    FilteringFinishedWithNoStepping = 3
-}
-interface SearchBoxState {
-    searchText?: string;
-    /** @internal */
-    context: InputContext;
-    /** Currently selected index */
-    selectedIndex: number;
-}
-export declare class SearchBox extends React.PureComponent<SearchBoxProps, SearchBoxState> {
-    private _inputElement;
-    private _timeoutId;
-    constructor(props: SearchBoxProps);
-    focus(): void;
-    private _trackChange;
-    private _handleKeyDown;
-    private _handleIconClick;
-    private _unsetTimeout;
-    componentDidUpdate(prevProps: SearchBoxProps): Promise<void>;
-    componentWillUnmount(): void;
-    /** @internal */
-    static getDerivedStateFromProps(props: SearchBoxProps, state: SearchBoxState): {
-        context: InputContext;
-    } | null;
-    private _onPrevClick;
-    private _onNextClick;
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=SearchBox.d.ts.map

package/lib/cjs/components/search-bar/SearchBox.js

@@ -1,186 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @module SearchBox */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchBox = exports.InputContext = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-require("./SearchBox.scss");
-const TreeWidget_1 = require("../../TreeWidget");
-/**
- * Enumeration of possible component contexts
- * @internal
- */
-var InputContext;
-(function (InputContext) {
-    /** Component is ready to filter */
-    InputContext[InputContext["ReadyToFilter"] = 0] = "ReadyToFilter";
-    /** Component's parent is currently filtering */
-    InputContext[InputContext["FilteringInProgress"] = 1] = "FilteringInProgress";
-    /** Component's parent has finished filtering */
-    InputContext[InputContext["FilteringFinished"] = 2] = "FilteringFinished";
-    /** Component's parent has finished filtering, but ResultSelector(stepping through results) is not enabled */
-    InputContext[InputContext["FilteringFinishedWithNoStepping"] = 3] = "FilteringFinishedWithNoStepping";
-})(InputContext = exports.InputContext || (exports.InputContext = {}));
-class SearchBox extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        this._inputElement = null;
-        this._timeoutId = 0;
-        this._trackChange = (_event) => {
-            let searchText = "";
-            // istanbul ignore else
-            if (this._inputElement)
-                searchText = this._inputElement.value;
-            this.setState((_prevState) => {
-                return { searchText };
-            }, () => {
-                if (this.props.valueChangedDelay) {
-                    this._unsetTimeout();
-                    this._timeoutId = window.setTimeout(() => {
-                        this.setState({
-                            context: InputContext.ReadyToFilter,
-                            selectedIndex: 0,
-                        });
-                        this.props.onSelectedChanged(0);
-                        this.props.onFilterStart(this.state.searchText);
-                    }, this.props.valueChangedDelay);
-                }
-                else {
-                    this.setState({ context: InputContext.ReadyToFilter });
-                    this.props.onFilterStart(this.state.searchText);
-                }
-            });
-        };
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case "Escape":
-                    // istanbul ignore else
-                    if (this.props.onEscPressed)
-                        this.props.onEscPressed();
-                    break;
-                case "Enter":
-                    // istanbul ignore else
-                    if (this.props.onEnterPressed)
-                        this.props.onEnterPressed();
-                    break;
-            }
-        };
-        this._handleIconClick = () => {
-            // istanbul ignore else
-            if (this._inputElement) {
-                const clear = this.state.searchText !== "";
-                this._inputElement.value = "";
-                // istanbul ignore else
-                if (clear && this.props.onClear)
-                    this.props.onClear();
-                this._inputElement.focus();
-            }
-            this._trackChange();
-            if (this.props.onIconClick)
-                this.props.onIconClick();
-        };
-        this._unsetTimeout = () => {
-            if (this._timeoutId) {
-                window.clearTimeout(this._timeoutId);
-                this._timeoutId = 0;
-            }
-        };
-        this._onPrevClick = () => {
-            if (this.state.selectedIndex > 1) {
-                this.props.onSelectedChanged(this.state.selectedIndex - 1);
-                this.setState((state) => ({ selectedIndex: state.selectedIndex - 1 }));
-            }
-        };
-        this._onNextClick = () => {
-            if (this.state.selectedIndex < this.props.resultCount) {
-                this.props.onSelectedChanged(this.state.selectedIndex + 1);
-                this.setState((state) => ({ selectedIndex: state.selectedIndex + 1 }));
-            }
-        };
-        this.state = {
-            searchText: this.props.searchText,
-            context: InputContext.ReadyToFilter,
-            selectedIndex: 0,
-        };
-    }
-    focus() {
-        // istanbul ignore else
-        if (this._inputElement) {
-            this._inputElement.focus();
-        }
-    }
-    async componentDidUpdate(prevProps) {
-        if (prevProps.searchText !== this.props.searchText) {
-            const searchText = this.props.searchText;
-            this.setState({ searchText });
-        }
-        this.focus();
-    }
-    componentWillUnmount() {
-        this._unsetTimeout();
-    }
-    /** @internal */
-    static getDerivedStateFromProps(props, state) {
-        if (state.context === InputContext.FilteringInProgress &&
-            !props.filteringInProgress) {
-            if (state.searchText)
-                return { context: InputContext.FilteringFinished };
-            else
-                return { context: InputContext.FilteringFinishedWithNoStepping };
-        }
-        else if (state.context === InputContext.ReadyToFilter &&
-            props.filteringInProgress) {
-            return { context: InputContext.FilteringInProgress };
-        }
-        return null;
-    }
-    render() {
-        const { className, style, resultCount, placeholder, } = this.props;
-        const { searchText, selectedIndex } = this.state;
-        const searchClassName = (0, classnames_1.default)("tree-widget-searchbox", className);
-        const showCount = resultCount > 0;
-        return (React.createElement("div", { className: searchClassName, style: style },
-            React.createElement("input", { value: searchText, ref: (el) => {
-                    this._inputElement = el;
-                }, onChange: this._trackChange, onKeyDown: this._handleKeyDown, onPaste: this._trackChange, onCut: this._trackChange, placeholder: placeholder ? placeholder : TreeWidget_1.TreeWidget.translate("searchbox.search") }),
-            React.createElement("div", { className: "searchbox-stepping-container" },
-                showCount && (React.createElement("span", { className: "searchbox-stepping-count" }, `${selectedIndex}/${resultCount}`)),
-                React.createElement("div", { className: "searchbox-separator" }),
-                React.createElement(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", onClick: this._onPrevClick, title: "Previous" },
-                    React.createElement(itwinui_icons_react_1.SvgChevronUp, null)),
-                React.createElement(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", onClick: this._onNextClick, title: "Next" },
-                    React.createElement(itwinui_icons_react_1.SvgChevronDown, null))),
-            React.createElement(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", onClick: this._handleIconClick, onKeyDown: this._handleIconClick },
-                React.createElement(itwinui_icons_react_1.SvgCloseSmall, null))));
-    }
-}
-exports.SearchBox = SearchBox;
-//# sourceMappingURL=SearchBox.js.map

package/lib/cjs/components/search-bar/SearchBox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../src/components/search-bar/SearchBox.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @module SearchBox */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { SvgChevronDown, SvgChevronUp, SvgCloseSmall } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport \"./SearchBox.scss\";\nimport { TreeWidget } from \"../../TreeWidget\";\n\nexport interface SearchBoxProps extends CommonProps {\n  /** value to set SearchBox */\n  searchText?: string;\n  /** placeholder value to show in gray before anything is entered in */\n  placeholder?: string;\n  /** frequency to poll for changes in value */\n  valueChangedDelay?: number;\n  /** listens for <Enter> keypress */\n  onEnterPressed?: () => void;\n  /** listens for <Esc> keypress */\n  onEscPressed?: () => void;\n  /** listens for onClick event for Clear (x) icon */\n  onClear?: () => void;\n  /** Search or clear icon click */\n  onIconClick?: () => void;\n  /** Filtering is cleared after everything's loaded */\n  onFilterStart: (newFilter: string) => void;\n  /** Tells the component if parent component is still handling the filtering */\n  filteringInProgress?: boolean;\n  /** Total number of results/entries */\n  resultCount: number;\n  /** Callback to currently selected result/entry change */\n  onSelectedChanged: (index: number) => void;\n}\n\n/**\n * Enumeration of possible component contexts\n * @internal\n */\nexport enum InputContext {\n  /** Component is ready to filter */\n  ReadyToFilter,\n  /** Component's parent is currently filtering */\n  FilteringInProgress,\n  /** Component's parent has finished filtering */\n  FilteringFinished,\n  /** Component's parent has finished filtering, but ResultSelector(stepping through results) is not enabled */\n  FilteringFinishedWithNoStepping,\n}\n\ninterface SearchBoxState {\n  searchText?: string;\n  /** @internal */\n  context: InputContext;\n  /** Currently selected index */\n  selectedIndex: number;\n}\n\nexport class SearchBox extends React.PureComponent<\nSearchBoxProps,\nSearchBoxState\n> {\n  private _inputElement: HTMLInputElement | null = null;\n  private _timeoutId: number = 0;\n\n  constructor(props: SearchBoxProps) {\n    super(props);\n\n    this.state = {\n      searchText: this.props.searchText,\n      context: InputContext.ReadyToFilter,\n      selectedIndex: 0,\n    };\n  }\n\n  public focus() {\n    // istanbul ignore else\n    if (this._inputElement) {\n      this._inputElement.focus();\n    }\n  }\n\n  private _trackChange = (_event?: any): void => {\n    let searchText = \"\";\n\n    // istanbul ignore else\n    if (this._inputElement) searchText = this._inputElement.value;\n\n    this.setState(\n      (_prevState) => {\n        return { searchText };\n      },\n      () => {\n        if (this.props.valueChangedDelay) {\n          this._unsetTimeout();\n          this._timeoutId = window.setTimeout(() => {\n            this.setState({\n              context: InputContext.ReadyToFilter,\n              selectedIndex: 0,\n            });\n            this.props.onSelectedChanged(0);\n            this.props.onFilterStart(this.state.searchText!);\n          }, this.props.valueChangedDelay);\n        } else {\n          this.setState({ context: InputContext.ReadyToFilter });\n          this.props.onFilterStart(this.state.searchText!);\n        }\n      }\n    );\n  };\n\n  private _handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    switch (e.key) {\n      case \"Escape\":\n        // istanbul ignore else\n        if (this.props.onEscPressed) this.props.onEscPressed();\n        break;\n      case \"Enter\":\n        // istanbul ignore else\n        if (this.props.onEnterPressed) this.props.onEnterPressed();\n        break;\n    }\n  };\n\n  private _handleIconClick = (): void => {\n    // istanbul ignore else\n    if (this._inputElement) {\n      const clear = this.state.searchText !== \"\";\n      this._inputElement.value = \"\";\n      // istanbul ignore else\n      if (clear && this.props.onClear) this.props.onClear();\n      this._inputElement.focus();\n    }\n    this._trackChange();\n    if (this.props.onIconClick) this.props.onIconClick();\n  };\n\n  private _unsetTimeout = (): void => {\n    if (this._timeoutId) {\n      window.clearTimeout(this._timeoutId);\n      this._timeoutId = 0;\n    }\n  };\n\n  public async componentDidUpdate(prevProps: SearchBoxProps) {\n    if (prevProps.searchText !== this.props.searchText) {\n      const searchText = this.props.searchText;\n      this.setState({ searchText });\n    }\n\n    this.focus();\n  }\n\n  public componentWillUnmount() {\n    this._unsetTimeout();\n  }\n\n  /** @internal */\n  public static getDerivedStateFromProps(\n    props: SearchBoxProps,\n    state: SearchBoxState\n  ) {\n    if (\n      state.context === InputContext.FilteringInProgress &&\n      !props.filteringInProgress\n    ) {\n      if (state.searchText) return { context: InputContext.FilteringFinished };\n      else return { context: InputContext.FilteringFinishedWithNoStepping };\n    } else if (\n      state.context === InputContext.ReadyToFilter &&\n      props.filteringInProgress\n    ) {\n      return { context: InputContext.FilteringInProgress };\n    }\n    return null;\n  }\n\n  private _onPrevClick = () => {\n    if (this.state.selectedIndex > 1) {\n      this.props.onSelectedChanged(this.state.selectedIndex - 1);\n      this.setState((state) => ({ selectedIndex: state.selectedIndex - 1 }));\n    }\n  };\n\n  private _onNextClick = () => {\n    if (this.state.selectedIndex < this.props.resultCount) {\n      this.props.onSelectedChanged(this.state.selectedIndex + 1);\n      this.setState((state) => ({ selectedIndex: state.selectedIndex + 1 }));\n    }\n  };\n\n  public render() {\n    const {\n      className,\n      style,\n      resultCount,\n      placeholder,\n    } = this.props;\n    const { searchText, selectedIndex } = this.state;\n    const searchClassName = classnames(\"tree-widget-searchbox\", className);\n    const showCount = resultCount > 0;\n\n    return (\n      <div className={searchClassName} style={style}>\n        <input\n          value={searchText}\n          ref={(el) => {\n            this._inputElement = el;\n          }}\n          onChange={this._trackChange}\n          onKeyDown={this._handleKeyDown}\n          onPaste={this._trackChange}\n          onCut={this._trackChange}\n          placeholder={\n            placeholder ? placeholder : TreeWidget.translate(\"searchbox.search\")\n          }\n        />\n        <div className=\"searchbox-stepping-container\">\n          {showCount && (\n            <span className=\"searchbox-stepping-count\">{`${selectedIndex}/${resultCount}`}</span>\n          )}\n          <div className=\"searchbox-separator\" />\n          <IconButton\n            size=\"small\"\n            styleType=\"borderless\"\n            onClick={this._onPrevClick}\n            title=\"Previous\"\n          >\n            <SvgChevronUp />\n          </IconButton>\n          <IconButton\n            size=\"small\"\n            styleType=\"borderless\"\n            onClick={this._onNextClick}\n            title=\"Next\"\n          >\n            <SvgChevronDown />\n          </IconButton>\n        </div>\n        <IconButton\n          size=\"small\"\n          styleType=\"borderless\"\n          onClick={this._handleIconClick}\n          onKeyDown={this._handleIconClick}\n        >\n          <SvgCloseSmall />\n        </IconButton>\n      </div>\n    );\n  }\n}\n"]}

package/lib/cjs/components/search-bar/SearchBox.scss

@@ -1,70 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.tree-widget-searchbox {
-  font-family: var(--iui-font-sans);
-  display: flex;
-  align-items: center;
-  position: relative;
-  //default values (height, width, font-size, color)
-  height: calc(var(--iui-size-xl) + var(--iui-size-3xs));
-  width: 12em;
-  font-size: calc(var(--iui-size-s) + var(--iui-size-3xs));
-  color: var(--iui-color-background-hsl) / var(--iui-opacity-2);
-  background: var(--iui-color-background);
-  border: 1px solid hsl(var(--iui-color-foreground-hsl) / var(--iui-opacity-4));
-
-  input {
-    padding: 0 var(--iui-size-xs);
-    height: 100%;
-    width: 100%;
-    flex: 1;
-    background: var(--iui-color-background);
-    margin-right: var(--iui-size-xs);
-    color: var(--iui-color-text);
-    font-size: inherit;
-    box-sizing: border-box;
-    border: 0;
-
-    &::placeholder {
-      color: var(--iui-color-text-disabled);
-    }
-
-    &:focus-within,
-    &:focus,
-    &:active,
-    &[disabled],
-    &[disabled]:hover,
-    &[disabled]:active,
-    &[disabled]:focus {
-      border: 0;
-      outline: none;
-      outline-width: 0;
-      box-shadow: none;
-    }
-  }
-
-  .searchbox-stepping-container {
-    display: flex;
-    align-items: center;
-    right: var(--iui-size-xl);
-    height: 100%;
-
-    .searchbox-stepping-count {
-      font-size: var(--iui-size-s);
-      color: var(--iui-color-text);
-      margin-right: var(--iui-size-2xs);
-      position: relative;
-      word-wrap: none;
-    }
-
-    .searchbox-separator {
-      height: 75%;
-      width: 1px;
-      margin: 0 var(--iui-size-xs);
-      background: hsl(var(--iui-color-foreground-hsl) / var(--iui-opacity-4));
-    }
-  }
-}

package/lib/cjs/components/trees/IModelContentTree.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { IModelContentTreeProps } from "../../types";
-export declare const IModelContentTree: (props: IModelContentTreeProps) => JSX.Element;
-//# sourceMappingURL=IModelContentTree.d.ts.map

package/lib/cjs/components/trees/IModelContentTree.js

@@ -1,50 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IModelContentTree = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const react_1 = __importStar(require("react"));
-const presentation_components_1 = require("@itwin/presentation-components");
-const components_react_1 = require("@itwin/components-react");
-const IModelContent_json_1 = __importDefault(require("../rulesets/IModelContent.json"));
-const AutoSizer_1 = require("../utils/AutoSizer");
-const classnames_1 = __importDefault(require("classnames"));
-const IModelContentTree = (props) => {
-    const { iModel, className, ...divProps } = props;
-    const { nodeLoader } = (0, presentation_components_1.usePresentationTreeNodeLoader)({
-        imodel: iModel,
-        ruleset: IModelContent_json_1.default,
-        pagingSize: 20,
-        appendChildrenCountForGroupingNodes: true,
-    });
-    const eventHandler = (0, components_react_1.useTreeEventsHandler)((0, react_1.useMemo)(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));
-    const treeModel = (0, components_react_1.useTreeModel)(nodeLoader.modelSource);
-    return (react_1.default.createElement(AutoSizer_1.AutoSizer, null, ({ width, height }) => (react_1.default.createElement("div", { ...divProps, className: (0, classnames_1.default)("imodel-content-tree", className) },
-        react_1.default.createElement(components_react_1.ControlledTree, { width: width, height: height, nodeLoader: nodeLoader, selectionMode: components_react_1.SelectionMode.None, eventsHandler: eventHandler, model: treeModel, iconsEnabled: true })))));
-};
-exports.IModelContentTree = IModelContentTree;
-//# sourceMappingURL=IModelContentTree.js.map

package/lib/cjs/components/trees/IModelContentTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IModelContentTree.js","sourceRoot":"","sources":["../../../../src/components/trees/IModelContentTree.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,+CAAuC;AAEvC,4EAA+E;AAC/E,8DAA4G;AAC5G,wFAAoE;AACpE,kDAA+C;AAC/C,4DAAoC;AAG7B,MAAM,iBAAiB,GAAG,CAAC,KAA6B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,uDAA6B,EAAC;QACnD,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,4BAAiC;QAC1C,UAAU,EAAE,EAAE;QACd,mCAAmC,EAAE,IAAI;KAC1C,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,IAAA,uCAAoB,EAAC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC,WAAW,EAAE,gCAAgC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IAEtK,MAAM,SAAS,GAAG,IAAA,+BAAY,EAAC,UAAU,CAAC,WAAW,CAAC,CAAC;IAEvD,OAAO,CACL,8BAAC,qBAAS,QACP,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CACtB,0CAAS,QAAQ,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC;QACxE,8BAAC,iCAAc,IACb,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,gCAAa,CAAC,IAAI,EACjC,aAAa,EAAE,YAAY,EAC3B,KAAK,EAAE,SAAS,EAChB,YAAY,EAAE,IAAI,GAClB,CACE,CACP,CACS,CACb,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,iBAAiB,qBA8B5B","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\nimport React, { useMemo } from \"react\";\nimport type { Ruleset } from \"@itwin/presentation-common\";\nimport { usePresentationTreeNodeLoader } from \"@itwin/presentation-components\";\nimport { ControlledTree, SelectionMode, useTreeEventsHandler, useTreeModel } from \"@itwin/components-react\";\nimport IMODEL_CONTENT_RULESET from \"../rulesets/IModelContent.json\";\nimport { AutoSizer } from \"../utils/AutoSizer\";\nimport classNames from \"classnames\";\nimport type { IModelContentTreeProps } from \"../../types\";\n\nexport const IModelContentTree = (props: IModelContentTreeProps) => {\n  const { iModel, className, ...divProps } = props;\n\n  const { nodeLoader } = usePresentationTreeNodeLoader({\n    imodel: iModel,\n    ruleset: IMODEL_CONTENT_RULESET as Ruleset,\n    pagingSize: 20,\n    appendChildrenCountForGroupingNodes: true,\n  });\n  const eventHandler = useTreeEventsHandler(useMemo(() => ({ nodeLoader, modelSource: nodeLoader.modelSource, collapsedChildrenDisposalEnabled: true }), [nodeLoader]));\n\n  const treeModel = useTreeModel(nodeLoader.modelSource);\n\n  return (\n    <AutoSizer>\n      {({ width, height }) => (\n        <div {...divProps} className={classNames(\"imodel-content-tree\", className)}>\n          <ControlledTree\n            width={width}\n            height={height}\n            nodeLoader={nodeLoader}\n            selectionMode={SelectionMode.None}\n            eventsHandler={eventHandler}\n            model={treeModel}\n            iconsEnabled={true}\n          />\n        </div>\n      )}\n    </AutoSizer>\n  );\n};\n"]}