@itwin/components-react 3.5.0-dev.16 → 3.5.0-dev.19

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

@@ -1,41 +1,41 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/** Selection mode flags for Table and Tree row selection
- * @public
- */
-export 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 || (SelectionModeFlags = {}));
-/** Selection modes for Table and Tree row selection
- * @public
- */
-export 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 || (SelectionMode = {}));
-/** Determines if a SelectionMode is active
- * @public
- */
-export const hasSelectionModeFlag = (selectionMode, flag) => {
-    return (selectionMode & flag) !== 0;
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Selection mode flags for Table and Tree row selection
+ * @public
+ */
+export 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 || (SelectionModeFlags = {}));
+/** Selection modes for Table and Tree row selection
+ * @public
+ */
+export 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 || (SelectionMode = {}));
+/** Determines if a SelectionMode is active
+ * @public
+ */
+export const hasSelectionModeFlag = (selectionMode, flag) => {
+    return (selectionMode & flag) !== 0;
+};
 //# sourceMappingURL=SelectionModes.js.map

package/lib/esm/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,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED;;GAEG;AACH,MAAM,CAAN,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,KAAb,aAAa,QAWxB;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAA4B,EAAE,IAAwB,EAAW,EAAE;IACtG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,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 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"]}
+{"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,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED;;GAEG;AACH,MAAM,CAAN,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,KAAb,aAAa,QAWxB;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,aAA4B,EAAE,IAAwB,EAAW,EAAE;IACtG,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,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 Common\n */\n\n/** Selection mode flags for Table and 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 Table and 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"]}

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

@@ -1,39 +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 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 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 {};
+/** @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 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 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/esm/components-react/common/showhide/ShowHideDialog.js

@@ -1,68 +1,68 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/* eslint-disable deprecation/deprecation */
-import * as React from "react";
-import { GlobalDialog } from "@itwin/core-react";
-import { UiComponents } from "../../UiComponents";
-import { DialogButtonType } from "@itwin/appui-abstract";
-import { Checkbox } from "@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 will be removed when deprecated [[Table]] component is removed.
- */
-export 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(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: 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.translate("showhide.noLabel");
-            const id = `show-hide-dialog-input-${index}`;
-            return (React.createElement("div", { key: index },
-                React.createElement(Checkbox, { "data-testid": id, id: id, checked: visible, onChange: () => undefined, onClick: sel }),
-                React.createElement("label", { htmlFor: id }, label)));
-        })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/* eslint-disable deprecation/deprecation */
+import * as React from "react";
+import { GlobalDialog } from "@itwin/core-react";
+import { UiComponents } from "../../UiComponents";
+import { DialogButtonType } from "@itwin/appui-abstract";
+import { Checkbox } from "@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 will be removed when deprecated [[Table]] component is removed.
+ */
+export 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(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: 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.translate("showhide.noLabel");
+            const id = `show-hide-dialog-input-${index}`;
+            return (React.createElement("div", { key: index },
+                React.createElement(Checkbox, { "data-testid": id, id: id, checked: visible, onChange: () => undefined, onClick: sel }),
+                React.createElement("label", { htmlFor: id }, label)));
+        })));
+    }
+}
 //# sourceMappingURL=ShowHideDialog.js.map

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

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

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

@@ -1,15 +1,15 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Interface for ShowHide items used to show/hide [[Table]] columns.
- * @public @deprecated 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 will be removed when deprecated [[Table]] component is removed.
- */
-export declare type ShowHideID = string | number | symbol;
+/** @packageDocumentation
+ * @module Common
+ */
+/** Interface for ShowHide items used to show/hide [[Table]] columns.
+ * @public @deprecated 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 will be removed when deprecated [[Table]] component is removed.
+ */
+export declare type ShowHideID = string | number | symbol;
 //# sourceMappingURL=ShowHideItem.d.ts.map

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

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
 //# sourceMappingURL=ShowHideItem.js.map

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

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

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

@@ -1,54 +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 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 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 {};
+/** @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 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 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