npm - @itwin/core-react - Versions diffs - 4.0.0-dev.8 → 4.0.0-dev.9 - Mend

@itwin/core-react 4.0.0-dev.8 → 4.0.0-dev.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (590) hide show

package/lib/esm/core-react/button/button.scss CHANGED Viewed

@@ -3,35 +3,30 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "./variables";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
 // cspell:ignore unbordered
 /// Mixins ---------------------------------------------------------------------
 @mixin uicore-buttons-button {
-  display:                inline-block;
-  padding:                $uicore-button-padding $uicore-unbordered-padding;
-  margin:                 $uicore-inputs-margin 0;
-  border-radius:          $iui-border-radius;
-  line-height:            $uicore-button-line-height;
-  outline:                none;
-  font-family:            $iui-font-family;
-  font-size:              $iui-font-size;
-  text-decoration:        none;
-  cursor:                 pointer;
-  box-sizing:             border-box;
-  box-shadow:             transparent 0px 1px 1px inset;
-  border:                 1px solid transparent;
-  transition:             all $iui-speed-fast ease-in-out;
+  display: inline-block;
+  padding: $uicore-button-padding $uicore-unbordered-padding;
+  margin: $uicore-inputs-margin 0;
+  border-radius: var(--iui-border-radius-1);
+  line-height: $uicore-button-line-height;
+  outline: none;
+  font-family: var(--iui-font-sans);
+  font-size: var(--iui-font-size-1);
+  text-decoration: none;
+  cursor: pointer;
+  box-sizing: border-box;
+  box-shadow: transparent 0px 1px 1px inset;
+  border: 1px solid transparent;
+  transition: all var(--iui-duration-1) ease-in-out;
   &:active,
   &:focus {
     @include uicore-buttons-button-focused;
   }
@@ -39,43 +34,37 @@
   &[disabled]:hover,
   &[disabled]:active,
   &[disabled]:focus {
     @include uicore-buttons-button-disabled;
   }
 }
 @mixin uicore-buttons-button-focused {
-  box-shadow:           $uicore-button-focus-boxshadow;
+  box-shadow: $uicore-button-focus-boxshadow;
 }
 @mixin uicore-buttons-button-unbordered {
-  border-color:         transparent;
-  box-shadow:           transparent 0px 1px 1px inset;
+  border-color: transparent;
+  box-shadow: transparent 0px 1px 1px inset;
 }
 @mixin uicore-buttons-button-disabled {
-  opacity:                $uicore-opacity-disabled;
-  background-color:       $uicore-gray;
-  border:                 0;
-  color:                  $uicore-white;
-  cursor:                 not-allowed;
+  opacity: $uicore-opacity-disabled;
+  background-color: $uicore-gray;
+  border: 0;
+  color: $uicore-white;
+  cursor: not-allowed;
 }
 @mixin uicore-buttons-large-size {
-  padding:                $uicore-inputs-padding-large $uicore-unbordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
+  padding: $uicore-inputs-padding-large $uicore-unbordered-padding-large;
+  margin: $uicore-inputs-margin-large 0;
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-normal);
 }
 @mixin uicore-buttons-large-bordered-size {
-  padding:                $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
-  margin:                 $uicore-inputs-margin-large 0;
-  font-size:              $iui-font-size-leading;
-  font-weight:            $iui-font-weight-normal;
+  padding: $uicore-button-padding-bordered-large $uicore-bordered-padding-large;
+  margin: $uicore-inputs-margin-large 0;
+  font-size: var(--iui-font-size-2);
+  font-weight: var(--iui-font-weight-normal);
 }

package/lib/esm/core-react/button/variables.scss CHANGED Viewed

@@ -9,11 +9,14 @@
 // cspell:ignore unbordered
 $uicore-button-height: 28px;
-$uicore-button-line-height: $uicore-baseline * 1.5;
-$uicore-button-padding: ($uicore-button-height - $uicore-button-line-height) *
-  0.5;
-$uicore-button-padding-bordered: $uicore-button-padding - 1px;
-$uicore-button-padding-bordered-large: $uicore-inputs-padding-large - 1px;
-$uicore-unbordered-padding: $uicore-baseline;
-$uicore-bordered-padding: $uicore-unbordered-padding - 1px;
+$uicore-button-line-height: calc(var(--iui-size-s) * 1.5);
+$uicore-button-padding: calc(
+  (#{$uicore-button-height} - #{$uicore-button-line-height}) * 0.5
+);
+$uicore-button-padding-bordered: calc(#{$uicore-button-padding} - 1px);
+$uicore-button-padding-bordered-large: calc(
+  #{$uicore-inputs-padding-large} - 1px
+);
+$uicore-unbordered-padding: var(--iui-size-s);
+$uicore-bordered-padding: calc(#{$uicore-unbordered-padding} - 1px);
 $uicore-button-focus-boxshadow: $buic-focus-boxshadow 0px 0px 0px 2px;

package/lib/esm/core-react/checkbox/checkbox.scss CHANGED Viewed

@@ -2,17 +2,12 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-// @import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/space";
-@import "~@itwin/itwinui-css/scss/style/speed";
-@import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
+@import "../style/index";
 @mixin uicore-inputs-checkbox {
   display: block;
   position: relative;
-  font-size: $iui-font-size;
+  font-size: var(--iui-font-size-1);
   line-height: normal;
   cursor: pointer;
   user-select: none;
@@ -33,7 +28,7 @@
   }
   .core-checkbox-label {
-    padding-left: $iui-l;
+    padding-left: var(--iui-size-l);
   }
   .core-checkbox-checkmark,
@@ -44,32 +39,32 @@
     height: 1em;
     width: 1em;
     border: 1px solid $buic-foreground-disabled;
-    background-color:  $buic-background-control;
-    border-radius: $iui-border-radius;
+    background-color: $buic-background-control;
+    border-radius: var(--iui-border-radius-1);
   }
   &:hover:not(.core-disabled) input ~ .core-checkbox-checkmark,
   &:hover:not(.core-disabled) input ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-activehover;
-    transition:       all $iui-speed-fast ease-out;
+    border-color: $buic-foreground-activehover;
+    transition: all var(--iui-duration-1) ease-out;
   }
   & input:checked ~ .core-checkbox-checkmark,
   & input:checked ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-muted;
+    border-color: $buic-foreground-muted;
   }
   & input:active ~ .core-checkbox-checkmark,
   & input:active ~ .core-checkbox-indeterminate,
   & input:focus ~ .core-checkbox-checkmark,
   & input:focus ~ .core-checkbox-indeterminate {
-    border-color:     $buic-foreground-focus-border;
-    box-shadow:       $uicore-inputs-focus-boxshadow;
+    border-color: $buic-foreground-focus-border;
+    box-shadow: $uicore-inputs-focus-boxshadow;
   }
   .core-checkbox-checkmark::after,
   .core-checkbox-indeterminate::after {
-    content: '';
+    content: "";
     position: absolute;
     display: none;
   }

package/lib/esm/core-react/checklistbox/CheckListBox.d.ts CHANGED Viewed

@@ -32,7 +32,10 @@ export declare function CheckListBoxSeparator(): JSX.Element;
 /** React component showing a list of Checkbox items.
  * @public
  */
-export declare class CheckListBox extends React.PureComponent<CommonProps> {
+export declare class CheckListBox extends React.PureComponent<CommonProps & {
+    /** Content */
+    children?: React.ReactNode;
+}> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=CheckListBox.d.ts.map

package/lib/esm/core-react/checklistbox/CheckListBox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAWvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,gBAIpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC;~~IAChD~~,MAAM;CAQvB"}
1	+ {"version":3,"file":"CheckListBox.d.ts","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,CAAC;CAC5D;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC;IAC9D,MAAM;CAWvB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,gBAIpC;AAED;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,WAAW,GAAG;IAClE,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;IACgB,MAAM;CAQvB"}

package/lib/esm/core-react/checklistbox/CheckListBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,~~aAA0B~~;~~IAChD~~,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","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 CheckListBox\r\n /\r\n\r\nimport \"./CheckListBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[CheckListBoxItem]] component\r\n * @public\r\n /\r\nexport interface CheckListBoxItemProps extends CommonProps {\r\n /* Label /\r\n label: string;\r\n /* Indicates whether the item is checked or not /\r\n checked?: boolean;\r\n /* Indicates whether the item is disabled or not /\r\n disabled?: boolean;\r\n /* Function called when item is clicked. /\r\n onClick?: () => any;\r\n /* Function called when item is changed. /\r\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\r\n}\r\n\r\n/* Item with a checkbox added to a [[CheckListBox]].\r\n * @public\r\n /\r\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\r\n public override render() {\r\n const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\r\n return (\r\n <li>\r\n <Checkbox checked={this.props.checked} disabled={this.props.disabled}\r\n className={className} style={this.props.style}\r\n label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\r\n data-testid=\"core-chk-listboxitem-checkbox\" />\r\n </li>\r\n );\r\n }\r\n}\r\n\r\n/* Separator added to a [[CheckListBox]].\r\n * @public\r\n /\r\nexport function CheckListBoxSeparator() {\r\n return (\r\n <div className=\"core-chk-listbox-separator\" />\r\n );\r\n}\r\n\r\n/* React component showing a list of Checkbox items.\r\n * @public\r\n */\r\nexport class CheckListBox extends React.PureComponent<CommonProps> {\r\n public override render() {\r\n const className = classnames(\"core-chk-listbox\", this.props.className);\r\n return (\r\n <ul className={className} style={this.props.style}>\r\n {this.props.children}\r\n </ul>\r\n );\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"CheckListBox.js","sourceRoot":"","sources":["../../../../src/core-react/checklistbox/CheckListBox.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAC7B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAmBhD;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,KAAK,CAAC,aAAoC;IAC9D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACpF,OAAO,CACL;YACE,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAClE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAC7C,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,iBACvE,+BAA+B,GAAG,CAC7C,CACN,CAAC;IACJ,CAAC;CACF;AAED;;GAEG;AACH,MAAM,UAAU,qBAAqB;IACnC,OAAO,CACL,6BAAK,SAAS,EAAC,4BAA4B,GAAG,CAC/C,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,aAGtC;IACgB,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACvE,OAAO,CACL,4BAAI,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CACjB,CACN,CAAC;IACJ,CAAC;CACF","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 CheckListBox\r\n /\r\n\r\nimport \"./CheckListBox.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for the [[CheckListBoxItem]] component\r\n * @public\r\n /\r\nexport interface CheckListBoxItemProps extends CommonProps {\r\n /* Label /\r\n label: string;\r\n /* Indicates whether the item is checked or not /\r\n checked?: boolean;\r\n /* Indicates whether the item is disabled or not /\r\n disabled?: boolean;\r\n /* Function called when item is clicked. /\r\n onClick?: () => any;\r\n /* Function called when item is changed. /\r\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => any;\r\n}\r\n\r\n/* Item with a checkbox added to a [[CheckListBox]].\r\n * @public\r\n /\r\nexport class CheckListBoxItem extends React.PureComponent<CheckListBoxItemProps> {\r\n public override render() {\r\n const className = classnames(\"core-chk-listboxitem-checkbox\", this.props.className);\r\n return (\r\n <li>\r\n <Checkbox checked={this.props.checked} disabled={this.props.disabled}\r\n className={className} style={this.props.style}\r\n label={this.props.label} onClick={this.props.onClick} onChange={this.props.onChange}\r\n data-testid=\"core-chk-listboxitem-checkbox\" />\r\n </li>\r\n );\r\n }\r\n}\r\n\r\n/* Separator added to a [[CheckListBox]].\r\n * @public\r\n /\r\nexport function CheckListBoxSeparator() {\r\n return (\r\n <div className=\"core-chk-listbox-separator\" />\r\n );\r\n}\r\n\r\n/* React component showing a list of Checkbox items.\r\n * @public\r\n /\r\nexport class CheckListBox extends React.PureComponent<CommonProps & {\r\n /* Content */\r\n children?: React.ReactNode;\r\n}> {\r\n public override render() {\r\n const className = classnames(\"core-chk-listbox\", this.props.className);\r\n return (\r\n <ul className={className} style={this.props.style}>\r\n {this.props.children}\r\n </ul>\r\n );\r\n }\r\n}\r\n"]}

package/lib/esm/core-react/classes.scss CHANGED Viewed

@@ -10,9 +10,5 @@
 @import "./expandable/classes";
 @import "./icons/classes";
 @import "./inputs/classes";
-@import "./progress-indicators/classes";
-@import "./radio/classes";
-@import "./select/classes";
 @import "./tabs/classes";
 @import "./text/classes";
-@import "./tiles/classes";

package/lib/esm/core-react/colorthemes.scss CHANGED Viewed

@@ -11,21 +11,53 @@
  */
 @mixin light-theme {
-  --buic-button-gradient1:            rgba(var(--iui-color-foreground-body-invert-rgb), 0.65);
-  --buic-button-gradient2:            rgba(var(--iui-color-foreground-body-invert-rgb), 0.00);
+  --buic-button-gradient1: rgba(
+    var(--iui-color-foreground-body-invert-rgb),
+    0.65
+  );
+  --buic-button-gradient2: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
-  --buic-background-editable:         #{mix($iui-color-background-1--light, $iui-color-background-primary--light, 70%)};
-  --buic-row-selection:               #{mix($iui-color-background-1--light, $iui-color-background-primary--light, 80%)};
-  --buic-row-hover:                   #{mix($iui-color-background-1--light, $iui-color-background-primary--light, 90%)};
+  // TODO create new values just for them
+  --buic-background-editable: #{mix(
+      $iui-color-background-1--light,
+      $iui-color-background-primary--light,
+      70%
+    )};
+  --buic-row-selection: #{mix(
+      $iui-color-background-1--light,
+      $iui-color-background-primary--light,
+      80%
+    )};
+  --buic-row-hover: #{mix(
+      $iui-color-background-1--light,
+      $iui-color-background-primary--light,
+      90%
+    )};
 }
 @mixin dark-theme {
-  --buic-button-gradient1:            rgba(var(--iui-color-foreground-body-invert-rgb), 0.00);
-  --buic-button-gradient2:            rgba(var(--iui-color-foreground-body-invert-rgb), 0.25);
+  --buic-button-gradient1: rgba(var(--iui-color-foreground-body-invert-rgb), 0);
+  --buic-button-gradient2: rgba(
+    var(--iui-color-foreground-body-invert-rgb),
+    0.25
+  );
-  --buic-background-editable:         #{mix($iui-color-background-1--dark, $iui-color-background-primary--dark, 70%)};
-  --buic-row-selection:               #{mix($iui-color-background-1--dark, $iui-color-background-primary--dark, 80%)};
-  --buic-row-hover:                   #{mix($iui-color-background-1--dark, $iui-color-background-primary--dark, 90%)};
+  // TODO create new values just for them
+  --buic-background-editable: #{mix(
+      $iui-color-background-1--dark,
+      $iui-color-background-primary--dark,
+      70%
+    )};
+  --buic-row-selection: #{mix(
+      $iui-color-background-1--dark,
+      $iui-color-background-primary--dark,
+      80%
+    )};
+  --buic-row-hover: #{mix(
+      $iui-color-background-1--dark,
+      $iui-color-background-primary--dark,
+      90%
+    )};
 }
 html,

package/lib/esm/core-react/colorvariables.scss CHANGED Viewed

@@ -3,6 +3,7 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/itwinui-css/scss/style/theme";
+@import "~@itwin/itwinui-variables/index";
 // cspell:ignore mediumgray titlebar toolbutton outoffocus
@@ -11,7 +12,6 @@
  */
 :root {
   // NEEDSWORK - Need to deprecate these accessory colors
   --buic-accessory-hollow: rgb(255, 255, 255);
   --buic-accessory-primary: rgb(000, 139, 225);
@@ -35,19 +35,33 @@
   --buic-background-4: var(--iui-color-background-4);
   --buic-background-5: var(--iui-color-background-5);
   --buic-background-primary: var(--iui-color-background-primary);
-  --buic-background-tooltip: rgba(var(--iui-color-background-5-rgb), 0.90);
-  --buic-background-scrollbar: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
-  --buic-background-scrollbar-hover: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3));
+  --buic-background-tooltip: rgba(var(--iui-color-background-5-rgb), 0.9);
+  --buic-background-scrollbar: rgba(
+    var(--iui-color-foreground-body-rgb),
+    var(--iui-opacity-4)
+  );
+  --buic-background-scrollbar-hover: rgba(
+    var(--iui-color-foreground-body-rgb),
+    var(--iui-opacity-3)
+  );
   --buic-foreground-body-rgb: var(--iui-text-color-rgb);
   --buic-foreground-body: var(--iui-text-color);
-  --buic-foreground-body-reverse-rgb: var(--iui-color-foreground-body-invert-rgb);
-  --buic-foreground-body-reverse: rgba(var(--iui-color-foreground-body-invert-rgb), var(--iui-opacity-2));
+  --buic-foreground-body-reverse-rgb: var(
+    --iui-color-foreground-body-invert-rgb
+  );
+  --buic-foreground-body-reverse: rgba(
+    var(--iui-color-foreground-body-invert-rgb),
+    var(--iui-opacity-2)
+  );
   --buic-foreground-muted: var(--iui-text-color-muted);
   --buic-foreground-disabled: var(--iui-text-color-placeholder);
   --buic-foreground-activehover: var(--iui-icons-color-actionable-hover);
-  --buic-inputs-border: rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
+  --buic-inputs-border: rgba(
+    var(--iui-color-foreground-body-rgb),
+    var(--iui-opacity-4)
+  );
   --buic-inputs-boxshadow: var(--iui-focus-box-shadow);
   --buic-popup-boxshadow: var(--buic-inputs-boxshadow);
@@ -55,11 +69,20 @@
   --buic-foreground-primary-tone: var(--iui-color-foreground-primary-overlay);
   --buic-foreground-focus: var(--iui-color-foreground-primary-overlay);
   --buic-foreground-focus-border: var(--buic-inputs-border);
-  --buic-focus-boxshadow: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
+  --buic-focus-boxshadow: rgba(
+    var(--iui-color-foreground-primary-rgb),
+    var(--iui-opacity-4)
+  );
   // The following two are still in use by DatePicker and there is no itwinui equivalent
-  --buic-focus-boxshadow-gradient1: rgba(var(--buic-foreground-primary-tone-rgb), 0);
-  --buic-focus-boxshadow-gradient2: rgba(var(--buic-foreground-primary-rgb), 0.65);
+  --buic-focus-boxshadow-gradient1: rgba(
+    var(--buic-foreground-primary-tone-rgb),
+    0
+  );
+  --buic-focus-boxshadow-gradient2: rgba(
+    var(--buic-foreground-primary-rgb),
+    0.65
+  );
   --buic-foreground-accessory: var(--iui-color-foreground-accessory);
   --buic-foreground-success: var(--iui-color-foreground-positive);
@@ -71,13 +94,28 @@
   --buic-foreground-warning: var(--iui-color-foreground-warning);
   --buic-foreground-warning-rgb: var(--iui-color-foreground-warning-rgb);
-  --buic-background-focus-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
-  --buic-background-hover-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
-  --buic-background-active-overlay: rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
-  --buic-background-pressed-overlay: rgba(var(--iui-color-foreground-primary-rgb), 0.3);
+  --buic-background-focus-overlay: rgba(
+    var(--iui-color-foreground-primary-rgb),
+    var(--iui-opacity-6)
+  );
+  --buic-background-hover-overlay: rgba(
+    var(--iui-color-foreground-primary-rgb),
+    var(--iui-opacity-5)
+  );
+  --buic-background-active-overlay: rgba(
+    var(--iui-color-foreground-primary-rgb),
+    var(--iui-opacity-5)
+  );
+  --buic-background-pressed-overlay: rgba(
+    var(--iui-color-foreground-primary-rgb),
+    0.3
+  );
   --buic-background-card: var(--buic-background-tooltip);
-  --buic-background-striped_row: rgba(var(--iui-color-foreground-body-rgb), 0.03);
+  --buic-background-striped_row: rgba(
+    var(--iui-color-foreground-body-rgb),
+    0.03
+  );
   /** background.5 */
   --buic-background-titlebar: var(--buic-background-5);

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts CHANGED Viewed

@@ -36,6 +36,8 @@ export interface ContextMenuProps extends CommonProps {
     parentSubmenu?: ContextSubMenu;
     /** @internal */
     ignoreNextKeyUp?: boolean;
+    /** Content */
+    children?: React.ReactNode;
 }
 /** @internal */
 interface ContextMenuState {

package/lib/esm/core-react/contextmenu/ContextMenu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAC;AAEvE;;IAEI;AACJ,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,+CAA+C;IAC/C,MAAM,EAAE,OAAO,CAAC;IAChB,gFAAgF;IAChF,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,uDAAuD;IACvD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,GAAG,CAAC;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAC;IAC/B,oCAAoC;IACpC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0IAA0I;IAC1I,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB;IAChB,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,gBAAgB;IAChB,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,gBAAgB;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;~~CAC3B~~;AAED,gBAAgB;AAChB,UAAU,gBAAgB;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,oBAAoB,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED;;;;IAII;AACJ,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,EAAE,gBAAgB,CAAC;IACtF,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,YAAY,CAA4B;IAChD,OAAO,CAAC,gBAAgB,CAAiD;IACzE,OAAO,CAAC,OAAO,CAAa;IAC5B,OAAO,CAAC,UAAU,CAAkC;IAEpD,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,cAAc,CAAsE;IAC5F,OAAO,CAAC,kBAAkB,CAAa;IACvC,OAAO,CAAC,iBAAiB,CAAkB;IAC3C,OAAO,CAAC,mBAAmB,CAAa;IACxC,OAAO,CAAC,kBAAkB,CAAa;IAEvC,OAAc,YAAY,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAOnD;IAEF,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;gBAC/C,KAAK,EAAE,gBAAgB;IASnC,gBAAgB;IAChB,OAAc,QAAQ,QAAS,oBAAoB,QAAQ,eAAe,eAAe,MAAM,gBAAgB,MAAM,KAAG,oBAAoB,CAsD1I;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAGF,OAAO,CAAC,qBAAqB,CAG3B;IAEc,MAAM,IAAI,GAAG,CAAC,OAAO;IA2CrC,gBAAgB;IAChB,OAAc,4BAA4B,oDAAuC,MAAM,CAyCrF;IAEF,OAAO,CAAC,oBAAoB,CAiC1B;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEF,OAAO,CAAC,SAAS;IAOjB,gBAAgB;IACA,iBAAiB;IAWjC,gBAAgB;IACA,oBAAoB;IAMpC,OAAO,CAAC,oBAAoB;IAqBrB,KAAK,aAIV;IAEK,IAAI,aAIT;IAEK,OAAO,QAAO,OAAO,CAQ1B;IAEF,OAAO,CAAC,kBAAkB,CAIxB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CA6ElB;IAEc,kBAAkB,CAAC,SAAS,EAAE,gBAAgB;CAa/D"}
1	+ {"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/lib/esm/core-react/contextmenu/ContextMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.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 ContextMenu\r\n /\r\n\r\nimport \"./ContextMenu.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { ContextMenuItem, ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextSubMenu, ContextSubMenuProps } from \"./ContextSubMenu\";\r\n\r\n/** Properties for the [[ContextMenu]] component\r\n * @public\r\n /\r\nexport interface ContextMenuProps extends CommonProps {\r\n /* Whether ContextMenu is currently opened. /\r\n opened: boolean;\r\n /* Which direction the menu opens. Default: ContextMenuDirection.BottomRight /\r\n direction?: ContextMenuDirection;\r\n /* When click is registered outside of ContextMenu. /\r\n onOutsideClick?: (event: MouseEvent) => any;\r\n /* When list item or submenu is selected /\r\n onSelect?: (event: any) => any;\r\n /* when Escape button is pressed /\r\n onEsc?: (data: any) => any;\r\n /* Whether menu flips directions based on screen edge. Default: true /\r\n autoflip?: boolean;\r\n /* Whether menu hugs screen edge when autoflip is off. Default: true /\r\n edgeLimit?: boolean;\r\n /* Whether Hotkey press selects item, or just highlights item. Default: true /\r\n hotkeySelect?: boolean;\r\n /* starting menu item selected index Default: -1 /\r\n selectedIndex?: number;\r\n /* whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true /\r\n floating?: boolean;\r\n /* @internal /\r\n parentMenu?: ContextMenu;\r\n /* @internal /\r\n parentSubmenu?: ContextSubMenu;\r\n /* @internal /\r\n ignoreNextKeyUp?: boolean;\r\n}\r\n\r\n/* @internal /\r\ninterface ContextMenuState {\r\n selectedIndex: number;\r\n direction: ContextMenuDirection;\r\n ignoreNextKeyUp: boolean;\r\n}\r\n\r\n/\r\n A context menu populated with [[ContextMenuItem]] components.\r\n * Can be nested using [[ContextSubMenu]] component.\r\n * @public\r\n /\r\nexport class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {\r\n private _rootElement: HTMLElement \| null = null;\r\n private _menuElement: HTMLElement \| null = null;\r\n private _selectedElement: ContextMenuItem \| ContextSubMenu \| null = null;\r\n private _length: number = 0;\r\n private _hotKeyMap: Map<number, string> = new Map();\r\n\r\n private _lastChildren: React.ReactNode;\r\n private _lastDirection: ContextMenuDirection \| undefined = ContextMenuDirection.BottomRight;\r\n private _lastSelectedIndex: number = 0;\r\n private _injectedChildren: React.ReactNode;\r\n private _parentWindowHeight: number = 0;\r\n private _parentWindowWidth: number = 0;\r\n\r\n public static defaultProps: Partial<ContextMenuProps> = {\r\n direction: ContextMenuDirection.BottomRight,\r\n autoflip: true,\r\n edgeLimit: true,\r\n hotkeySelect: true,\r\n selectedIndex: -1,\r\n floating: true,\r\n };\r\n\r\n /* @internal /\r\n public override readonly state: Readonly<ContextMenuState>;\r\n constructor(props: ContextMenuProps) {\r\n super(props);\r\n this.state = {\r\n selectedIndex: this.props.selectedIndex!,\r\n direction: props.direction!,\r\n ignoreNextKeyUp: props.ignoreNextKeyUp!,\r\n };\r\n }\r\n\r\n /* @internal /\r\n public static autoFlip = (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number): ContextMenuDirection => {\r\n if (rect.right > windowWidth) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopRight:\r\n dir = ContextMenuDirection.TopLeft;\r\n break;\r\n case ContextMenuDirection.Right:\r\n dir = ContextMenuDirection.Left;\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n dir = ContextMenuDirection.BottomLeft;\r\n break;\r\n }\r\n }\r\n if (rect.left < 0) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopLeft:\r\n dir = ContextMenuDirection.TopRight;\r\n break;\r\n case ContextMenuDirection.Left:\r\n dir = ContextMenuDirection.Right;\r\n break;\r\n case ContextMenuDirection.BottomLeft:\r\n dir = ContextMenuDirection.BottomRight;\r\n break;\r\n }\r\n }\r\n if (rect.bottom > windowHeight) {\r\n switch (dir) {\r\n case ContextMenuDirection.BottomLeft:\r\n dir = ContextMenuDirection.TopLeft;\r\n break;\r\n case ContextMenuDirection.Bottom:\r\n dir = ContextMenuDirection.Top;\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n dir = ContextMenuDirection.TopRight;\r\n break;\r\n }\r\n }\r\n if (rect.top < 0) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopLeft:\r\n dir = ContextMenuDirection.BottomLeft;\r\n break;\r\n case ContextMenuDirection.Top:\r\n dir = ContextMenuDirection.Bottom;\r\n break;\r\n case ContextMenuDirection.TopRight:\r\n dir = ContextMenuDirection.BottomRight;\r\n break;\r\n }\r\n }\r\n return dir;\r\n };\r\n\r\n private _handleHotKeyParsed = (index: number, hotKey: string) => {\r\n this._hotKeyMap.set(index, hotKey);\r\n };\r\n\r\n // istanbul ignore next\r\n private _handleOnOutsideClick = (event: MouseEvent): void => {\r\n if (this.props.opened && this.props.onOutsideClick)\r\n this.props.onOutsideClick(event);\r\n };\r\n\r\n public override render(): JSX.Element {\r\n const {\r\n opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n ...props } = this.props;\r\n const renderDirection = parentMenu === undefined ? this.state.direction : direction;\r\n\r\n if (this._lastChildren !== children \|\| this._lastDirection !== renderDirection \|\| this._lastSelectedIndex !== this.state.selectedIndex) {\r\n this._injectedChildren = this._injectMenuItemProps(children, renderDirection, this.state.selectedIndex);\r\n this._lastChildren = children;\r\n this._lastDirection = renderDirection;\r\n this._lastSelectedIndex = this.state.selectedIndex;\r\n }\r\n\r\n const classNames = classnames(\"core-context-menu\", className);\r\n\r\n return (\r\n <div\r\n role=\"presentation\"\r\n className={classNames}\r\n onKeyUp={this._handleKeyUp}\r\n onClick={this._handleClick}\r\n data-testid=\"core-context-menu-root\"\r\n {...props}\r\n ref={this._rootRef}>\r\n <DivWithOutsideClick onOutsideClick={this._handleOnOutsideClick}>\r\n <div\r\n ref={this._menuRef}\r\n role=\"menu\"\r\n tabIndex={0}\r\n data-testid=\"core-context-menu-container\"\r\n className={classnames(\"core-context-menu-container\",\r\n opened && \"core-context-menu-opened\",\r\n floating && \"core-context-menu-floating\",\r\n ContextMenu.getCSSClassNameFromDirection(renderDirection),\r\n )}>\r\n {this._injectedChildren}\r\n </div>\r\n </DivWithOutsideClick>\r\n </div>\r\n );\r\n }\r\n\r\n /* @internal /\r\n public static getCSSClassNameFromDirection = (direction?: ContextMenuDirection): string => {\r\n let className = \"\";\r\n\r\n // istanbul ignore next\r\n if (direction === undefined)\r\n direction = ContextMenuDirection.BottomRight;\r\n\r\n if (direction === ContextMenuDirection.None)\r\n return \"\";\r\n\r\n switch (direction) {\r\n case ContextMenuDirection.TopLeft:\r\n className = \"core-context-menu-top core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Top:\r\n className = \"core-context-menu-top\";\r\n break;\r\n case ContextMenuDirection.TopRight:\r\n className = \"core-context-menu-top core-context-menu-right\";\r\n break;\r\n case ContextMenuDirection.Left:\r\n className = \"core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Center:\r\n className = \"core-context-menu-center\";\r\n break;\r\n case ContextMenuDirection.Right:\r\n className = \"core-context-menu-right\";\r\n break;\r\n case ContextMenuDirection.BottomLeft:\r\n className = \"core-context-menu-bottom core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Bottom:\r\n className = \"core-context-menu-bottom\";\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n className = \"core-context-menu-bottom core-context-menu-right\";\r\n break;\r\n }\r\n\r\n return className;\r\n };\r\n\r\n private _injectMenuItemProps = (children: React.ReactNode, direction: ContextMenuDirection \| undefined, selectedIndex: number) => {\r\n let index = 0;\r\n // add inheritance data to submenu children\r\n const ch = React.Children.map(children, (child: React.ReactNode) => {\r\n // Capture only ContextSubMenus and ContextMenuItems.\r\n if (child && typeof child === \"object\" && \"props\" in child && (child.type === ContextSubMenu \|\| child.type === ContextMenuItem) &&\r\n !ConditionalBooleanValue.getValue(child.props.disabled) && !ConditionalBooleanValue.getValue(child.props.hidden)) {\r\n const id = index; // get separate id variable so value stays the same when onHover is called later.\r\n const onHover = () => {\r\n this.setState({ selectedIndex: id });\r\n this.focus();\r\n };\r\n const ref = (el: ContextSubMenu \| ContextMenuItem \| null) => {\r\n if (selectedIndex === id) // only save to this._selectedElement if previously captured bool is true\r\n this._selectedElement = el;\r\n };\r\n const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index\r\n const childProps: Partial<ContextSubMenuProps & ContextMenuItemProps & { ref: typeof ref }> = {\r\n parentMenu: this,\r\n ref,\r\n onHover,\r\n isSelected: selectedIndex === id,\r\n onHotKeyParsed: boundHandleHotKeyParse,\r\n };\r\n if (child.type === ContextSubMenu) { // add direction only to sub-menus\r\n childProps.direction = child.props.direction \|\| / istanbul ignore next / direction;\r\n }\r\n index++;\r\n return React.cloneElement(child, childProps);\r\n } else return child; // Else, pass through unmodified\r\n });\r\n this._length = index;\r\n return ch;\r\n };\r\n\r\n private _rootRef = (el: HTMLDivElement \| null) => {\r\n this._rootElement = el;\r\n };\r\n\r\n private _menuRef = (el: HTMLDivElement \| null) => {\r\n this._menuElement = el;\r\n };\r\n\r\n private getWindow() {\r\n const el = this._rootElement ? this._rootElement : / istanbul ignore next / this._menuElement;\r\n const parentDocument = el!.ownerDocument;\r\n // istanbul ignore next\r\n return parentDocument.defaultView ?? window;\r\n }\r\n\r\n /* @internal /\r\n public override componentDidMount() {\r\n const parentWindow = this.getWindow();\r\n parentWindow.addEventListener(\"focus\", this._handleFocusChange);\r\n parentWindow.addEventListener(\"mouseup\", this._handleFocusChange);\r\n\r\n this.checkRenderDirection();\r\n\r\n if (this.props.opened)\r\n this.focus();\r\n }\r\n\r\n /* @internal /\r\n public override componentWillUnmount() {\r\n const parentWindow = this.getWindow();\r\n parentWindow.removeEventListener(\"focus\", this._handleFocusChange);\r\n parentWindow.removeEventListener(\"mouseup\", this._handleFocusChange);\r\n }\r\n\r\n private checkRenderDirection() {\r\n const { direction, autoflip, parentMenu } = this.props;\r\n const parentWindow = this.getWindow();\r\n\r\n let renderDirection = parentMenu === undefined ? this.state.direction : direction;\r\n\r\n if (parentWindow.innerHeight === this._parentWindowHeight && parentWindow.innerWidth === this._parentWindowWidth)\r\n return;\r\n this._parentWindowHeight = parentWindow.innerHeight;\r\n this._parentWindowWidth = parentWindow.innerWidth;\r\n\r\n // check if menu should flip\r\n if (parentWindow && autoflip && parentMenu === undefined) {\r\n const menuRect = this.getRect();\r\n renderDirection = ContextMenu.autoFlip(renderDirection!, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);\r\n // istanbul ignore next\r\n if (renderDirection !== this.state.direction)\r\n this.setState({ direction: renderDirection });\r\n }\r\n }\r\n\r\n public focus = () => {\r\n // istanbul ignore else\r\n if (this._menuElement)\r\n this._menuElement.focus();\r\n };\r\n\r\n public blur = () => {\r\n // istanbul ignore else\r\n if (this._menuElement)\r\n this._menuElement.blur();\r\n };\r\n\r\n public getRect = (): DOMRect => {\r\n let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0});\r\n\r\n // istanbul ignore else\r\n if (this._menuElement) {\r\n clientRect = this._menuElement.getBoundingClientRect();\r\n }\r\n return clientRect;\r\n };\r\n\r\n private _handleFocusChange = (event: any): void => {\r\n // istanbul ignore else\r\n if (this._rootElement && this.props.opened && event.target instanceof Node && this.props.onOutsideClick && !this._rootElement.contains(event.target))\r\n this.props.onOutsideClick(event);\r\n };\r\n\r\n private _handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n if (this.props.onSelect)\r\n this.props.onSelect(event);\r\n };\r\n\r\n private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n if (this.state.ignoreNextKeyUp) {\r\n this.setState({ ignoreNextKeyUp: false });\r\n return;\r\n }\r\n\r\n // istanbul ignore else\r\n if (event.key) {\r\n for (const [key, value] of this._hotKeyMap) {\r\n if (!this.props.hotkeySelect! && key > this.state.selectedIndex) { // Start search at current index.\r\n if (event.key.toUpperCase() === value) {\r\n this.setState({ selectedIndex: key });\r\n return;\r\n }\r\n }\r\n }\r\n for (const [key, value] of this._hotKeyMap) {\r\n if (event.key.toUpperCase() === value) {\r\n this.setState({ selectedIndex: key }, () => {\r\n if (this.props.hotkeySelect && this._selectedElement) {\r\n this._selectedElement.select();\r\n }\r\n });\r\n event.stopPropagation();\r\n return;\r\n }\r\n }\r\n }\r\n\r\n if (event.key === SpecialKey.ArrowLeft) {\r\n event.stopPropagation();\r\n if (this.props.parentMenu && this.props.parentSubmenu) {\r\n this.props.parentSubmenu.close();\r\n this.props.parentMenu.focus();\r\n }\r\n if (this.props.onEsc)\r\n this.props.onEsc(event);\r\n }\r\n\r\n if (event.key === SpecialKey.Escape) {\r\n // istanbul ignore else\r\n if (this.props.onEsc)\r\n this.props.onEsc(event);\r\n }\r\n\r\n if ((event.key === SpecialKey.Enter \|\| event.key === SpecialKey.ArrowRight) && this._selectedElement) {\r\n event.stopPropagation();\r\n\r\n // istanbul ignore else\r\n if (event.key === SpecialKey.Enter \|\| / istanbul ignore next */ this._selectedElement instanceof ContextSubMenu) {\r\n // istanbul ignore else\r\n if (this._selectedElement.select)\r\n this._selectedElement.select();\r\n }\r\n }\r\n\r\n let { selectedIndex } = this.state;\r\n if (event.key === SpecialKey.ArrowUp \|\| event.key === SpecialKey.ArrowDown) {\r\n event.stopPropagation();\r\n if (selectedIndex === -1) {\r\n selectedIndex = 0;\r\n } else {\r\n if (event.key === SpecialKey.ArrowUp) {\r\n if (this.state.selectedIndex === 0)\r\n selectedIndex = this._length - 1;\r\n else\r\n selectedIndex--;\r\n }\r\n if (event.key === SpecialKey.ArrowDown) {\r\n if (this.state.selectedIndex === this._length - 1)\r\n selectedIndex = 0;\r\n else\r\n selectedIndex++;\r\n }\r\n }\r\n }\r\n this.setState({ selectedIndex });\r\n };\r\n\r\n public override componentDidUpdate(prevProps: ContextMenuProps) {\r\n if (prevProps.selectedIndex !== this.props.selectedIndex) {\r\n this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\r\n }\r\n if (!prevProps.opened && this.props.opened) {\r\n this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\r\n }\r\n if (!this.props.parentMenu) {\r\n // const direction = this.props.direction!;\r\n // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) \|\| prevProps.direction !== direction)\r\n this.checkRenderDirection();\r\n }\r\n }\r\n}\r\n"]}
1	+ {"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.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 ContextMenu\r\n /\r\n\r\nimport \"./ContextMenu.scss\";\r\nimport classnames from \"classnames\";\r\nimport as React from \"react\";\r\nimport { ConditionalBooleanValue, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { DivWithOutsideClick } from \"../base/DivWithOutsideClick\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { ContextMenuItem, ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextSubMenu, ContextSubMenuProps } from \"./ContextSubMenu\";\r\n\r\n/** Properties for the [[ContextMenu]] component\r\n * @public\r\n /\r\nexport interface ContextMenuProps extends CommonProps {\r\n /* Whether ContextMenu is currently opened. /\r\n opened: boolean;\r\n /* Which direction the menu opens. Default: ContextMenuDirection.BottomRight /\r\n direction?: ContextMenuDirection;\r\n /* When click is registered outside of ContextMenu. /\r\n onOutsideClick?: (event: MouseEvent) => any;\r\n /* When list item or submenu is selected /\r\n onSelect?: (event: any) => any;\r\n /* when Escape button is pressed /\r\n onEsc?: (data: any) => any;\r\n /* Whether menu flips directions based on screen edge. Default: true /\r\n autoflip?: boolean;\r\n /* Whether menu hugs screen edge when autoflip is off. Default: true /\r\n edgeLimit?: boolean;\r\n /* Whether Hotkey press selects item, or just highlights item. Default: true /\r\n hotkeySelect?: boolean;\r\n /* starting menu item selected index Default: -1 /\r\n selectedIndex?: number;\r\n /* whether menu floats on the viewport, or the page. When false, container elements can clip menu with overflow: hidden; Default: true /\r\n floating?: boolean;\r\n /* @internal /\r\n parentMenu?: ContextMenu;\r\n /* @internal /\r\n parentSubmenu?: ContextSubMenu;\r\n /* @internal /\r\n ignoreNextKeyUp?: boolean;\r\n /* Content /\r\n children?: React.ReactNode;\r\n}\r\n\r\n/* @internal /\r\ninterface ContextMenuState {\r\n selectedIndex: number;\r\n direction: ContextMenuDirection;\r\n ignoreNextKeyUp: boolean;\r\n}\r\n\r\n/\r\n A context menu populated with [[ContextMenuItem]] components.\r\n * Can be nested using [[ContextSubMenu]] component.\r\n * @public\r\n /\r\nexport class ContextMenu extends React.PureComponent<ContextMenuProps, ContextMenuState> {\r\n private _rootElement: HTMLElement \| null = null;\r\n private _menuElement: HTMLElement \| null = null;\r\n private _selectedElement: ContextMenuItem \| ContextSubMenu \| null = null;\r\n private _length: number = 0;\r\n private _hotKeyMap: Map<number, string> = new Map();\r\n\r\n private _lastChildren: React.ReactNode;\r\n private _lastDirection: ContextMenuDirection \| undefined = ContextMenuDirection.BottomRight;\r\n private _lastSelectedIndex: number = 0;\r\n private _injectedChildren: React.ReactNode;\r\n private _parentWindowHeight: number = 0;\r\n private _parentWindowWidth: number = 0;\r\n\r\n public static defaultProps: Partial<ContextMenuProps> = {\r\n direction: ContextMenuDirection.BottomRight,\r\n autoflip: true,\r\n edgeLimit: true,\r\n hotkeySelect: true,\r\n selectedIndex: -1,\r\n floating: true,\r\n };\r\n\r\n /* @internal /\r\n public override readonly state: Readonly<ContextMenuState>;\r\n constructor(props: ContextMenuProps) {\r\n super(props);\r\n this.state = {\r\n selectedIndex: this.props.selectedIndex!,\r\n direction: props.direction!,\r\n ignoreNextKeyUp: props.ignoreNextKeyUp!,\r\n };\r\n }\r\n\r\n /* @internal /\r\n public static autoFlip = (dir: ContextMenuDirection, rect: DOMRectReadOnly, windowWidth: number, windowHeight: number): ContextMenuDirection => {\r\n if (rect.right > windowWidth) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopRight:\r\n dir = ContextMenuDirection.TopLeft;\r\n break;\r\n case ContextMenuDirection.Right:\r\n dir = ContextMenuDirection.Left;\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n dir = ContextMenuDirection.BottomLeft;\r\n break;\r\n }\r\n }\r\n if (rect.left < 0) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopLeft:\r\n dir = ContextMenuDirection.TopRight;\r\n break;\r\n case ContextMenuDirection.Left:\r\n dir = ContextMenuDirection.Right;\r\n break;\r\n case ContextMenuDirection.BottomLeft:\r\n dir = ContextMenuDirection.BottomRight;\r\n break;\r\n }\r\n }\r\n if (rect.bottom > windowHeight) {\r\n switch (dir) {\r\n case ContextMenuDirection.BottomLeft:\r\n dir = ContextMenuDirection.TopLeft;\r\n break;\r\n case ContextMenuDirection.Bottom:\r\n dir = ContextMenuDirection.Top;\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n dir = ContextMenuDirection.TopRight;\r\n break;\r\n }\r\n }\r\n if (rect.top < 0) {\r\n switch (dir) {\r\n case ContextMenuDirection.TopLeft:\r\n dir = ContextMenuDirection.BottomLeft;\r\n break;\r\n case ContextMenuDirection.Top:\r\n dir = ContextMenuDirection.Bottom;\r\n break;\r\n case ContextMenuDirection.TopRight:\r\n dir = ContextMenuDirection.BottomRight;\r\n break;\r\n }\r\n }\r\n return dir;\r\n };\r\n\r\n private _handleHotKeyParsed = (index: number, hotKey: string) => {\r\n this._hotKeyMap.set(index, hotKey);\r\n };\r\n\r\n // istanbul ignore next\r\n private _handleOnOutsideClick = (event: MouseEvent): void => {\r\n if (this.props.opened && this.props.onOutsideClick)\r\n this.props.onOutsideClick(event);\r\n };\r\n\r\n public override render(): JSX.Element {\r\n const {\r\n opened, direction, onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, hotkeySelect, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n selectedIndex, floating, parentMenu, parentSubmenu, children, className, ignoreNextKeyUp, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n ...props } = this.props;\r\n const renderDirection = parentMenu === undefined ? this.state.direction : direction;\r\n\r\n if (this._lastChildren !== children \|\| this._lastDirection !== renderDirection \|\| this._lastSelectedIndex !== this.state.selectedIndex) {\r\n this._injectedChildren = this._injectMenuItemProps(children, renderDirection, this.state.selectedIndex);\r\n this._lastChildren = children;\r\n this._lastDirection = renderDirection;\r\n this._lastSelectedIndex = this.state.selectedIndex;\r\n }\r\n\r\n const classNames = classnames(\"core-context-menu\", className);\r\n\r\n return (\r\n <div\r\n role=\"presentation\"\r\n className={classNames}\r\n onKeyUp={this._handleKeyUp}\r\n onClick={this._handleClick}\r\n data-testid=\"core-context-menu-root\"\r\n {...props}\r\n ref={this._rootRef}>\r\n <DivWithOutsideClick onOutsideClick={this._handleOnOutsideClick}>\r\n <div\r\n ref={this._menuRef}\r\n role=\"menu\"\r\n tabIndex={0}\r\n data-testid=\"core-context-menu-container\"\r\n className={classnames(\"core-context-menu-container\",\r\n opened && \"core-context-menu-opened\",\r\n floating && \"core-context-menu-floating\",\r\n ContextMenu.getCSSClassNameFromDirection(renderDirection),\r\n )}>\r\n {this._injectedChildren}\r\n </div>\r\n </DivWithOutsideClick>\r\n </div>\r\n );\r\n }\r\n\r\n /* @internal /\r\n public static getCSSClassNameFromDirection = (direction?: ContextMenuDirection): string => {\r\n let className = \"\";\r\n\r\n // istanbul ignore next\r\n if (direction === undefined)\r\n direction = ContextMenuDirection.BottomRight;\r\n\r\n if (direction === ContextMenuDirection.None)\r\n return \"\";\r\n\r\n switch (direction) {\r\n case ContextMenuDirection.TopLeft:\r\n className = \"core-context-menu-top core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Top:\r\n className = \"core-context-menu-top\";\r\n break;\r\n case ContextMenuDirection.TopRight:\r\n className = \"core-context-menu-top core-context-menu-right\";\r\n break;\r\n case ContextMenuDirection.Left:\r\n className = \"core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Center:\r\n className = \"core-context-menu-center\";\r\n break;\r\n case ContextMenuDirection.Right:\r\n className = \"core-context-menu-right\";\r\n break;\r\n case ContextMenuDirection.BottomLeft:\r\n className = \"core-context-menu-bottom core-context-menu-left\";\r\n break;\r\n case ContextMenuDirection.Bottom:\r\n className = \"core-context-menu-bottom\";\r\n break;\r\n case ContextMenuDirection.BottomRight:\r\n className = \"core-context-menu-bottom core-context-menu-right\";\r\n break;\r\n }\r\n\r\n return className;\r\n };\r\n\r\n private _injectMenuItemProps = (children: React.ReactNode, direction: ContextMenuDirection \| undefined, selectedIndex: number) => {\r\n let index = 0;\r\n // add inheritance data to submenu children\r\n const ch = React.Children.map(children, (child: React.ReactNode) => {\r\n // Capture only ContextSubMenus and ContextMenuItems.\r\n if (child && typeof child === \"object\" && \"props\" in child && (child.type === ContextSubMenu \|\| child.type === ContextMenuItem) &&\r\n !ConditionalBooleanValue.getValue(child.props.disabled) && !ConditionalBooleanValue.getValue(child.props.hidden)) {\r\n const id = index; // get separate id variable so value stays the same when onHover is called later.\r\n const onHover = () => {\r\n this.setState({ selectedIndex: id });\r\n this.focus();\r\n };\r\n const ref = (el: ContextSubMenu \| ContextMenuItem \| null) => {\r\n if (selectedIndex === id) // only save to this._selectedElement if previously captured bool is true\r\n this._selectedElement = el;\r\n };\r\n const boundHandleHotKeyParse = this._handleHotKeyParsed.bind(this, id); // bind local callback for specific index\r\n const childProps: Partial<ContextSubMenuProps & ContextMenuItemProps & { ref: typeof ref }> = {\r\n parentMenu: this,\r\n ref,\r\n onHover,\r\n isSelected: selectedIndex === id,\r\n onHotKeyParsed: boundHandleHotKeyParse,\r\n };\r\n if (child.type === ContextSubMenu) { // add direction only to sub-menus\r\n childProps.direction = child.props.direction \|\| / istanbul ignore next / direction;\r\n }\r\n index++;\r\n return React.cloneElement(child, childProps);\r\n } else return child; // Else, pass through unmodified\r\n });\r\n this._length = index;\r\n return ch;\r\n };\r\n\r\n private _rootRef = (el: HTMLDivElement \| null) => {\r\n this._rootElement = el;\r\n };\r\n\r\n private _menuRef = (el: HTMLDivElement \| null) => {\r\n this._menuElement = el;\r\n };\r\n\r\n private getWindow() {\r\n const el = this._rootElement ? this._rootElement : / istanbul ignore next / this._menuElement;\r\n const parentDocument = el!.ownerDocument;\r\n // istanbul ignore next\r\n return parentDocument.defaultView ?? window;\r\n }\r\n\r\n /* @internal /\r\n public override componentDidMount() {\r\n const parentWindow = this.getWindow();\r\n parentWindow.addEventListener(\"focus\", this._handleFocusChange);\r\n parentWindow.addEventListener(\"mouseup\", this._handleFocusChange);\r\n\r\n this.checkRenderDirection();\r\n\r\n if (this.props.opened)\r\n this.focus();\r\n }\r\n\r\n /* @internal /\r\n public override componentWillUnmount() {\r\n const parentWindow = this.getWindow();\r\n parentWindow.removeEventListener(\"focus\", this._handleFocusChange);\r\n parentWindow.removeEventListener(\"mouseup\", this._handleFocusChange);\r\n }\r\n\r\n private checkRenderDirection() {\r\n const { direction, autoflip, parentMenu } = this.props;\r\n const parentWindow = this.getWindow();\r\n\r\n let renderDirection = parentMenu === undefined ? this.state.direction : direction;\r\n\r\n if (parentWindow.innerHeight === this._parentWindowHeight && parentWindow.innerWidth === this._parentWindowWidth)\r\n return;\r\n this._parentWindowHeight = parentWindow.innerHeight;\r\n this._parentWindowWidth = parentWindow.innerWidth;\r\n\r\n // check if menu should flip\r\n if (parentWindow && autoflip && parentMenu === undefined) {\r\n const menuRect = this.getRect();\r\n renderDirection = ContextMenu.autoFlip(renderDirection!, menuRect, parentWindow.innerWidth, parentWindow.innerHeight);\r\n // istanbul ignore next\r\n if (renderDirection !== this.state.direction)\r\n this.setState({ direction: renderDirection });\r\n }\r\n }\r\n\r\n public focus = () => {\r\n // istanbul ignore else\r\n if (this._menuElement)\r\n this._menuElement.focus();\r\n };\r\n\r\n public blur = () => {\r\n // istanbul ignore else\r\n if (this._menuElement)\r\n this._menuElement.blur();\r\n };\r\n\r\n public getRect = (): DOMRect => {\r\n let clientRect = DOMRect.fromRect({ x: 0, y: 0, width: 0, height: 0});\r\n\r\n // istanbul ignore else\r\n if (this._menuElement) {\r\n clientRect = this._menuElement.getBoundingClientRect();\r\n }\r\n return clientRect;\r\n };\r\n\r\n private _handleFocusChange = (event: any): void => {\r\n // istanbul ignore else\r\n if (this._rootElement && this.props.opened && event.target instanceof Node && this.props.onOutsideClick && !this._rootElement.contains(event.target))\r\n this.props.onOutsideClick(event);\r\n };\r\n\r\n private _handleClick = (event: React.MouseEvent<HTMLDivElement>): void => {\r\n if (this.props.onSelect)\r\n this.props.onSelect(event);\r\n };\r\n\r\n private _handleKeyUp = (event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n if (this.state.ignoreNextKeyUp) {\r\n this.setState({ ignoreNextKeyUp: false });\r\n return;\r\n }\r\n\r\n // istanbul ignore else\r\n if (event.key) {\r\n for (const [key, value] of this._hotKeyMap) {\r\n if (!this.props.hotkeySelect! && key > this.state.selectedIndex) { // Start search at current index.\r\n if (event.key.toUpperCase() === value) {\r\n this.setState({ selectedIndex: key });\r\n return;\r\n }\r\n }\r\n }\r\n for (const [key, value] of this._hotKeyMap) {\r\n if (event.key.toUpperCase() === value) {\r\n this.setState({ selectedIndex: key }, () => {\r\n if (this.props.hotkeySelect && this._selectedElement) {\r\n this._selectedElement.select();\r\n }\r\n });\r\n event.stopPropagation();\r\n return;\r\n }\r\n }\r\n }\r\n\r\n if (event.key === SpecialKey.ArrowLeft) {\r\n event.stopPropagation();\r\n if (this.props.parentMenu && this.props.parentSubmenu) {\r\n this.props.parentSubmenu.close();\r\n this.props.parentMenu.focus();\r\n }\r\n if (this.props.onEsc)\r\n this.props.onEsc(event);\r\n }\r\n\r\n if (event.key === SpecialKey.Escape) {\r\n // istanbul ignore else\r\n if (this.props.onEsc)\r\n this.props.onEsc(event);\r\n }\r\n\r\n if ((event.key === SpecialKey.Enter \|\| event.key === SpecialKey.ArrowRight) && this._selectedElement) {\r\n event.stopPropagation();\r\n\r\n // istanbul ignore else\r\n if (event.key === SpecialKey.Enter \|\| / istanbul ignore next */ this._selectedElement instanceof ContextSubMenu) {\r\n // istanbul ignore else\r\n if (this._selectedElement.select)\r\n this._selectedElement.select();\r\n }\r\n }\r\n\r\n let { selectedIndex } = this.state;\r\n if (event.key === SpecialKey.ArrowUp \|\| event.key === SpecialKey.ArrowDown) {\r\n event.stopPropagation();\r\n if (selectedIndex === -1) {\r\n selectedIndex = 0;\r\n } else {\r\n if (event.key === SpecialKey.ArrowUp) {\r\n if (this.state.selectedIndex === 0)\r\n selectedIndex = this._length - 1;\r\n else\r\n selectedIndex--;\r\n }\r\n if (event.key === SpecialKey.ArrowDown) {\r\n if (this.state.selectedIndex === this._length - 1)\r\n selectedIndex = 0;\r\n else\r\n selectedIndex++;\r\n }\r\n }\r\n }\r\n this.setState({ selectedIndex });\r\n };\r\n\r\n public override componentDidUpdate(prevProps: ContextMenuProps) {\r\n if (prevProps.selectedIndex !== this.props.selectedIndex) {\r\n this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\r\n }\r\n if (!prevProps.opened && this.props.opened) {\r\n this.setState((_, props) => ({ selectedIndex: props.selectedIndex! }));\r\n }\r\n if (!this.props.parentMenu) {\r\n // const direction = this.props.direction!;\r\n // if ((!this.props.opened && prevProps.opened && direction !== this.state.direction) \|\| prevProps.direction !== direction)\r\n this.checkRenderDirection();\r\n }\r\n }\r\n}\r\n"]}