@itwin/components-react 4.0.0-dev.3 → 4.0.0-dev.6

package/lib/cjs/components-react/common/selection/SelectionModes.js

@@ -1,45 +1,45 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasSelectionModeFlag = exports.SelectionMode = exports.SelectionModeFlags = void 0;
-/** Selection mode flags for Tree row selection
- * @public
- */
-var SelectionModeFlags;
-(function (SelectionModeFlags) {
-    SelectionModeFlags[SelectionModeFlags["SelectionLimitOne"] = 1] = "SelectionLimitOne";
-    SelectionModeFlags[SelectionModeFlags["DragEnabled"] = 2] = "DragEnabled";
-    SelectionModeFlags[SelectionModeFlags["ToggleEnabled"] = 4] = "ToggleEnabled";
-    SelectionModeFlags[SelectionModeFlags["KeysEnabled"] = 8] = "KeysEnabled";
-    SelectionModeFlags[SelectionModeFlags["None"] = 16] = "None";
-})(SelectionModeFlags = exports.SelectionModeFlags || (exports.SelectionModeFlags = {}));
-/** Selection modes for Tree row selection
- * @public
- */
-var SelectionMode;
-(function (SelectionMode) {
-    /** Only one item selected at a time. */
-    SelectionMode[SelectionMode["Single"] = 1] = "Single";
-    /** Toggles items; drag only applies to desktop. */
-    SelectionMode[SelectionMode["Multiple"] = 6] = "Multiple";
-    /** Allows the use of Ctrl & Shift Keys in a desktop environment. */
-    SelectionMode[SelectionMode["Extended"] = 12] = "Extended";
-    /** Only one item selected at a time; also allows deselecting. */
-    SelectionMode[SelectionMode["SingleAllowDeselect"] = 5] = "SingleAllowDeselect";
-    /** Do not allow (disable) selection */
-    SelectionMode[SelectionMode["None"] = 16] = "None";
-})(SelectionMode = exports.SelectionMode || (exports.SelectionMode = {}));
-/** Determines if a SelectionMode is active
- * @public
- */
-const hasSelectionModeFlag = (selectionMode, flag) => {
-    return (selectionMode & flag) !== 0;
-};
-exports.hasSelectionModeFlag = hasSelectionModeFlag;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasSelectionModeFlag = exports.SelectionMode = exports.SelectionModeFlags = void 0;
+/** Selection mode flags for Table and Tree row selection
+ * @public
+ */
+var SelectionModeFlags;
+(function (SelectionModeFlags) {
+    SelectionModeFlags[SelectionModeFlags["SelectionLimitOne"] = 1] = "SelectionLimitOne";
+    SelectionModeFlags[SelectionModeFlags["DragEnabled"] = 2] = "DragEnabled";
+    SelectionModeFlags[SelectionModeFlags["ToggleEnabled"] = 4] = "ToggleEnabled";
+    SelectionModeFlags[SelectionModeFlags["KeysEnabled"] = 8] = "KeysEnabled";
+    SelectionModeFlags[SelectionModeFlags["None"] = 16] = "None";
+})(SelectionModeFlags = exports.SelectionModeFlags || (exports.SelectionModeFlags = {}));
+/** Selection modes for Table and Tree row selection
+ * @public
+ */
+var SelectionMode;
+(function (SelectionMode) {
+    /** Only one item selected at a time. */
+    SelectionMode[SelectionMode["Single"] = 1] = "Single";
+    /** Toggles items; drag only applies to desktop. */
+    SelectionMode[SelectionMode["Multiple"] = 6] = "Multiple";
+    /** Allows the use of Ctrl & Shift Keys in a desktop environment. */
+    SelectionMode[SelectionMode["Extended"] = 12] = "Extended";
+    /** Only one item selected at a time; also allows deselecting. */
+    SelectionMode[SelectionMode["SingleAllowDeselect"] = 5] = "SingleAllowDeselect";
+    /** Do not allow (disable) selection */
+    SelectionMode[SelectionMode["None"] = 16] = "None";
+})(SelectionMode = exports.SelectionMode || (exports.SelectionMode = {}));
+/** Determines if a SelectionMode is active
+ * @public
+ */
+const hasSelectionModeFlag = (selectionMode, flag) => {
+    return (selectionMode & flag) !== 0;
+};
+exports.hasSelectionModeFlag = hasSelectionModeFlag;
 //# sourceMappingURL=SelectionModes.js.map

package/lib/cjs/components-react/common/selection/SelectionModes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionModes.js","sourceRoot":"","sources":["../../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAM7B;AAED;;GAEG;AACH,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,wCAAwC;IACxC,qDAA6C,CAAA;IAC7C,mDAAmD;IACnD,yDAA4E,CAAA;IAC5E,oEAAoE;IACpE,0DAA4E,CAAA;IAC5E,iEAAiE;IACjE,+EAA6F,CAAA;IAC7F,uCAAuC;IACvC,kDAA8B,CAAA;AAChC,CAAC,EAXW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAWxB;AAED;;GAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,aAA4B,EAAE,IAAwB,EAAW,EAAE;IACtG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B","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 Common\n */\n\n/** Selection mode flags for Tree row selection\n * @public\n */\nexport enum SelectionModeFlags {\n  SelectionLimitOne = 1 << 0,\n  DragEnabled = 1 << 1,\n  ToggleEnabled = 1 << 2,\n  KeysEnabled = 1 << 3,\n  None = 1 << 4,\n}\n\n/** Selection modes for Tree row selection\n * @public\n */\nexport enum SelectionMode {\n  /** Only one item selected at a time. */\n  Single = SelectionModeFlags.SelectionLimitOne,\n  /** Toggles items; drag only applies to desktop. */\n  Multiple = SelectionModeFlags.DragEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Allows the use of Ctrl & Shift Keys in a desktop environment. */\n  Extended = SelectionModeFlags.KeysEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Only one item selected at a time; also allows deselecting. */\n  SingleAllowDeselect = SelectionModeFlags.SelectionLimitOne | SelectionModeFlags.ToggleEnabled,\n  /** Do not allow (disable) selection */\n  None = SelectionModeFlags.None,\n}\n\n/** Determines if a SelectionMode is active\n * @public\n */\nexport const hasSelectionModeFlag = (selectionMode: SelectionMode, flag: SelectionModeFlags): boolean => {\n  return (selectionMode & flag) !== 0;\n};\n"]}
+{"version":3,"file":"SelectionModes.js","sourceRoot":"","sources":["../../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH;;GAEG;AACH,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAM7B;AAED;;GAEG;AACH,IAAY,aAWX;AAXD,WAAY,aAAa;IACvB,wCAAwC;IACxC,qDAA6C,CAAA;IAC7C,mDAAmD;IACnD,yDAA4E,CAAA;IAC5E,oEAAoE;IACpE,0DAA4E,CAAA;IAC5E,iEAAiE;IACjE,+EAA6F,CAAA;IAC7F,uCAAuC;IACvC,kDAA8B,CAAA;AAChC,CAAC,EAXW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAWxB;AAED;;GAEG;AACI,MAAM,oBAAoB,GAAG,CAAC,aAA4B,EAAE,IAAwB,EAAW,EAAE;IACtG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC,CAAC;AAFW,QAAA,oBAAoB,wBAE/B","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 Common\r\n */\r\n\r\n/** Selection mode flags for Table and Tree row selection\r\n * @public\r\n */\r\nexport enum SelectionModeFlags {\r\n  SelectionLimitOne = 1 << 0,\r\n  DragEnabled = 1 << 1,\r\n  ToggleEnabled = 1 << 2,\r\n  KeysEnabled = 1 << 3,\r\n  None = 1 << 4,\r\n}\r\n\r\n/** Selection modes for Table and Tree row selection\r\n * @public\r\n */\r\nexport enum SelectionMode {\r\n  /** Only one item selected at a time. */\r\n  Single = SelectionModeFlags.SelectionLimitOne,\r\n  /** Toggles items; drag only applies to desktop. */\r\n  Multiple = SelectionModeFlags.DragEnabled | SelectionModeFlags.ToggleEnabled,\r\n  /** Allows the use of Ctrl & Shift Keys in a desktop environment. */\r\n  Extended = SelectionModeFlags.KeysEnabled | SelectionModeFlags.ToggleEnabled,\r\n  /** Only one item selected at a time; also allows deselecting. */\r\n  SingleAllowDeselect = SelectionModeFlags.SelectionLimitOne | SelectionModeFlags.ToggleEnabled,\r\n  /** Do not allow (disable) selection */\r\n  None = SelectionModeFlags.None,\r\n}\r\n\r\n/** Determines if a SelectionMode is active\r\n * @public\r\n */\r\nexport const hasSelectionModeFlag = (selectionMode: SelectionMode, flag: SelectionModeFlags): boolean => {\r\n  return (selectionMode & flag) !== 0;\r\n};\r\n"]}

package/lib/cjs/components-react/common/showhide/ShowHideDialog.d.ts

@@ -0,0 +1,39 @@
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { GlobalDialogProps } from "@itwin/core-react";
+import { ShowHideID, ShowHideItem } from "./ShowHideItem";
+/** Properties for the [[ShowHideDialog]] component used in the [[Table]] to show/hide columns.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export interface ShowHideDialogProps<T extends ShowHideID> extends GlobalDialogProps {
+    /** key-label pair list for id's to be shown/hidden, and an accompanying label. */
+    items: Array<ShowHideItem<T>>;
+    /** Hidden list to start with */
+    initialHidden?: T[];
+    /** Called when item is shown/hidden */
+    onShowHideChange?: (cols: T[]) => boolean | undefined;
+}
+/** @internal */
+interface ShowHideDialogState<T extends ShowHideID> {
+    hiddenColumns: T[];
+}
+/**
+ * [Dialog]($core-react) Component used to toggle show/hide table columns, given through items prop, through a list of checkboxes.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export declare class ShowHideDialog<T extends ShowHideID> extends React.PureComponent<ShowHideDialogProps<T>, ShowHideDialogState<T>> {
+    /** @internal */
+    readonly state: ShowHideDialogState<T>;
+    constructor(props: ShowHideDialogProps<T>);
+    /** @internal */
+    componentDidUpdate(oldProps: ShowHideDialogProps<T>): void;
+    private _toggleItem;
+    private _hide;
+    private _show;
+    /** @internal */
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ShowHideDialog.d.ts.map

package/lib/cjs/components-react/common/showhide/ShowHideDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideDialog.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideDialog.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAgB,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI1D;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,UAAU,CAAE,SAAQ,iBAAiB;IAClF,kFAAkF;IAClF,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;IACpB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,OAAO,GAAG,SAAS,CAAC;CACvD;AAED,gBAAgB;AAChB,UAAU,mBAAmB,CAAC,CAAC,SAAS,UAAU;IAChD,aAAa,EAAE,CAAC,EAAE,CAAC;CACpB;AAED;;;GAGG;AACH,qBAAa,cAAc,CAAC,CAAC,SAAS,UAAU,CAAE,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC3H,gBAAgB;IAChB,SAAyB,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;gBAC3C,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAOzC,gBAAgB;IACA,kBAAkB,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAMnE,OAAO,CAAC,WAAW,CAKjB;IAEF,OAAO,CAAC,KAAK,CAOX;IAEF,OAAO,CAAC,KAAK,CASX;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAiC1C"}

package/lib/cjs/components-react/common/showhide/ShowHideDialog.js

@@ -0,0 +1,91 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowHideDialog = void 0;
+/* eslint-disable deprecation/deprecation */
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const UiComponents_1 = require("../../UiComponents");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/**
+ * [Dialog]($core-react) Component used to toggle show/hide table columns, given through items prop, through a list of checkboxes.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+class ShowHideDialog extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this._toggleItem = (item) => {
+            if (this.state.hiddenColumns.indexOf(item.id) !== -1)
+                this._show(item);
+            else
+                this._hide(item);
+        };
+        this._hide = (item) => {
+            this.setState((prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }), () => {
+                if (this.props.onShowHideChange)
+                    this.props.onShowHideChange(this.state.hiddenColumns);
+            });
+        };
+        this._show = (item) => {
+            const hiddenColumns = this.state.hiddenColumns.filter((value) => {
+                return value !== item.id;
+            });
+            this.setState({ hiddenColumns }, () => {
+                if (this.props.onShowHideChange)
+                    this.props.onShowHideChange(this.state.hiddenColumns);
+            });
+        };
+        this.state = {
+            hiddenColumns: props.initialHidden || [],
+        };
+    }
+    /** @internal */
+    componentDidUpdate(oldProps) {
+        if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {
+            this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */ [] }));
+        }
+    }
+    /** @internal */
+    render() {
+        const { opened, items, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(core_react_1.GlobalDialog, { opened: opened, resizable: true, movable: true, modal: false, minWidth: 300, minHeight: 250, width: 300, onClose: onClose, onEscape: onClose, onOutsideClick: onClose, buttonCluster: onClose && [{ onClick: onClose, type: appui_abstract_1.DialogButtonType.Close }], ...props }, this.props.items.map((item, index) => {
+            const visible = this.state.hiddenColumns.indexOf(item.id) === -1;
+            const sel = () => {
+                this._toggleItem(item);
+            };
+            const label = item.label || UiComponents_1.UiComponents.translate("showhide.noLabel");
+            const id = `show-hide-dialog-input-${index}`;
+            return (React.createElement("div", { key: index },
+                React.createElement(itwinui_react_1.Checkbox, { "data-testid": id, id: id, checked: visible, onChange: () => undefined, onClick: sel }),
+                React.createElement("label", { htmlFor: id }, label)));
+        })));
+    }
+}
+exports.ShowHideDialog = ShowHideDialog;
+//# sourceMappingURL=ShowHideDialog.js.map

package/lib/cjs/components-react/common/showhide/ShowHideDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideDialog.js","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideDialog.tsx"],"names":[],"mappings":"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","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 Common\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport * as React from \"react\";\r\nimport { GlobalDialog, GlobalDialogProps } from \"@itwin/core-react\";\r\nimport { UiComponents } from \"../../UiComponents\";\r\nimport { ShowHideID, ShowHideItem } from \"./ShowHideItem\";\r\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties for the [[ShowHideDialog]] component used in the [[Table]] to show/hide columns.\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport interface ShowHideDialogProps<T extends ShowHideID> extends GlobalDialogProps {\r\n  /** key-label pair list for id's to be shown/hidden, and an accompanying label. */\r\n  items: Array<ShowHideItem<T>>;\r\n  /** Hidden list to start with */\r\n  initialHidden?: T[];\r\n  /** Called when item is shown/hidden */\r\n  onShowHideChange?: (cols: T[]) => boolean | undefined;\r\n}\r\n\r\n/** @internal */\r\ninterface ShowHideDialogState<T extends ShowHideID> {\r\n  hiddenColumns: T[];\r\n}\r\n\r\n/**\r\n * [Dialog]($core-react) Component used to toggle show/hide table columns, given through items prop, through a list of checkboxes.\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport class ShowHideDialog<T extends ShowHideID> extends React.PureComponent<ShowHideDialogProps<T>, ShowHideDialogState<T>> {\r\n  /** @internal */\r\n  public override readonly state: ShowHideDialogState<T>;\r\n  constructor(props: ShowHideDialogProps<T>) {\r\n    super(props);\r\n    this.state = {\r\n      hiddenColumns: props.initialHidden || [],\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(oldProps: ShowHideDialogProps<T>) {\r\n    if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {\r\n      this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */[] }));\r\n    }\r\n  }\r\n\r\n  private _toggleItem = (item: ShowHideItem<T>) => {\r\n    if (this.state.hiddenColumns.indexOf(item.id) !== -1)\r\n      this._show(item);\r\n    else\r\n      this._hide(item);\r\n  };\r\n\r\n  private _hide = (item: ShowHideItem<T>) => {\r\n    this.setState(\r\n      (prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }),\r\n      () => {\r\n        if (this.props.onShowHideChange)\r\n          this.props.onShowHideChange(this.state.hiddenColumns);\r\n      });\r\n  };\r\n\r\n  private _show = (item: ShowHideItem<T>) => {\r\n    const hiddenColumns = this.state.hiddenColumns.filter((value) => {\r\n      return value !== item.id;\r\n    });\r\n\r\n    this.setState({ hiddenColumns }, () => {\r\n      if (this.props.onShowHideChange)\r\n        this.props.onShowHideChange(this.state.hiddenColumns);\r\n    });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const { opened, items, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <GlobalDialog\r\n        opened={opened}\r\n        resizable={true}\r\n        movable={true}\r\n        modal={false}\r\n        minWidth={300}\r\n        minHeight={250}\r\n        width={300}\r\n        onClose={onClose}\r\n        onEscape={onClose}\r\n        onOutsideClick={onClose}\r\n        buttonCluster={onClose && [{ onClick: onClose, type: DialogButtonType.Close }]}\r\n        {...props}>\r\n        {this.props.items.map((item, index) => {\r\n          const visible = this.state.hiddenColumns.indexOf(item.id) === -1;\r\n          const sel = () => {\r\n            this._toggleItem(item);\r\n          };\r\n          const label = item.label || UiComponents.translate(\"showhide.noLabel\");\r\n          const id = `show-hide-dialog-input-${index}`;\r\n          return (\r\n            <div key={index}>\r\n              <Checkbox data-testid={id} id={id} checked={visible} onChange={() => undefined} onClick={sel} />\r\n              <label htmlFor={id}>{label}</label>\r\n            </div>\r\n          );\r\n        })}\r\n      </GlobalDialog>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/components-react/common/showhide/ShowHideItem.d.ts

@@ -0,0 +1,15 @@
+/** @packageDocumentation
+ * @module Common
+ */
+/** Interface for ShowHide items used to show/hide [[Table]] columns.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export interface ShowHideItem<T extends ShowHideID> {
+    id: T;
+    label: string;
+}
+/** Union type for all possible ShowHide IDs
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export declare type ShowHideID = string | number | symbol;
+//# sourceMappingURL=ShowHideItem.d.ts.map

package/lib/cjs/components-react/common/showhide/ShowHideItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideItem.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideItem.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,MAAM,WAAW,YAAY,CAAC,CAAC,SAAS,UAAU;IAChD,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,oBAAY,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC"}

package/lib/cjs/components-react/common/showhide/ShowHideItem.js

@@ -0,0 +1,10 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=ShowHideItem.js.map

package/lib/cjs/components-react/common/showhide/ShowHideItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideItem.js","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideItem.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","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 Common\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Interface for ShowHide items used to show/hide [[Table]] columns.\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport interface ShowHideItem<T extends ShowHideID> {\r\n  id: T;\r\n  label: string;\r\n}\r\n\r\n/** Union type for all possible ShowHide IDs\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport type ShowHideID = string | number | symbol;\r\n"]}

package/lib/cjs/components-react/common/showhide/ShowHideMenu.d.ts

@@ -0,0 +1,54 @@
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { GlobalContextMenuProps } from "@itwin/core-react";
+import { ShowHideID, ShowHideItem } from "./ShowHideItem";
+/** Properties for the [[ShowHideMenu]] component
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export interface ShowHideMenuProps<T extends ShowHideID> extends GlobalContextMenuProps {
+    /** key-label pair list for id's to be shown/hidden, and an accompanying label. */
+    items: Array<ShowHideItem<T>>;
+    /** X position to place menu */
+    x: number;
+    /** Y position to place menu */
+    y: number;
+    /** Whether dialog is opened or closed */
+    opened: boolean;
+    /** Hidden list to start with */
+    initialHidden?: T[];
+    /** Called when close button is clicked */
+    onClose?: () => void;
+    /** Called when item is shown/hidden */
+    onShowHideChange?: (cols: T[]) => boolean | undefined;
+}
+/** @internal */
+interface ShowHideMenuState<T extends ShowHideID> {
+    hiddenColumns: T[];
+    dialogOpened: boolean;
+}
+/**
+ * [ContextMenu]($core-react) Component used to toggle show/hide items, given through items prop, through a list of checkboxes.
+ * Component includes a "list" button that displays a dialog with the same checkboxes.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+export declare class ShowHideMenu<T extends ShowHideID> extends React.PureComponent<ShowHideMenuProps<T>, ShowHideMenuState<T>> {
+    /** @internal */
+    readonly state: ShowHideMenuState<T>;
+    /** @internal */
+    constructor(props: ShowHideMenuProps<T>);
+    /** @internal */
+    componentDidUpdate(oldProps: ShowHideMenuProps<T>): void;
+    private _toggleItem;
+    private _hide;
+    private _show;
+    private _showAll;
+    private _showDialog;
+    private _closeDialog;
+    private _defaultContextMenu;
+    /** @internal */
+    render(): React.ReactNode;
+}
+export {};
+//# sourceMappingURL=ShowHideMenu.d.ts.map

package/lib/cjs/components-react/common/showhide/ShowHideMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA0D,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAGnH,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG1D;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,UAAU,CAAE,SAAQ,sBAAsB;IACrF,kFAAkF;IAClF,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,+BAA+B;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,+BAA+B;IAC/B,CAAC,EAAE,MAAM,CAAC;IACV,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,EAAE,CAAC;IACpB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,uCAAuC;IACvC,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,OAAO,GAAG,SAAS,CAAC;CACvD;AAED,gBAAgB;AAChB,UAAU,iBAAiB,CAAC,CAAC,SAAS,UAAU;IAC9C,aAAa,EAAE,CAAC,EAAE,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED;;;;GAIG;AACH,qBAAa,YAAY,CAAC,CAAC,SAAS,UAAU,CAAE,SAAQ,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACrH,gBAAgB;IAChB,SAAyB,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAErD,gBAAgB;gBACJ,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAQvC,gBAAgB;IACA,kBAAkB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAMjE,OAAO,CAAC,WAAW,CAOjB;IAEF,OAAO,CAAC,KAAK,CAOX;IAEF,OAAO,CAAC,KAAK,CASX;IAEF,OAAO,CAAC,QAAQ,CAQd;IACF,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF,gBAAgB;IACA,MAAM,IAAI,KAAK,CAAC,SAAS;CAuC1C"}

package/lib/cjs/components-react/common/showhide/ShowHideMenu.js

@@ -0,0 +1,124 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShowHideMenu = void 0;
+/* eslint-disable deprecation/deprecation */
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const UiComponents_1 = require("../../UiComponents");
+const ShowHideDialog_1 = require("./ShowHideDialog");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/**
+ * [ContextMenu]($core-react) Component used to toggle show/hide items, given through items prop, through a list of checkboxes.
+ * Component includes a "list" button that displays a dialog with the same checkboxes.
+ * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
+ */
+class ShowHideMenu extends React.PureComponent {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._toggleItem = (item) => {
+            if (this.state.hiddenColumns.indexOf(item.id) !== -1)
+                this._show(item);
+            else
+                this._hide(item);
+            if (this.props.onClose)
+                this.props.onClose();
+        };
+        this._hide = (item) => {
+            this.setState((prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }), () => {
+                if (this.props.onShowHideChange)
+                    this.props.onShowHideChange(this.state.hiddenColumns);
+            });
+        };
+        this._show = (item) => {
+            const hiddenColumns = this.state.hiddenColumns.filter((value) => {
+                return value !== item.id;
+            });
+            this.setState({ hiddenColumns }, () => {
+                if (this.props.onShowHideChange)
+                    this.props.onShowHideChange(this.state.hiddenColumns);
+            });
+        };
+        this._showAll = () => {
+            this.setState({ hiddenColumns: [] }, () => {
+                // istanbul ignore next
+                if (this.props.onShowHideChange)
+                    this.props.onShowHideChange(this.state.hiddenColumns);
+            });
+            if (this.props.onClose)
+                this.props.onClose();
+        };
+        this._showDialog = () => {
+            if (this.props.onClose)
+                this.props.onClose();
+            this.setState({
+                dialogOpened: true,
+            });
+        };
+        this._closeDialog = () => {
+            this.setState({
+                dialogOpened: false,
+            });
+        };
+        this._defaultContextMenu = (event) => {
+            event.stopPropagation();
+        };
+        this.state = {
+            hiddenColumns: props.initialHidden || [],
+            dialogOpened: false,
+        };
+    }
+    /** @internal */
+    componentDidUpdate(oldProps) {
+        if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {
+            this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */ [] }));
+        }
+    }
+    /** @internal */
+    render() {
+        const { items, x, y, opened, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        return (React.createElement(core_react_1.GlobalContextMenu, { x: x, y: y, opened: opened, onEsc: onClose, onOutsideClick: onClose, edgeLimit: false, autoflip: true, ...props },
+            this.props.items.map((item, index) => {
+                const visible = this.state.hiddenColumns.indexOf(item.id) === -1;
+                const sel = () => this._toggleItem(item);
+                const label = item.label || UiComponents_1.UiComponents.translate("showhide.noLabel");
+                const id = `show-hide-menu-input-${index}`;
+                return (React.createElement(core_react_1.ContextMenuItem, { key: index, onSelect: sel, icon: React.createElement(itwinui_react_1.Checkbox, { "data-testid": id, id: id, checked: visible, onChange: () => undefined }) }, label));
+            }),
+            React.createElement(core_react_1.ContextMenuDivider, null),
+            React.createElement(core_react_1.ContextMenuItem, { onSelect: this._showAll },
+                React.createElement("span", { "data-testid": "show-hide-showall" }, UiComponents_1.UiComponents.translate("showhide.showAll"))),
+            React.createElement(core_react_1.ContextMenuItem, { onSelect: this._showDialog },
+                React.createElement("span", { "data-testid": "show-hide-list" }, UiComponents_1.UiComponents.translate("showhide.list"))),
+            React.createElement(ShowHideDialog_1.ShowHideDialog, { items: items, title: UiComponents_1.UiComponents.translate("showhide.title"), opened: this.state.dialogOpened, onClose: this._closeDialog, initialHidden: this.state.hiddenColumns, onContextMenu: this._defaultContextMenu, onShowHideChange: onShowHideChange })));
+    }
+}
+exports.ShowHideMenu = ShowHideMenu;
+// cspell:ignore showall
+//# sourceMappingURL=ShowHideMenu.js.map

package/lib/cjs/components-react/common/showhide/ShowHideMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShowHideMenu.js","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideMenu.tsx"],"names":[],"mappings":"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","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 Common\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport * as React from \"react\";\r\nimport { ContextMenuDivider, ContextMenuItem, GlobalContextMenu, GlobalContextMenuProps } from \"@itwin/core-react\";\r\nimport { UiComponents } from \"../../UiComponents\";\r\nimport { ShowHideDialog } from \"./ShowHideDialog\";\r\nimport { ShowHideID, ShowHideItem } from \"./ShowHideItem\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties for the [[ShowHideMenu]] component\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport interface ShowHideMenuProps<T extends ShowHideID> extends GlobalContextMenuProps {\r\n  /** key-label pair list for id's to be shown/hidden, and an accompanying label. */\r\n  items: Array<ShowHideItem<T>>;\r\n  /** X position to place menu */\r\n  x: number;\r\n  /** Y position to place menu */\r\n  y: number;\r\n  /** Whether dialog is opened or closed */\r\n  opened: boolean;\r\n  /** Hidden list to start with */\r\n  initialHidden?: T[];\r\n  /** Called when close button is clicked */\r\n  onClose?: () => void;\r\n  /** Called when item is shown/hidden */\r\n  onShowHideChange?: (cols: T[]) => boolean | undefined;\r\n}\r\n\r\n/** @internal */\r\ninterface ShowHideMenuState<T extends ShowHideID> {\r\n  hiddenColumns: T[];\r\n  dialogOpened: boolean;\r\n}\r\n\r\n/**\r\n * [ContextMenu]($core-react) Component used to toggle show/hide items, given through items prop, through a list of checkboxes.\r\n * Component includes a \"list\" button that displays a dialog with the same checkboxes.\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport class ShowHideMenu<T extends ShowHideID> extends React.PureComponent<ShowHideMenuProps<T>, ShowHideMenuState<T>> {\r\n  /** @internal */\r\n  public override readonly state: ShowHideMenuState<T>;\r\n\r\n  /** @internal */\r\n  constructor(props: ShowHideMenuProps<T>) {\r\n    super(props);\r\n    this.state = {\r\n      hiddenColumns: props.initialHidden || [],\r\n      dialogOpened: false,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(oldProps: ShowHideMenuProps<T>) {\r\n    if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {\r\n      this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */[] }));\r\n    }\r\n  }\r\n\r\n  private _toggleItem = (item: ShowHideItem<T>) => {\r\n    if (this.state.hiddenColumns.indexOf(item.id) !== -1)\r\n      this._show(item);\r\n    else\r\n      this._hide(item);\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n  };\r\n\r\n  private _hide = (item: ShowHideItem<T>) => {\r\n    this.setState(\r\n      (prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }),\r\n      () => {\r\n        if (this.props.onShowHideChange)\r\n          this.props.onShowHideChange(this.state.hiddenColumns);\r\n      });\r\n  };\r\n\r\n  private _show = (item: ShowHideItem<T>) => {\r\n    const hiddenColumns = this.state.hiddenColumns.filter((value) => {\r\n      return value !== item.id;\r\n    });\r\n\r\n    this.setState({ hiddenColumns }, () => {\r\n      if (this.props.onShowHideChange)\r\n        this.props.onShowHideChange(this.state.hiddenColumns);\r\n    });\r\n  };\r\n\r\n  private _showAll = () => {\r\n    this.setState({ hiddenColumns: [] }, () => {\r\n      // istanbul ignore next\r\n      if (this.props.onShowHideChange)\r\n        this.props.onShowHideChange(this.state.hiddenColumns);\r\n    });\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n  };\r\n  private _showDialog = () => {\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n    this.setState({\r\n      dialogOpened: true,\r\n    });\r\n  };\r\n\r\n  private _closeDialog = () => {\r\n    this.setState({\r\n      dialogOpened: false,\r\n    });\r\n  };\r\n\r\n  private _defaultContextMenu = (event: React.MouseEvent) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const { items, x, y, opened, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <GlobalContextMenu\r\n        x={x}\r\n        y={y}\r\n        opened={opened}\r\n        onEsc={onClose}\r\n        onOutsideClick={onClose}\r\n        edgeLimit={false}\r\n        autoflip={true}\r\n        {...props}>\r\n        {this.props.items.map((item, index) => {\r\n          const visible = this.state.hiddenColumns.indexOf(item.id) === -1;\r\n          const sel = () => this._toggleItem(item);\r\n          const label = item.label || UiComponents.translate(\"showhide.noLabel\");\r\n          const id = `show-hide-menu-input-${index}`;\r\n          return (\r\n            <ContextMenuItem key={index}\r\n              onSelect={sel}\r\n              icon={<Checkbox data-testid={id} id={id} checked={visible} onChange={() => undefined} />} >\r\n              {label}\r\n            </ContextMenuItem>\r\n          );\r\n        })}\r\n        <ContextMenuDivider />\r\n        <ContextMenuItem onSelect={this._showAll}><span data-testid=\"show-hide-showall\">{UiComponents.translate(\"showhide.showAll\")}</span></ContextMenuItem>\r\n        <ContextMenuItem onSelect={this._showDialog}><span data-testid=\"show-hide-list\">{UiComponents.translate(\"showhide.list\")}</span></ContextMenuItem>\r\n        <ShowHideDialog\r\n          items={items}\r\n          title={UiComponents.translate(\"showhide.title\")}\r\n          opened={this.state.dialogOpened}\r\n          onClose={this._closeDialog}\r\n          initialHidden={this.state.hiddenColumns}\r\n          onContextMenu={this._defaultContextMenu}\r\n          onShowHideChange={onShowHideChange} />\r\n      </GlobalContextMenu>\r\n    );\r\n  }\r\n}\r\n\r\n// cspell:ignore showall\r\n"]}

package/lib/cjs/components-react/converters/BooleanTypeConverter.d.ts

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module TypeConverters
- */
-import { Primitives } from "@itwin/appui-abstract";
-import { TypeConverter } from "./TypeConverter";
-/** Boolean Type Converter.
- * @public
- */
-export declare class BooleanTypeConverter extends TypeConverter {
-    /** @internal */
-    static sl10nTrue: string;
-    /** @internal */
-    static sl10nFalse: string;
-    /** @internal */
-    static getLocalizedTrueFalse(): void;
-    convertToString(value?: Primitives.Boolean): string;
-    convertFromString(value: string): boolean;
-    sortCompare(a: Primitives.Boolean, b: Primitives.Boolean, _ignoreCase?: boolean): number;
-    get isBooleanType(): boolean;
-}
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { Primitives } from "@itwin/appui-abstract";
+import { TypeConverter } from "./TypeConverter";
+/** Boolean Type Converter.
+ * @public
+ */
+export declare class BooleanTypeConverter extends TypeConverter {
+    /** @internal */
+    static sl10nTrue: string;
+    /** @internal */
+    static sl10nFalse: string;
+    /** @internal */
+    static getLocalizedTrueFalse(): void;
+    convertToString(value?: Primitives.Boolean): string;
+    convertFromString(value: string): boolean;
+    sortCompare(a: Primitives.Boolean, b: Primitives.Boolean, _ignoreCase?: boolean): number;
+    get isBooleanType(): boolean;
+}
 //# sourceMappingURL=BooleanTypeConverter.d.ts.map