@itwin/components-react 3.6.0-dev.7 → 4.0.0-dev.2

package/lib/esm/components-react/table/TableDataProvider.d.ts

@@ -1,166 +1,10 @@
-/** @packageDocumentation
- * @module Table
- */
-import { BeEvent } from "@itwin/core-bentley";
-import { PropertyDescription, PropertyRecord } from "@itwin/appui-abstract";
-import { HorizontalAlignment, SortDirection } from "@itwin/core-react";
-import { ItemColorOverrides, ItemStyle } from "../properties/ItemStyle";
-import { CompositeFilterDescriptorCollection, DistinctValueCollection } from "./columnfiltering/ColumnFiltering";
-/** Filter Renderer for a Table column
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export declare enum FilterRenderer {
-    Numeric = 1,
-    MultiSelect = 2,
-    SingleSelect = 3,
-    Text = 4,
-    MultiValue = 5
-}
-/**
- * Column definition provided to Table.
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export interface ColumnDescription {
-    /** A unique key for this column. */
-    key: string;
-    /** Column header label */
-    label: string;
-    /** Property description for all cells in the column */
-    propertyDescription?: PropertyDescription;
-    /** Preferred initial width of the column */
-    width?: number;
-    /** Indicates whether the cells in the column are editable. Defaults to false. */
-    editable?: boolean;
-    /** Indicates whether the column is resizable. Defaults to false. */
-    resizable?: boolean;
-    /** Indicates whether the display value for the cell is treated as an icon spec. Defaults to false. */
-    icon?: boolean;
-    /** Indicates whether the column is sortable. Defaults to false. */
-    sortable?: boolean;
-    /** Specifies a secondary sort column to use when cell values are the same. */
-    secondarySortColumn?: number;
-    /** Indicates whether the column sorting ignores case. Defaults to false. */
-    sortIgnoreCase?: boolean;
-    /** Indicates whether the column is filterable. Defaults to false. */
-    filterable?: boolean;
-    /** Specifies the filter renderer for the column. */
-    filterRenderer?: FilterRenderer;
-    /** Show field filters in Multi-Value column filtering popup. Defaults to true. */
-    showFieldFilters?: boolean;
-    /** Show distinct value checkboxes in Multi-Value column filtering popup. Defaults to true. */
-    showDistinctValueFilters?: boolean;
-    /** Filtering is case-sensitive in Multi-Value column filtering popup. Defaults to false. */
-    filterCaseSensitive?: boolean;
-    /** Sort type for react-table */
-    sortType?: string;
-}
-/**
- * Cell definition provided to Table.
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export interface CellItem {
-    /** Key for the column containing the cell */
-    key: string;
-    /** Property record for the cell */
-    record?: PropertyRecord;
-    /** Indicates whether the cell is disabled */
-    isDisabled?: boolean;
-    /** Specifies the horizontal alignment of the contents of the cell */
-    alignment?: HorizontalAlignment;
-    /** Style properties for the contents of the cell */
-    style?: ItemStyle;
-    /**
-     * Property to specify how many cells were merged to create this cell.
-     * Default value is 1.
-     * @alpha
-     */
-    mergedCellsCount?: number;
-}
-/**
- * Row definition provided to Table.
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export interface RowItem {
-    /** A unique key for this row */
-    key: string;
-    /** Array of cells in the row */
-    cells: CellItem[];
-    /** Indicates whether the row is disabled */
-    isDisabled?: boolean;
-    /** Color overrides for all cells in the row */
-    colorOverrides?: ItemColorOverrides;
-    /**
-     * A key-value pairs data structure that can be used by data provider
-     * to store some custom data for this node item.
-     */
-    extendedData?: {
-        [key: string]: any;
-    };
-    /**
-     * Get the value from the cell for filtering purposes.
-     * If not specified and the value is a primitive, the recordValue.value is returned.
-     */
-    getValueFromCell?: (columnKey: string) => any;
-}
-/** An interface table data change listeners
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this type.
- * @public
- */
-export declare type TableDataChangesListener = () => void;
-/** An event broadcasted on table data changes
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
- * @public
- */
-export declare class TableDataChangeEvent extends BeEvent<TableDataChangesListener> {
-}
-/**
- * TableDataProvider provides data to the Table.
- * It also provides support for data Sorting & Filtering.
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export interface TableDataProvider {
-    /** Event emitted by the data provider when column data changes */
-    onColumnsChanged: TableDataChangeEvent;
-    /** Event emitted by the data provider when row data changes */
-    onRowsChanged: TableDataChangeEvent;
-    /** Retrieves the column descriptions */
-    getColumns(): Promise<ColumnDescription[]>;
-    /** Retrieves the row count */
-    getRowsCount(): Promise<number>;
-    /** Retrieves a specific row by index */
-    getRow(rowIndex: number, unfiltered?: boolean): Promise<RowItem>;
-    /** Sorts the rows based on the value in a specific column */
-    sort(columnIndex: number, sortDirection: SortDirection): Promise<void>;
-    /** Apply a filter descriptor collection
-     */
-    applyFilterDescriptors?: (filterDescriptors: CompositeFilterDescriptorCollection) => Promise<void>;
-    /** Gets distinct values in a column
-     */
-    getDistinctValues?: (columnKey: string, maximumValueCount?: number) => Promise<DistinctValueCollection>;
-    /** Gets property display value expression
-     * @alpha
-     */
-    getPropertyDisplayValueExpression?: (property: string) => string;
-}
-/**
- * MutableTableDataProvider provides mutation methods for data in the Table.
- * Useful for Drag & Drop processing.
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export interface MutableTableDataProvider extends TableDataProvider {
-    /** Adds a row to the end */
-    addRow(rowItem: RowItem): number;
-    /** Inserts a row at a given row index */
-    insertRow(rowItem: RowItem, index: number): number;
-    /** Deletes a row */
-    deleteRow(rowItem: RowItem): void;
-    /** Moves a row to a new row index */
-    moveRow(rowItem: RowItem, newIndex: number): number;
-}
+/** @packageDocumentation
+ * @module Table
+ */
+import { BeEvent } from "@itwin/core-bentley";
+/** An event broadcasted on table data changes
+ * @public  @deprecated
+ */
+export declare class TableDataChangeEvent extends BeEvent<() => void> {
+}
 //# sourceMappingURL=TableDataProvider.d.ts.map

package/lib/esm/components-react/table/TableDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/table/TableDataProvider.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableDataProvider.d.ts","sourceRoot":"","sources":["../../../../src/components-react/table/TableDataProvider.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,OAAO,CAAC,MAAM,IAAI,CAAC;CAAI"}

package/lib/esm/components-react/table/TableDataProvider.js

@@ -1,29 +1,14 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Table
- */
-import { BeEvent } from "@itwin/core-bentley";
-/* eslint-disable deprecation/deprecation */
-// cSpell:ignore columnfiltering
-/** Filter Renderer for a Table column
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.
- * @public
- */
-export var FilterRenderer;
-(function (FilterRenderer) {
-    FilterRenderer[FilterRenderer["Numeric"] = 1] = "Numeric";
-    FilterRenderer[FilterRenderer["MultiSelect"] = 2] = "MultiSelect";
-    FilterRenderer[FilterRenderer["SingleSelect"] = 3] = "SingleSelect";
-    FilterRenderer[FilterRenderer["Text"] = 4] = "Text";
-    FilterRenderer[FilterRenderer["MultiValue"] = 5] = "MultiValue";
-})(FilterRenderer || (FilterRenderer = {}));
-/** An event broadcasted on table data changes
- * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.
- * @public
- */
-export class TableDataChangeEvent extends BeEvent {
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Table
+ */
+import { BeEvent } from "@itwin/core-bentley";
+/** An event broadcasted on table data changes
+ * @public  @deprecated
+ */
+export class TableDataChangeEvent extends BeEvent {
+}
 //# sourceMappingURL=TableDataProvider.js.map

package/lib/esm/components-react/table/TableDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/table/TableDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAM9C,4CAA4C;AAC5C,gCAAgC;AAEhC;;;GAGG;AACH,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACxB,yDAAW,CAAA;IACX,iEAAW,CAAA;IACX,mEAAY,CAAA;IACZ,mDAAI,CAAA;IACJ,+DAAU,CAAA;AACZ,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AA8GD;;;GAGG;AACH,MAAM,OAAO,oBAAqB,SAAQ,OAAiC;CAAI","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Table\r\n */\r\n\r\nimport { BeEvent } from \"@itwin/core-bentley\";\r\nimport { PropertyDescription, PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { HorizontalAlignment, SortDirection } from \"@itwin/core-react\";\r\nimport { ItemColorOverrides, ItemStyle } from \"../properties/ItemStyle\";\r\nimport { CompositeFilterDescriptorCollection, DistinctValueCollection } from \"./columnfiltering/ColumnFiltering\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n// cSpell:ignore columnfiltering\r\n\r\n/** Filter Renderer for a Table column\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport enum FilterRenderer {\r\n  Numeric = 1,\r\n  MultiSelect,\r\n  SingleSelect,\r\n  Text,\r\n  MultiValue,\r\n}\r\n\r\n/**\r\n * Column definition provided to Table.\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface ColumnDescription {\r\n  /** A unique key for this column. */\r\n  key: string;\r\n\r\n  /** Column header label */\r\n  label: string;\r\n  /** Property description for all cells in the column */\r\n  propertyDescription?: PropertyDescription;\r\n\r\n  /** Preferred initial width of the column */\r\n  width?: number;\r\n\r\n  /** Indicates whether the cells in the column are editable. Defaults to false. */\r\n  editable?: boolean;\r\n  /** Indicates whether the column is resizable. Defaults to false. */\r\n  resizable?: boolean;\r\n  /** Indicates whether the display value for the cell is treated as an icon spec. Defaults to false. */\r\n  icon?: boolean;\r\n\r\n  /** Indicates whether the column is sortable. Defaults to false. */\r\n  sortable?: boolean;\r\n  /** Specifies a secondary sort column to use when cell values are the same. */\r\n  secondarySortColumn?: number;\r\n  /** Indicates whether the column sorting ignores case. Defaults to false. */\r\n  sortIgnoreCase?: boolean;\r\n\r\n  /** Indicates whether the column is filterable. Defaults to false. */\r\n  filterable?: boolean;\r\n  /** Specifies the filter renderer for the column. */\r\n  filterRenderer?: FilterRenderer;\r\n\r\n  /** Show field filters in Multi-Value column filtering popup. Defaults to true. */\r\n  showFieldFilters?: boolean;\r\n  /** Show distinct value checkboxes in Multi-Value column filtering popup. Defaults to true. */\r\n  showDistinctValueFilters?: boolean;\r\n  /** Filtering is case-sensitive in Multi-Value column filtering popup. Defaults to false. */\r\n  filterCaseSensitive?: boolean;\r\n\r\n  /** Sort type for react-table */\r\n  sortType?: string;\r\n}\r\n\r\n/**\r\n * Cell definition provided to Table.\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface CellItem {\r\n  /** Key for the column containing the cell */\r\n  key: string;\r\n  /** Property record for the cell */\r\n  record?: PropertyRecord;\r\n\r\n  /** Indicates whether the cell is disabled */\r\n  isDisabled?: boolean;\r\n  /** Specifies the horizontal alignment of the contents of the cell */\r\n  alignment?: HorizontalAlignment;\r\n\r\n  /** Style properties for the contents of the cell */\r\n  style?: ItemStyle;\r\n\r\n  /**\r\n   * Property to specify how many cells were merged to create this cell.\r\n   * Default value is 1.\r\n   * @alpha\r\n   */\r\n  mergedCellsCount?: number;\r\n}\r\n\r\n/**\r\n * Row definition provided to Table.\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface RowItem {\r\n  /** A unique key for this row */\r\n  key: string;\r\n  /** Array of cells in the row */\r\n  cells: CellItem[];\r\n  /** Indicates whether the row is disabled */\r\n  isDisabled?: boolean;\r\n  /** Color overrides for all cells in the row */\r\n  colorOverrides?: ItemColorOverrides;\r\n\r\n  /**\r\n   * A key-value pairs data structure that can be used by data provider\r\n   * to store some custom data for this node item.\r\n   */\r\n  extendedData?: { [key: string]: any };\r\n\r\n  /**\r\n   * Get the value from the cell for filtering purposes.\r\n   * If not specified and the value is a primitive, the recordValue.value is returned.\r\n   */\r\n  getValueFromCell?: (columnKey: string) => any;\r\n}\r\n\r\n/** An interface table data change listeners\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this type.\r\n * @public\r\n */\r\nexport declare type TableDataChangesListener = () => void;\r\n\r\n/** An event broadcasted on table data changes\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this class.\r\n * @public\r\n */\r\nexport class TableDataChangeEvent extends BeEvent<TableDataChangesListener> { }\r\n\r\n/**\r\n * TableDataProvider provides data to the Table.\r\n * It also provides support for data Sorting & Filtering.\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface TableDataProvider {\r\n  /** Event emitted by the data provider when column data changes */\r\n  onColumnsChanged: TableDataChangeEvent;\r\n  /** Event emitted by the data provider when row data changes */\r\n  onRowsChanged: TableDataChangeEvent;\r\n\r\n  /** Retrieves the column descriptions */\r\n  getColumns(): Promise<ColumnDescription[]>;\r\n  /** Retrieves the row count */\r\n  getRowsCount(): Promise<number>;\r\n  /** Retrieves a specific row by index */\r\n  getRow(rowIndex: number, unfiltered?: boolean): Promise<RowItem>;\r\n\r\n  /** Sorts the rows based on the value in a specific column */\r\n  sort(columnIndex: number, sortDirection: SortDirection): Promise<void>;\r\n\r\n  // Column Filtering methods\r\n\r\n  /** Apply a filter descriptor collection\r\n   */\r\n  applyFilterDescriptors?: (filterDescriptors: CompositeFilterDescriptorCollection) => Promise<void>;\r\n\r\n  /** Gets distinct values in a column\r\n   */\r\n  getDistinctValues?: (columnKey: string, maximumValueCount?: number) => Promise<DistinctValueCollection>;\r\n\r\n  /** Gets property display value expression\r\n   * @alpha\r\n   */\r\n  getPropertyDisplayValueExpression?: (property: string) => string;\r\n}\r\n\r\n/**\r\n * MutableTableDataProvider provides mutation methods for data in the Table.\r\n * Useful for Drag & Drop processing.\r\n * @deprecated Use the Table component in @itwin/itwinui-react instead, which does not use this interface.\r\n * @public\r\n */\r\nexport interface MutableTableDataProvider extends TableDataProvider {\r\n  /** Adds a row to the end */\r\n  addRow(rowItem: RowItem): number;\r\n  /** Inserts a row at a given row index */\r\n  insertRow(rowItem: RowItem, index: number): number;\r\n  /** Deletes a row */\r\n  deleteRow(rowItem: RowItem): void;\r\n  /** Moves a row to a new row index */\r\n  moveRow(rowItem: RowItem, newIndex: number): number;\r\n}\r\n"]}
+{"version":3,"file":"TableDataProvider.js","sourceRoot":"","sources":["../../../../src/components-react/table/TableDataProvider.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,OAAmB;CAAI","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/** @packageDocumentation\n * @module Table\n */\n\nimport { BeEvent } from \"@itwin/core-bentley\";\n\n/** An event broadcasted on table data changes\n * @public  @deprecated\n */\nexport class TableDataChangeEvent extends BeEvent<() => void> { }\n"]}

package/lib/esm/components-react/toolbar/Item.d.ts

@@ -1,38 +1,38 @@
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Item.scss";
-import * as React from "react";
-import { CommonProps } from "@itwin/core-react";
-/** Properties of [[ToolbarButtonItem]] component.
- * @public
- */
-export interface ToolbarButtonItemProps extends CommonProps {
-    /** button icon. */
-    icon?: React.ReactNode;
-    /** Describes if item is active. */
-    isActive?: boolean;
-    /** Describes if the item is disabled. */
-    isDisabled?: boolean;
-    /** Function called when the item is clicked. */
-    onClick?: () => void;
-    /** Function called when a key is pressed. */
-    onKeyDown?: (e: React.KeyboardEvent) => void;
-    /** Title for the item. */
-    title: string;
-    /** A badge to draw. */
-    badge?: React.ReactNode;
-    /** If true add a gap before button. Default to false. */
-    addGroupSeparator?: boolean;
-    /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */
-    providerId?: string;
-    /** value added to DOM element as a data attribute, shows 0 is undefined */
-    itemPriority?: number;
-    /** value added to DOM element as a data attribute */
-    groupPriority?: number;
-}
-/** Toolbar item component. Used in [[Toolbar]] component.
- * @public
- */
-export declare const ToolbarButtonItem: React.MemoExoticComponent<React.FC<ToolbarButtonItemProps>>;
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Item.scss";
+import * as React from "react";
+import { CommonProps } from "@itwin/core-react";
+/** Properties of [[ToolbarButtonItem]] component.
+ * @public
+ */
+export interface ToolbarButtonItemProps extends CommonProps {
+    /** button icon. */
+    icon?: React.ReactNode;
+    /** Describes if item is active. */
+    isActive?: boolean;
+    /** Describes if the item is disabled. */
+    isDisabled?: boolean;
+    /** Function called when the item is clicked. */
+    onClick?: () => void;
+    /** Function called when a key is pressed. */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+    /** Title for the item. */
+    title: string;
+    /** A badge to draw. */
+    badge?: React.ReactNode;
+    /** If true add a gap before button. Default to false. */
+    addGroupSeparator?: boolean;
+    /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */
+    providerId?: string;
+    /** value added to DOM element as a data attribute, shows 0 is undefined */
+    itemPriority?: number;
+    /** value added to DOM element as a data attribute */
+    groupPriority?: number;
+}
+/** Toolbar item component. Used in [[Toolbar]] component.
+ * @public
+ */
+export declare const ToolbarButtonItem: React.MemoExoticComponent<React.FC<ToolbarButtonItemProps>>;
 //# sourceMappingURL=Item.d.ts.map

package/lib/esm/components-react/toolbar/Item.js

@@ -1,22 +1,22 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Toolbar
- */
-import "./Item.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Toolbar item component. Used in [[Toolbar]] component.
- * @public
- */
-// eslint-disable-next-line react/display-name
-export const ToolbarButtonItem = React.memo((props) => {
-    const className = classnames("components-toolbar-button-item", props.isActive && "components-active", props.isDisabled && "components-disabled", props.className);
-    return (React.createElement("button", { "data-item-id": props.itemId, "data-item-type": "action-tool-button", "data-item-group-priority": props.groupPriority, "data-item-priority": props.itemPriority, "data-item-provider-id": props.providerId, disabled: props.isDisabled, onClick: props.onClick, onKeyDown: props.onKeyDown, className: className, style: props.style, title: props.title },
-        React.createElement("div", { className: "components-icon" }, props.icon),
-        props.badge &&
-            React.createElement("div", { className: "components-badge" }, props.badge)));
-});
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Item.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Toolbar item component. Used in [[Toolbar]] component.
+ * @public
+ */
+// eslint-disable-next-line react/display-name
+export const ToolbarButtonItem = React.memo((props) => {
+    const className = classnames("components-toolbar-button-item", props.isActive && "components-active", props.isDisabled && "components-disabled", props.className);
+    return (React.createElement("button", { "data-item-id": props.itemId, "data-item-type": "action-tool-button", "data-item-group-priority": props.groupPriority, "data-item-priority": props.itemPriority, "data-item-provider-id": props.providerId, disabled: props.isDisabled, onClick: props.onClick, onKeyDown: props.onKeyDown, className: className, style: props.style, title: props.title },
+        React.createElement("div", { className: "components-icon" }, props.icon),
+        props.badge &&
+            React.createElement("div", { className: "components-badge" }, props.badge)));
+});
 //# sourceMappingURL=Item.js.map

package/lib/esm/components-react/toolbar/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,UAAU,CAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,oBAAoB,8BACT,KAAK,CAAC,aAAa,wBACzB,KAAK,CAAC,YAAY,2BACf,KAAK,CAAC,UAAU,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Toolbar\r\n */\r\n\r\nimport \"./Item.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\n\r\n/** Properties of [[ToolbarButtonItem]] component.\r\n * @public\r\n */\r\nexport interface ToolbarButtonItemProps extends CommonProps {\r\n  /** button icon. */\r\n  icon?: React.ReactNode;\r\n  /** Describes if item is active. */\r\n  isActive?: boolean;\r\n  /** Describes if the item is disabled. */\r\n  isDisabled?: boolean;\r\n  /** Function called when the item is clicked. */\r\n  onClick?: () => void;\r\n  /** Function called when a key is pressed. */\r\n  onKeyDown?: (e: React.KeyboardEvent) => void;\r\n  /** Title for the item. */\r\n  title: string;\r\n  /** A badge to draw. */\r\n  badge?: React.ReactNode;\r\n  /** If true add a gap before button. Default to false. */\r\n  addGroupSeparator?: boolean;\r\n  /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */\r\n  providerId?: string;\r\n  /** value added to DOM element as a data attribute, shows 0 is undefined */\r\n  itemPriority?: number;\r\n  /** value added to DOM element as a data attribute */\r\n  groupPriority?: number;\r\n}\r\n\r\n/** Toolbar item component. Used in [[Toolbar]] component.\r\n * @public\r\n */\r\n// eslint-disable-next-line react/display-name\r\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\r\n  (props: ToolbarButtonItemProps) => {\r\n    const className = classnames(\r\n      \"components-toolbar-button-item\",\r\n      props.isActive && \"components-active\",\r\n      props.isDisabled && \"components-disabled\",\r\n      props.className);\r\n\r\n    return (\r\n      <button\r\n        data-item-id={props.itemId}\r\n        data-item-type=\"action-tool-button\"\r\n        data-item-group-priority={props.groupPriority}\r\n        data-item-priority={props.itemPriority}\r\n        data-item-provider-id={props.providerId}\r\n        disabled={props.isDisabled}  // this is needed to prevent focusing/keyboard access to disabled buttons\r\n        onClick={props.onClick}\r\n        onKeyDown={props.onKeyDown}\r\n        className={className}\r\n        style={props.style}\r\n        title={props.title}\r\n      >\r\n        <div className=\"components-icon\">\r\n          {props.icon}\r\n        </div>\r\n        {props.badge &&\r\n          <div className=\"components-badge\">\r\n            {props.badge}\r\n          </div>\r\n        }\r\n      </button>\r\n    );\r\n  });\r\n"]}
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components-react/toolbar/Item.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B;;GAEG;AACH,8CAA8C;AAC9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACzC,CAAC,KAA6B,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG,UAAU,CAC1B,gCAAgC,EAChC,KAAK,CAAC,QAAQ,IAAI,mBAAmB,EACrC,KAAK,CAAC,UAAU,IAAI,qBAAqB,EACzC,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnB,OAAO,CACL,gDACgB,KAAK,CAAC,MAAM,oBACX,oBAAoB,8BACT,KAAK,CAAC,aAAa,wBACzB,KAAK,CAAC,YAAY,2BACf,KAAK,CAAC,UAAU,EACvC,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK;QAElB,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,KAAK,CAAC,IAAI,CACP;QACL,KAAK,CAAC,KAAK;YACV,6BAAK,SAAS,EAAC,kBAAkB,IAC9B,KAAK,CAAC,KAAK,CACR,CAED,CACV,CAAC;AACJ,CAAC,CAAC,CAAC","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/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Item.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"@itwin/core-react\";\n\n/** Properties of [[ToolbarButtonItem]] component.\n * @public\n */\nexport interface ToolbarButtonItemProps extends CommonProps {\n  /** button icon. */\n  icon?: React.ReactNode;\n  /** Describes if item is active. */\n  isActive?: boolean;\n  /** Describes if the item is disabled. */\n  isDisabled?: boolean;\n  /** Function called when the item is clicked. */\n  onClick?: () => void;\n  /** Function called when a key is pressed. */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n  /** Title for the item. */\n  title: string;\n  /** A badge to draw. */\n  badge?: React.ReactNode;\n  /** If true add a gap before button. Default to false. */\n  addGroupSeparator?: boolean;\n  /** value added to DOM element as a data attribute to hold name of items provider. If specified in `FrontstageProvider` then this will be undefined */\n  providerId?: string;\n  /** value added to DOM element as a data attribute, shows 0 is undefined */\n  itemPriority?: number;\n  /** value added to DOM element as a data attribute */\n  groupPriority?: number;\n}\n\n/** Toolbar item component. Used in [[Toolbar]] component.\n * @public\n */\n// eslint-disable-next-line react/display-name\nexport const ToolbarButtonItem = React.memo<React.FC<ToolbarButtonItemProps>>(\n  (props: ToolbarButtonItemProps) => {\n    const className = classnames(\n      \"components-toolbar-button-item\",\n      props.isActive && \"components-active\",\n      props.isDisabled && \"components-disabled\",\n      props.className);\n\n    return (\n      <button\n        data-item-id={props.itemId}\n        data-item-type=\"action-tool-button\"\n        data-item-group-priority={props.groupPriority}\n        data-item-priority={props.itemPriority}\n        data-item-provider-id={props.providerId}\n        disabled={props.isDisabled}  // this is needed to prevent focusing/keyboard access to disabled buttons\n        onClick={props.onClick}\n        onKeyDown={props.onKeyDown}\n        className={className}\n        style={props.style}\n        title={props.title}\n      >\n        <div className=\"components-icon\">\n          {props.icon}\n        </div>\n        {props.badge &&\n          <div className=\"components-badge\">\n            {props.badge}\n          </div>\n        }\n      </button>\n    );\n  });\n"]}

package/lib/esm/components-react/toolbar/Item.scss

@@ -1,123 +1,123 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "variables";
-
-.components-toolbar-button-item {
-  box-sizing: border-box;
-  background-origin: border-box;
-  border-color: transparent;
-  border-style: solid;
-  cursor: pointer;
-  transition: background-color 250ms ease;
-  position: relative;
-  background: transparent;
-
-  height: 100%;
-  width: 100%;
-
-  outline-style: solid;
-  outline-width: 0;
-
-  > .components-icon {
-    font-size: $icon-size;
-    width: 100%;
-    height: 100%;
-    display: grid;
-    align-content: center;
-    justify-content: center;
-    color: $icon-color;
-    filter: $icon-shadow;
-    transition: all 250ms ease;
-
-    img {
-      width: $icon-size;
-      height: $icon-size;
-    }
-  }
-
-  &:focus {
-    color: $hovered-icon-color;
-    background-color: $buic-background-focus-overlay;
-
-    svg {
-      opacity: 1;
-    }
-  }
-
-  &:hover {
-    color: $hovered-icon-color;
-    background-color: $buic-background-hover-overlay;
-
-    svg {
-      opacity: 1;
-    }
-  }
-
-  &:active {
-    color: $active-icon-color;
-    background-color: $buic-background-active-overlay;
-    border: solid 2px $buic-foreground-primary;
-
-    > .components-icon {
-      color: $pressed-icon-color;
-
-      svg {
-        opacity: 1;
-      }
-    }
-  }
-
-  &:active:not(.components-disabled) {
-    background: $buic-background-pressed-overlay;
-    color: $pressed-icon-color;
-    transition-duration: 150ms;
-    transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
-  }
-
-  &.components-active {
-    color: $active-icon-color;
-    background-color: $buic-background-active-overlay;
-    border: solid 2px $buic-foreground-primary;
-
-    &:not(:active):not(.components-disabled) {
-      transition-duration: 0s;
-
-      > .components-icon {
-        color: $icon-color;
-        transition-duration: 150ms;
-        transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
-
-        svg {
-          opacity: 1;
-        }
-      }
-    }
-  }
-
-  &.components-disabled {
-    > .components-icon {
-      color: $disabled-icon-color;
-    }
-
-    &:hover {
-      cursor: auto;
-    }
-
-    &:active {
-      pointer-events: none;
-    }
-  }
-
-  > .components-badge {
-    display: none;
-  }
-}
-
-div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-button-item>.components-badge {
-  display: block;
-  position: absolute;
-  top: 0;
-  left: 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "variables";
+
+.components-toolbar-button-item {
+  box-sizing: border-box;
+  background-origin: border-box;
+  border-color: transparent;
+  border-style: solid;
+  cursor: pointer;
+  transition: background-color 250ms ease;
+  position: relative;
+  background: transparent;
+
+  height: 100%;
+  width: 100%;
+
+  outline-style: solid;
+  outline-width: 0;
+
+  > .components-icon {
+    font-size: $icon-size;
+    width: 100%;
+    height: 100%;
+    display: grid;
+    align-content: center;
+    justify-content: center;
+    color: $icon-color;
+    filter: $icon-shadow;
+    transition: all 250ms ease;
+
+    img {
+      width: $icon-size;
+      height: $icon-size;
+    }
+  }
+
+  &:focus {
+    color: $hovered-icon-color;
+    background-color: $buic-background-focus-overlay;
+
+    svg {
+      opacity: 1;
+    }
+  }
+
+  &:hover {
+    color: $hovered-icon-color;
+    background-color: $buic-background-hover-overlay;
+
+    svg {
+      opacity: 1;
+    }
+  }
+
+  &:active {
+    color: $active-icon-color;
+    background-color: $buic-background-active-overlay;
+    border: solid 2px $buic-foreground-primary;
+
+    > .components-icon {
+      color: $pressed-icon-color;
+
+      svg {
+        opacity: 1;
+      }
+    }
+  }
+
+  &:active:not(.components-disabled) {
+    background: $buic-background-pressed-overlay;
+    color: $pressed-icon-color;
+    transition-duration: 150ms;
+    transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
+  }
+
+  &.components-active {
+    color: $active-icon-color;
+    background-color: $buic-background-active-overlay;
+    border: solid 2px $buic-foreground-primary;
+
+    &:not(:active):not(.components-disabled) {
+      transition-duration: 0s;
+
+      > .components-icon {
+        color: $icon-color;
+        transition-duration: 150ms;
+        transition-timing-function: cubic-bezier(1, 0.1, 1, 0.5);
+
+        svg {
+          opacity: 1;
+        }
+      }
+    }
+  }
+
+  &.components-disabled {
+    > .components-icon {
+      color: $disabled-icon-color;
+    }
+
+    &:hover {
+      cursor: auto;
+    }
+
+    &:active {
+      pointer-events: none;
+    }
+  }
+
+  > .components-badge {
+    display: none;
+  }
+}
+
+div.components-toolbar-items-container.components-toolbar-show-decorators .components-toolbar-button-item>.components-badge {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
 }