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

package/lib/cjs/core-react/colorvariables.scss

@@ -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/cjs/core-react/contextmenu/ContextMenu.d.ts

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

package/lib/cjs/core-react/contextmenu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/core-react/contextmenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextMenu.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAC/B,0DAA4E;AAE5E,qEAAkE;AAClE,iEAA8D;AAC9D,uDAA0E;AAC1E,qDAAuE;AAyCvE;;;;IAII;AACJ,MAAa,WAAY,SAAQ,KAAK,CAAC,aAAiD;IAyBtF,YAAY,KAAuB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAzBP,iBAAY,GAAuB,IAAI,CAAC;QACxC,iBAAY,GAAuB,IAAI,CAAC;QACxC,qBAAgB,GAA4C,IAAI,CAAC;QACjE,YAAO,GAAW,CAAC,CAAC;QACpB,eAAU,GAAwB,IAAI,GAAG,EAAE,CAAC;QAG5C,mBAAc,GAAqC,2CAAoB,CAAC,WAAW,CAAC;QACpF,uBAAkB,GAAW,CAAC,CAAC;QAE/B,wBAAmB,GAAW,CAAC,CAAC;QAChC,uBAAkB,GAAW,CAAC,CAAC;QA+E/B,wBAAmB,GAAG,CAAC,KAAa,EAAE,MAAc,EAAE,EAAE;YAC9D,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC;QAEF,uBAAuB;QACf,0BAAqB,GAAG,CAAC,KAAiB,EAAQ,EAAE;YAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;gBAChD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;QAyFM,yBAAoB,GAAG,CAAC,QAAyB,EAAE,SAA2C,EAAE,aAAqB,EAAE,EAAE;YAC/H,IAAI,KAAK,GAAG,CAAC,CAAC;YACd,2CAA2C;YAC3C,MAAM,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAsB,EAAE,EAAE;gBACjE,qDAAqD;gBACrD,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,+BAAc,IAAI,KAAK,CAAC,IAAI,KAAK,iCAAe,CAAC;oBAC7H,CAAC,wCAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,wCAAuB,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;oBAClH,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,iFAAiF;oBACnG,MAAM,OAAO,GAAG,GAAG,EAAE;wBACnB,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC;wBACrC,IAAI,CAAC,KAAK,EAAE,CAAC;oBACf,CAAC,CAAC;oBACF,MAAM,GAAG,GAAG,CAAC,EAA2C,EAAE,EAAE;wBAC1D,IAAI,aAAa,KAAK,EAAE,EAAE,yEAAyE;4BACjG,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;oBAC/B,CAAC,CAAC;oBACF,MAAM,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,yCAAyC;oBACjH,MAAM,UAAU,GAA8E;wBAC5F,UAAU,EAAE,IAAI;wBAChB,GAAG;wBACH,OAAO;wBACP,UAAU,EAAE,aAAa,KAAK,EAAE;wBAChC,cAAc,EAAE,sBAAsB;qBACvC,CAAC;oBACF,IAAI,KAAK,CAAC,IAAI,KAAK,+BAAc,EAAE,EAAE,kCAAkC;wBACrE,UAAU,CAAC,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,IAAI,0BAA0B,CAAC,SAAS,CAAC;qBACtF;oBACD,KAAK,EAAE,CAAC;oBACR,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;iBAC9C;;oBAAM,OAAO,KAAK,CAAC,CAAC,gCAAgC;YACvD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,OAAO,EAAE,CAAC;QACZ,CAAC,CAAC;QAEM,aAAQ,GAAG,CAAC,EAAyB,EAAE,EAAE;YAC/C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACzB,CAAC,CAAC;QAEM,aAAQ,GAAG,CAAC,EAAyB,EAAE,EAAE;YAC/C,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACzB,CAAC,CAAC;QAiDK,UAAK,GAAG,GAAG,EAAE;YAClB,uBAAuB;YACvB,IAAI,IAAI,CAAC,YAAY;gBACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC;QAC9B,CAAC,CAAC;QAEK,SAAI,GAAG,GAAG,EAAE;YACjB,uBAAuB;YACvB,IAAI,IAAI,CAAC,YAAY;gBACnB,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;QAC7B,CAAC,CAAC;QAEK,YAAO,GAAG,GAAY,EAAE;YAC7B,IAAI,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAC,CAAC,CAAC;YAEtE,uBAAuB;YACvB,IAAI,IAAI,CAAC,YAAY,EAAE;gBACrB,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;aACxD;YACD,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC;QAEM,uBAAkB,GAAG,CAAC,KAAU,EAAQ,EAAE;YAChD,uBAAuB;YACvB,IAAI,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,YAAY,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAClJ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAAuC,EAAQ,EAAE;YACvE,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBACrB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC,CAAC;QAEM,iBAAY,GAAG,CAAC,KAA0C,EAAQ,EAAE;YAC1E,IAAI,IAAI,CAAC,KAAK,CAAC,eAAe,EAAE;gBAC9B,IAAI,CAAC,QAAQ,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC1C,OAAO;aACR;YAED,uBAAuB;YACvB,IAAI,KAAK,CAAC,GAAG,EAAE;gBACb,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC1C,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAa,IAAI,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,EAAE,iCAAiC;wBAClG,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;4BACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,CAAC;4BACtC,OAAO;yBACR;qBACF;iBACF;gBACD,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,CAAC,UAAU,EAAE;oBAC1C,IAAI,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,KAAK,EAAE;wBACrC,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE;4BACzC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,gBAAgB,EAAE;gCACpD,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;6BAChC;wBACH,CAAC,CAAC,CAAC;wBACH,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,OAAO;qBACR;iBACF;aACF;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,SAAS,EAAE;gBACtC,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;oBACrD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;oBACjC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;iBAC/B;gBACD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;oBAClB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC3B;YAED,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,MAAM,EAAE;gBACnC,uBAAuB;gBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;oBAClB,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;aAC3B;YAED,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,KAAK,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACpG,KAAK,CAAC,eAAe,EAAE,CAAC;gBAExB,uBAAuB;gBACvB,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,KAAK,IAAI,0BAA0B,CAAC,IAAI,CAAC,gBAAgB,YAAY,+BAAc,EAAE;oBAChH,uBAAuB;oBACvB,IAAI,IAAI,CAAC,gBAAgB,CAAC,MAAM;wBAC9B,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC;iBAClC;aACF;YAED,IAAI,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACnC,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,SAAS,EAAE;gBAC1E,KAAK,CAAC,eAAe,EAAE,CAAC;gBACxB,IAAI,aAAa,KAAK,CAAC,CAAC,EAAE;oBACxB,aAAa,GAAG,CAAC,CAAC;iBACnB;qBAAM;oBACL,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,OAAO,EAAE;wBACpC,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,CAAC;4BAChC,aAAa,GAAG,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC;;4BAEjC,aAAa,EAAE,CAAC;qBACnB;oBACD,IAAI,KAAK,CAAC,GAAG,KAAK,2BAAU,CAAC,SAAS,EAAE;wBACtC,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC,OAAO,GAAG,CAAC;4BAC/C,aAAa,GAAG,CAAC,CAAC;;4BAElB,aAAa,EAAE,CAAC;qBACnB;iBACF;aACF;YACD,IAAI,CAAC,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC,CAAC;QACnC,CAAC,CAAC;QAzWA,IAAI,CAAC,KAAK,GAAG;YACX,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,aAAc;YACxC,SAAS,EAAE,KAAK,CAAC,SAAU;YAC3B,eAAe,EAAE,KAAK,CAAC,eAAgB;SACxC,CAAC;IACJ,CAAC;IAqEe,MAAM;QACpB,MAAM,EACJ,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,wDAAwD;QAC/I,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,wDAAwD;QAClJ,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1B,MAAM,eAAe,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAEpF,IAAI,IAAI,CAAC,aAAa,KAAK,QAAQ,IAAI,IAAI,CAAC,cAAc,KAAK,eAAe,IAAI,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACtI,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,CAAC,QAAQ,EAAE,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;YACxG,IAAI,CAAC,aAAa,GAAG,QAAQ,CAAC;YAC9B,IAAI,CAAC,cAAc,GAAG,eAAe,CAAC;YACtC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;SACpD;QAED,MAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;QAE9D,OAAO,CACL,6BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,OAAO,EAAE,IAAI,CAAC,YAAY,iBACd,wBAAwB,KAChC,KAAK,EACT,GAAG,EAAE,IAAI,CAAC,QAAQ;YAClB,oBAAC,yCAAmB,IAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB;gBAC7D,6BACE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAClB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,iBACC,6BAA6B,EACzC,SAAS,EAAE,IAAA,oBAAU,EAAC,6BAA6B,EACjD,MAAM,IAAI,0BAA0B,EACpC,QAAQ,IAAI,4BAA4B,EACxC,WAAW,CAAC,4BAA4B,CAAC,eAAe,CAAC,CAC1D,IACA,IAAI,CAAC,iBAAiB,CACnB,CACc,CAClB,CACP,CAAC;IACJ,CAAC;IAyFO,SAAS;;QACf,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,0BAA0B,CAAC,IAAI,CAAC,YAAY,CAAC;QAChG,MAAM,cAAc,GAAG,EAAG,CAAC,aAAa,CAAC;QACzC,uBAAuB;QACvB,OAAO,MAAA,cAAc,CAAC,WAAW,mCAAI,MAAM,CAAC;IAC9C,CAAC;IAED,gBAAgB;IACA,iBAAiB;QAC/B,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACtC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAChE,YAAY,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QAElE,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAE5B,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;YACnB,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,gBAAgB;IACA,oBAAoB;QAClC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QACtC,YAAY,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;QACnE,YAAY,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACvE,CAAC;IAEO,oBAAoB;QAC1B,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvD,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAEtC,IAAI,eAAe,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;QAElF,IAAI,YAAY,CAAC,WAAW,KAAK,IAAI,CAAC,mBAAmB,IAAI,YAAY,CAAC,UAAU,KAAK,IAAI,CAAC,kBAAkB;YAC9G,OAAO;QACT,IAAI,CAAC,mBAAmB,GAAG,YAAY,CAAC,WAAW,CAAC;QACpD,IAAI,CAAC,kBAAkB,GAAG,YAAY,CAAC,UAAU,CAAC;QAElD,4BAA4B;QAC5B,IAAI,YAAY,IAAI,QAAQ,IAAI,UAAU,KAAK,SAAS,EAAE;YACxD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;YAChC,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC,eAAgB,EAAE,QAAQ,EAAE,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,WAAW,CAAC,CAAC;YACtH,uBAAuB;YACvB,IAAI,eAAe,KAAK,IAAI,CAAC,KAAK,CAAC,SAAS;gBAC1C,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC,CAAC;SACjD;IACH,CAAC;IAkHe,kBAAkB,CAAC,SAA2B;QAC5D,IAAI,SAAS,CAAC,aAAa,KAAK,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YACxD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,aAAc,EAAE,CAAC,CAAC,CAAC;SACxE;QACD,IAAI,CAAC,SAAS,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YAC1C,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,CAAC,aAAc,EAAE,CAAC,CAAC,CAAC;SACxE;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YAC1B,2CAA2C;YAC3C,2HAA2H;YAC3H,IAAI,CAAC,oBAAoB,EAAE,CAAC;SAC7B;IACH,CAAC;;AAlZH,kCAmZC;AArYe,wBAAY,GAA8B;IACtD,SAAS,EAAE,2CAAoB,CAAC,WAAW;IAC3C,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,CAAC,CAAC;IACjB,QAAQ,EAAE,IAAI;CACf,CAAC;AAaF,gBAAgB;AACF,oBAAQ,GAAG,CAAC,GAAyB,EAAE,IAAqB,EAAE,WAAmB,EAAE,YAAoB,EAAwB,EAAE;IAC7I,IAAI,IAAI,CAAC,KAAK,GAAG,WAAW,EAAE;QAC5B,QAAQ,GAAG,EAAE;YACX,KAAK,2CAAoB,CAAC,QAAQ;gBAChC,GAAG,GAAG,2CAAoB,CAAC,OAAO,CAAC;gBACnC,MAAM;YACR,KAAK,2CAAoB,CAAC,KAAK;gBAC7B,GAAG,GAAG,2CAAoB,CAAC,IAAI,CAAC;gBAChC,MAAM;YACR,KAAK,2CAAoB,CAAC,WAAW;gBACnC,GAAG,GAAG,2CAAoB,CAAC,UAAU,CAAC;gBACtC,MAAM;SACT;KACF;IACD,IAAI,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE;QACjB,QAAQ,GAAG,EAAE;YACX,KAAK,2CAAoB,CAAC,OAAO;gBAC/B,GAAG,GAAG,2CAAoB,CAAC,QAAQ,CAAC;gBACpC,MAAM;YACR,KAAK,2CAAoB,CAAC,IAAI;gBAC5B,GAAG,GAAG,2CAAoB,CAAC,KAAK,CAAC;gBACjC,MAAM;YACR,KAAK,2CAAoB,CAAC,UAAU;gBAClC,GAAG,GAAG,2CAAoB,CAAC,WAAW,CAAC;gBACvC,MAAM;SACT;KACF;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,YAAY,EAAE;QAC9B,QAAQ,GAAG,EAAE;YACX,KAAK,2CAAoB,CAAC,UAAU;gBAClC,GAAG,GAAG,2CAAoB,CAAC,OAAO,CAAC;gBACnC,MAAM;YACR,KAAK,2CAAoB,CAAC,MAAM;gBAC9B,GAAG,GAAG,2CAAoB,CAAC,GAAG,CAAC;gBAC/B,MAAM;YACR,KAAK,2CAAoB,CAAC,WAAW;gBACnC,GAAG,GAAG,2CAAoB,CAAC,QAAQ,CAAC;gBACpC,MAAM;SACT;KACF;IACD,IAAI,IAAI,CAAC,GAAG,GAAG,CAAC,EAAE;QAChB,QAAQ,GAAG,EAAE;YACX,KAAK,2CAAoB,CAAC,OAAO;gBAC/B,GAAG,GAAG,2CAAoB,CAAC,UAAU,CAAC;gBACtC,MAAM;YACR,KAAK,2CAAoB,CAAC,GAAG;gBAC3B,GAAG,GAAG,2CAAoB,CAAC,MAAM,CAAC;gBAClC,MAAM;YACR,KAAK,2CAAoB,CAAC,QAAQ;gBAChC,GAAG,GAAG,2CAAoB,CAAC,WAAW,CAAC;gBACvC,MAAM;SACT;KACF;IACD,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAuDF,gBAAgB;AACF,wCAA4B,GAAG,CAAC,SAAgC,EAAU,EAAE;IACxF,IAAI,SAAS,GAAG,EAAE,CAAC;IAEnB,uBAAuB;IACvB,IAAI,SAAS,KAAK,SAAS;QACzB,SAAS,GAAG,2CAAoB,CAAC,WAAW,CAAC;IAE/C,IAAI,SAAS,KAAK,2CAAoB,CAAC,IAAI;QACzC,OAAO,EAAE,CAAC;IAEZ,QAAQ,SAAS,EAAE;QACjB,KAAK,2CAAoB,CAAC,OAAO;YAC/B,SAAS,GAAG,8CAA8C,CAAC;YAC3D,MAAM;QACR,KAAK,2CAAoB,CAAC,GAAG;YAC3B,SAAS,GAAG,uBAAuB,CAAC;YACpC,MAAM;QACR,KAAK,2CAAoB,CAAC,QAAQ;YAChC,SAAS,GAAG,+CAA+C,CAAC;YAC5D,MAAM;QACR,KAAK,2CAAoB,CAAC,IAAI;YAC5B,SAAS,GAAG,wBAAwB,CAAC;YACrC,MAAM;QACR,KAAK,2CAAoB,CAAC,MAAM;YAC9B,SAAS,GAAG,0BAA0B,CAAC;YACvC,MAAM;QACR,KAAK,2CAAoB,CAAC,KAAK;YAC7B,SAAS,GAAG,yBAAyB,CAAC;YACtC,MAAM;QACR,KAAK,2CAAoB,CAAC,UAAU;YAClC,SAAS,GAAG,iDAAiD,CAAC;YAC9D,MAAM;QACR,KAAK,2CAAoB,CAAC,MAAM;YAC9B,SAAS,GAAG,0BAA0B,CAAC;YACvC,MAAM;QACR,KAAK,2CAAoB,CAAC,WAAW;YACnC,SAAS,GAAG,kDAAkD,CAAC;YAC/D,MAAM;KACT;IAED,OAAO,SAAS,CAAC;AACnB,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 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"]}
+{"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"]}

package/lib/cjs/core-react/contextmenu/ContextMenu.scss

@@ -9,12 +9,11 @@
 @import "../style/opacity";
 @import "../style/themecolors";
 @import "../z-index";
-@import "~@itwin/itwinui-css/scss/style/typography";
 
 // cspell:ignore themecolors unbordered
 
 $uicore-menu-padding: $uicore-bordered-padding;
-$uicore-menu-top-bottom-padding: $uicore-menu-padding * 0.6667;
+$uicore-menu-top-bottom-padding: calc(#{$uicore-menu-padding} * 0.6667);
 
 .core-context-menu-global {
   position: fixed;
@@ -40,7 +39,7 @@ $uicore-menu-top-bottom-padding: $uicore-menu-padding * 0.6667;
 
   .core-context-menu-container {
     position: absolute;
-    border-radius: 3px;
+    border-radius: var(--iui-border-radius-1);
     padding: 4px 0;
     box-shadow: 0px 3px 5px 0 rgba(0, 0, 0, 0.2);
     background-color: $buic-background-1;
@@ -128,9 +127,9 @@ $uicore-menu-top-bottom-padding: $uicore-menu-padding * 0.6667;
         flex-shrink: 0;
         flex-grow: 0;
         width: $uicore-icons-small;
-        height: $uicore-line-height;
+        height: var(--iui-size-l);
         font-size: $uicore-icons-small;
-        line-height: $uicore-line-height;
+        line-height: var(--iui-size-l);
         text-align: center;
         margin-right: $uicore-unbordered-padding;
         opacity: $uicore-opacity-2;
@@ -144,7 +143,7 @@ $uicore-menu-top-bottom-padding: $uicore-menu-padding * 0.6667;
       > .core-context-menu-content {
         flex-shrink: 0;
         flex-grow: 1;
-        font-size: $iui-font-size;
+        font-size: var(--iui-font-size-1);
         text-align: left;
       }
 
@@ -219,9 +218,9 @@ $uicore-menu-top-bottom-padding: $uicore-menu-padding * 0.6667;
         flex-grow: 0;
         margin-left: $uicore-unbordered-padding;
         width: $uicore-icons-small;
-        height: $uicore-line-height;
+        height: var(--iui-size-l);
         font-size: $uicore-icons-small * 0.5;
-        line-height: $uicore-line-height;
+        line-height: var(--iui-size-l);
         text-align: center;
       }
     }

package/lib/cjs/core-react/contextmenu/ContextSubMenu.js

@@ -106,7 +106,7 @@ class ContextSubMenu extends React.Component {
         // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
         React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu", ContextMenu_1.ContextMenu.getCSSClassNameFromDirection(renderDirection), className), onMouseOver: this._handleMouseOver, ref: (el) => { this._subMenuElement = el; }, "data-testid": "core-context-submenu", ...props },
             React.createElement("div", { onClick: this._handleClick, ref: (el) => { this._menuButtonElement = el; }, className: (0, classnames_1.default)("core-context-menu-item", "core-context-submenu-container", isDisabled && "core-context-menu-disabled", isHidden && "core-context-menu-hidden", isSelected && "core-context-menu-is-selected"), "data-testid": "core-context-submenu-container", role: "menuitem", tabIndex: isSelected ? 0 : -1, "aria-disabled": isDisabled, "aria-hidden": isHidden, "aria-haspopup": true },
-                React.createElement("div", { className: (0, classnames_1.default)("core-context-menu-icon", "icon", icon instanceof appui_abstract_1.ConditionalStringValue && icon.value, typeof icon === "string" && icon) }),
+                React.createElement("div", { className: (0, classnames_1.default)("core-context-menu-icon", "icon", icon) }),
                 React.createElement("div", { className: "core-context-menu-content" }, this._parsedLabel),
                 React.createElement("div", { className: (0, classnames_1.default)("core-context-submenu-arrow", "icon", "icon-caret-right") }),
                 badge &&

package/lib/cjs/core-react/contextmenu/ContextSubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.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 * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ConditionalBooleanValue, ConditionalStringValue } from \"@itwin/appui-abstract\";\r\nimport { ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { TildeFinder } from \"./TildeFinder\";\r\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\r\n\r\n/** Properties for the [[ContextSubMenu]] component\r\n * @public\r\n */\r\nexport interface ContextSubMenuProps extends Omit<ContextMenuItemProps, \"label\">, Omit<ContextMenuProps, \"label\">, CommonProps {\r\n  /** Text/jsx to display in the list item */\r\n  label: string | JSX.Element;\r\n  /** @internal */\r\n  onHotKeyParsed?: (hotKey: string) => void;\r\n}\r\n\r\n/** @internal */\r\ninterface ContextSubMenuState {\r\n  opened: boolean;\r\n  direction: ContextMenuDirection;\r\n  hotKey?: string;\r\n}\r\n\r\n/**\r\n * Submenu wrapper class for use within a [[ContextMenu]] component.\r\n * @public\r\n */\r\nexport class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {\r\n  private _menuElement: ContextMenu | null = null;\r\n  private _subMenuElement: HTMLElement | null = null;\r\n  private _menuButtonElement: HTMLElement | null = null;\r\n\r\n  private _lastLabel: React.ReactNode;\r\n  private _parsedLabel: React.ReactNode;\r\n\r\n  public static defaultProps: Partial<ContextSubMenuProps> = {\r\n    direction: ContextMenuDirection.BottomRight,\r\n    disabled: false,\r\n    hidden: false,\r\n    autoflip: true,\r\n    isSelected: false,\r\n    selectedIndex: 0,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContextSubMenuState>;\r\n  constructor(props: ContextSubMenuProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: false,\r\n      direction: props.direction!,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      label,\r\n      opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };\r\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\r\n    const renderDirection = this.state.direction;\r\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\r\n\r\n    if (this._lastLabel !== label) {\r\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\r\n      this._lastLabel = label;\r\n    }\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\r\n      <div className={classnames(\"core-context-submenu\", ContextMenu.getCSSClassNameFromDirection(renderDirection), className)}\r\n        onMouseOver={this._handleMouseOver}\r\n        ref={(el) => { this._subMenuElement = el; }}\r\n        data-testid=\"core-context-submenu\"\r\n        {...props} >\r\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n        <div\r\n          onClick={this._handleClick}\r\n          ref={(el) => { this._menuButtonElement = el; }}\r\n          className={classnames(\"core-context-menu-item\",\r\n            \"core-context-submenu-container\",\r\n            isDisabled && \"core-context-menu-disabled\",\r\n            isHidden && \"core-context-menu-hidden\",\r\n            isSelected && \"core-context-menu-is-selected\")}\r\n          data-testid=\"core-context-submenu-container\"\r\n          role=\"menuitem\"\r\n          tabIndex={isSelected ? 0 : -1}\r\n          aria-disabled={isDisabled}\r\n          aria-hidden={isHidden}\r\n          aria-haspopup={true}\r\n        >\r\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon instanceof ConditionalStringValue && icon.value, typeof icon === \"string\" && icon)} />\r\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\r\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\", \"icon-caret-right\")} />\r\n          {badge &&\r\n            <div className=\"core-context-menu-badge\">\r\n              {badge}\r\n            </div>\r\n          }\r\n        </div>\r\n        <ContextMenu\r\n          ref={(el) => { this._menuElement = el; }}\r\n          className=\"core-context-submenu-popup\"\r\n          opened={this.state.opened}\r\n          direction={renderDirection}\r\n          parentSubmenu={this}\r\n          {...contextMenuProps} >\r\n          {children}\r\n        </ContextMenu>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    document.addEventListener(\"click\", this._handleClickGlobal);\r\n    this._updateHotkey(this.props.label);\r\n\r\n    this.checkRenderDirection();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    document.removeEventListener(\"click\", this._handleClickGlobal);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState) {\r\n    const direction = this.props.direction!;\r\n    if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)\r\n      this.checkRenderDirection();\r\n    if (this.props.label !== prevProps.label) {\r\n      this._updateHotkey(this.props.label);\r\n    }\r\n  }\r\n\r\n  private getWindow() {\r\n    const el = this._subMenuElement;\r\n    const parentDocument = el!.ownerDocument;\r\n    return parentDocument.defaultView;\r\n  }\r\n\r\n  private checkRenderDirection() {\r\n    const { autoflip } = this.props;\r\n    const parentWindow = this.getWindow();\r\n    let renderDirection = this.state.direction;\r\n    // istanbul ignore else\r\n    if (parentWindow && autoflip && this._menuElement) {\r\n      const menuRect = this._menuElement.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  private _updateHotkey = (node: React.ReactNode) => {\r\n    let hotKey: string | undefined;\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\r\n    if (!isDisabled && !isHidden)\r\n      hotKey = TildeFinder.findAfterTilde(node).character;\r\n    else\r\n      hotKey = undefined;\r\n    if (hotKey && hotKey !== this.state.hotKey) {\r\n      this.setState({ hotKey });\r\n      if (this.props.onHotKeyParsed)\r\n        this.props.onHotKeyParsed(hotKey);\r\n    }\r\n  };\r\n\r\n  public select = () => {\r\n    this.setState({ opened: true }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.focus();\r\n      if (this.props.onSelect !== undefined)\r\n        this.props.onSelect(undefined);\r\n    });\r\n  };\r\n\r\n  public close = (propagate?: boolean) => {\r\n    this.setState({ opened: false }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.blur();\r\n    });\r\n    // istanbul ignore next\r\n    if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {\r\n      this.props.parentMenu.props.parentSubmenu.close(true);\r\n    }\r\n  };\r\n\r\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // istanbul ignore else\r\n    if (this._menuButtonElement && this._menuButtonElement.style.visibility !== \"hidden\" && this.props.onHover) {\r\n      this.props.onHover();\r\n    }\r\n  };\r\n\r\n  private _handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n\r\n    // istanbul ignore else\r\n    if (!isDisabled) {\r\n      // istanbul ignore else\r\n      if (this.props.onClick !== undefined)\r\n        this.props.onClick(event);\r\n      // istanbul ignore next\r\n      if (this.props.opened)\r\n        this.close();\r\n      else\r\n        this.select();\r\n    }\r\n  };\r\n\r\n  private _handleClickGlobal = (event: any) => {\r\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\r\n      this.setState((_prevState) => ({ opened: false }));\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"ContextSubMenu.js","sourceRoot":"","sources":["../../../../src/core-react/contextmenu/ContextSubMenu.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 * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { ContextMenuItemProps } from \"./ContextMenuItem\";\r\nimport { ContextMenu, ContextMenuProps } from \"./ContextMenu\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { ContextMenuDirection } from \"./ContextMenuDirection\";\r\nimport { TildeFinder } from \"./TildeFinder\";\r\nimport { BadgeUtilities } from \"../badge/BadgeUtilities\";\r\n\r\n/** Properties for the [[ContextSubMenu]] component\r\n * @public\r\n */\r\nexport interface ContextSubMenuProps extends Omit<ContextMenuItemProps, \"label\">, Omit<ContextMenuProps, \"label\">, CommonProps {\r\n  /** Text/jsx to display in the list item */\r\n  label: string | JSX.Element;\r\n  /** @internal */\r\n  onHotKeyParsed?: (hotKey: string) => void;\r\n}\r\n\r\n/** @internal */\r\ninterface ContextSubMenuState {\r\n  opened: boolean;\r\n  direction: ContextMenuDirection;\r\n  hotKey?: string;\r\n}\r\n\r\n/**\r\n * Submenu wrapper class for use within a [[ContextMenu]] component.\r\n * @public\r\n */\r\nexport class ContextSubMenu extends React.Component<ContextSubMenuProps, ContextSubMenuState> {\r\n  private _menuElement: ContextMenu | null = null;\r\n  private _subMenuElement: HTMLElement | null = null;\r\n  private _menuButtonElement: HTMLElement | null = null;\r\n\r\n  private _lastLabel: React.ReactNode;\r\n  private _parsedLabel: React.ReactNode;\r\n\r\n  public static defaultProps: Partial<ContextSubMenuProps> = {\r\n    direction: ContextMenuDirection.BottomRight,\r\n    disabled: false,\r\n    hidden: false,\r\n    autoflip: true,\r\n    isSelected: false,\r\n    selectedIndex: 0,\r\n  };\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<ContextSubMenuState>;\r\n  constructor(props: ContextSubMenuProps) {\r\n    super(props);\r\n    this.state = {\r\n      opened: false,\r\n      direction: props.direction!,\r\n    };\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    const {\r\n      label,\r\n      opened, direction, onOutsideClick, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu, parentSubmenu, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      onSelect, icon, disabled, hidden, onHover, isSelected, onHotKeyParsed, // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      children, onClick, className, badgeType, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    const contextMenuProps = { onOutsideClick, onSelect, onEsc, autoflip, edgeLimit, selectedIndex, floating, parentMenu };\r\n    const badge = BadgeUtilities.getComponentForBadgeType(badgeType);\r\n    const renderDirection = this.state.direction;\r\n    const isDisabled = ConditionalBooleanValue.getValue(disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(hidden);\r\n\r\n    if (this._lastLabel !== label) {\r\n      this._parsedLabel = TildeFinder.findAfterTilde(label).node;\r\n      this._lastLabel = label;\r\n    }\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events\r\n      <div className={classnames(\"core-context-submenu\", ContextMenu.getCSSClassNameFromDirection(renderDirection), className)}\r\n        onMouseOver={this._handleMouseOver}\r\n        ref={(el) => { this._subMenuElement = el; }}\r\n        data-testid=\"core-context-submenu\"\r\n        {...props} >\r\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\r\n        <div\r\n          onClick={this._handleClick}\r\n          ref={(el) => { this._menuButtonElement = el; }}\r\n          className={classnames(\"core-context-menu-item\",\r\n            \"core-context-submenu-container\",\r\n            isDisabled && \"core-context-menu-disabled\",\r\n            isHidden && \"core-context-menu-hidden\",\r\n            isSelected && \"core-context-menu-is-selected\")}\r\n          data-testid=\"core-context-submenu-container\"\r\n          role=\"menuitem\"\r\n          tabIndex={isSelected ? 0 : -1}\r\n          aria-disabled={isDisabled}\r\n          aria-hidden={isHidden}\r\n          aria-haspopup={true}\r\n        >\r\n          <div className={classnames(\"core-context-menu-icon\", \"icon\", icon)} />\r\n          <div className={\"core-context-menu-content\"}>{this._parsedLabel}</div>\r\n          <div className={classnames(\"core-context-submenu-arrow\", \"icon\", \"icon-caret-right\")} />\r\n          {badge &&\r\n            <div className=\"core-context-menu-badge\">\r\n              {badge}\r\n            </div>\r\n          }\r\n        </div>\r\n        <ContextMenu\r\n          ref={(el) => { this._menuElement = el; }}\r\n          className=\"core-context-submenu-popup\"\r\n          opened={this.state.opened}\r\n          direction={renderDirection}\r\n          parentSubmenu={this}\r\n          {...contextMenuProps} >\r\n          {children}\r\n        </ContextMenu>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  public override componentDidMount() {\r\n    document.addEventListener(\"click\", this._handleClickGlobal);\r\n    this._updateHotkey(this.props.label);\r\n\r\n    this.checkRenderDirection();\r\n  }\r\n\r\n  public override componentWillUnmount() {\r\n    document.removeEventListener(\"click\", this._handleClickGlobal);\r\n  }\r\n\r\n  public override componentDidUpdate(prevProps: ContextSubMenuProps, prevState: ContextSubMenuState) {\r\n    const direction = this.props.direction!;\r\n    if ((this.state.opened !== prevState.opened && direction !== this.state.direction) || prevProps.direction !== direction)\r\n      this.checkRenderDirection();\r\n    if (this.props.label !== prevProps.label) {\r\n      this._updateHotkey(this.props.label);\r\n    }\r\n  }\r\n\r\n  private getWindow() {\r\n    const el = this._subMenuElement;\r\n    const parentDocument = el!.ownerDocument;\r\n    return parentDocument.defaultView;\r\n  }\r\n\r\n  private checkRenderDirection() {\r\n    const { autoflip } = this.props;\r\n    const parentWindow = this.getWindow();\r\n    let renderDirection = this.state.direction;\r\n    // istanbul ignore else\r\n    if (parentWindow && autoflip && this._menuElement) {\r\n      const menuRect = this._menuElement.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  private _updateHotkey = (node: React.ReactNode) => {\r\n    let hotKey: string | undefined;\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n    const isHidden = ConditionalBooleanValue.getValue(this.props.hidden);\r\n    if (!isDisabled && !isHidden)\r\n      hotKey = TildeFinder.findAfterTilde(node).character;\r\n    else\r\n      hotKey = undefined;\r\n    if (hotKey && hotKey !== this.state.hotKey) {\r\n      this.setState({ hotKey });\r\n      if (this.props.onHotKeyParsed)\r\n        this.props.onHotKeyParsed(hotKey);\r\n    }\r\n  };\r\n\r\n  public select = () => {\r\n    this.setState({ opened: true }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.focus();\r\n      if (this.props.onSelect !== undefined)\r\n        this.props.onSelect(undefined);\r\n    });\r\n  };\r\n\r\n  public close = (propagate?: boolean) => {\r\n    this.setState({ opened: false }, () => {\r\n      // istanbul ignore else\r\n      if (this._menuElement)\r\n        this._menuElement.blur();\r\n    });\r\n    // istanbul ignore next\r\n    if (propagate && this.props.parentMenu && this.props.parentMenu.props.parentSubmenu) {\r\n      this.props.parentMenu.props.parentSubmenu.close(true);\r\n    }\r\n  };\r\n\r\n  private _handleMouseOver = (_event: React.MouseEvent<HTMLDivElement>) => {\r\n    // istanbul ignore else\r\n    if (this._menuButtonElement && this._menuButtonElement.style.visibility !== \"hidden\" && this.props.onHover) {\r\n      this.props.onHover();\r\n    }\r\n  };\r\n\r\n  private _handleClick = (event: any) => {\r\n    event.stopPropagation();\r\n\r\n    const isDisabled = ConditionalBooleanValue.getValue(this.props.disabled);\r\n\r\n    // istanbul ignore else\r\n    if (!isDisabled) {\r\n      // istanbul ignore else\r\n      if (this.props.onClick !== undefined)\r\n        this.props.onClick(event);\r\n      // istanbul ignore next\r\n      if (this.props.opened)\r\n        this.close();\r\n      else\r\n        this.select();\r\n    }\r\n  };\r\n\r\n  private _handleClickGlobal = (event: any) => {\r\n    if (this._subMenuElement && !this._subMenuElement.contains(event.target))\r\n      this.setState((_prevState) => ({ opened: false }));\r\n  };\r\n}\r\n"]}

package/lib/cjs/core-react/dialog/Dialog.scss

@@ -9,7 +9,6 @@
 @import "../z-index";
 @import "../scrollbar";
 @import "~@itwin/itwinui-css/scss/style/typography";
-@import "~@itwin/itwinui-css/scss/style/variables";
 @import "~@itwin/itwinui-css/scss/text/mixins";
 
 // cspell:ignore titlebar outoffocus nwse
@@ -107,7 +106,7 @@
       flex-grow: 1;
       flex-direction: column;
       border: 1px solid $buic-background-dialog-stroke;
-      border-radius: $iui-border-radius;
+      border-radius: var(--iui-border-radius-1);
       background-color: $buic-background-dialog;
       color: $buic-text-color;
       padding: 0;
@@ -144,9 +143,9 @@
 
         > .core-dialog-close {
           cursor: pointer;
-          height: $iui-font-size-title;
-          width: $iui-font-size-title;
-          line-height: $iui-font-size-title;
+          height: var(--iui-font-size-4);
+          width: var(--iui-font-size-4);
+          line-height: var(--iui-font-size-4);
           flex: 0 0 $uicore-icons-medium;
           text-align: center;
           color: $buic-text-color-muted;

package/lib/cjs/core-react/expandable/ExpandableList.d.ts

@@ -14,6 +14,8 @@ export interface ExpandableListProps extends CommonProps {
     singleExpandOnly?: boolean;
     /** Indicates whether the single expanded block is collapsible */
     singleIsCollapsible?: boolean;
+    /** Content */
+    children?: React.ReactNode;
 }
 /** @internal */
 interface ExpandableListState {

package/lib/cjs/core-react/expandable/ExpandableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;gBAEnF,KAAK,EAAE,mBAAmB;IAMtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAGtD;IAGF,OAAO,CAAC,kBAAkB,CAYxB;IAEF,OAAO,CAAC,YAAY;IAUpB,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,MAAM,IAAI,GAAG,CAAC,OAAO;CAOtC"}
+{"version":3,"file":"ExpandableList.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CAAC;gBAEnF,KAAK,EAAE,mBAAmB;IAMtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAGtD;IAGF,OAAO,CAAC,kBAAkB,CAYxB;IAEF,OAAO,CAAC,YAAY;IAUpB,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjD,MAAM,IAAI,GAAG,CAAC,OAAO;CAOtC"}

package/lib/cjs/core-react/expandable/ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAoB/B;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AAnDH,wCAoDC;AA5Ce,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,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 Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,iCAA+B;AAC/B,2CAAoC;AACpC,+BAA+B;AAsB/B;;;GAGG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AAnDH,wCAoDC;AA5Ce,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,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 Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n  /** Content */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/cjs/core-react/expandable/list.scss

@@ -3,43 +3,33 @@
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
 @import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/speed";
 
 @mixin uicore-expandable-blocks-list {
-
   > div {
-
-    transition:               margin $iui-speed-fast ease-in-out;
+    transition: margin var(--iui-duration-1) ease-in-out;
 
     > .iui-header {
-
-      border-color:           $uicore-gray-a transparent transparent;
+      border-color: $uicore-gray-a transparent transparent;
     }
 
     &:first-child {
-
       > .iui-header {
-
-        border-top-color:   transparent;
+        border-top-color: transparent;
       }
     }
   }
 
   > .iui-expanded + div {
-
     > .iui-header {
-
-      border-top-color:       transparent;
+      border-top-color: transparent;
     }
 
-    &.iui-expanded  > .iui-header {
-
-        border-top-color:       $uicore-blue;
+    &.iui-expanded > .iui-header {
+      border-top-color: $uicore-blue;
     }
   }
 
   > .iui-expanded + .iui-expanded {
-
-    margin-top:                 0; // $uicore-unbordered-padding;
+    margin-top: 0; // $uicore-unbordered-padding;
   }
 }

package/lib/cjs/core-react/hocs/withTimeout.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0CAAuC;AAYvC;;GAEG;AACI,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,aAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAuB,KAAM,IAAI,CAAC,KAAK,GAAI,CAC3D,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,WAAW,eAmCtB","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\nimport * as React from \"react\";\r\nimport { Timer } from \"../utils/Timer\";\r\n\r\n/** Properties for [[withTimeout]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithTimeoutProps {\r\n  /** Timeout duration in milliseconds */\r\n  timeout: number;\r\n  /** Callback function for timeout */\r\n  onTimeout?: () => void;\r\n}\r\n\r\n/** withTimeout is a React higher-order component that adds timeout support.\r\n * @public\r\n */\r\nexport const withTimeout = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\r\n    public timer: Timer = new Timer(0);\r\n\r\n    public override componentDidMount(): void {\r\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentWillUnmount(): void {\r\n      this.timer.stop();\r\n    }\r\n\r\n    public override render() {\r\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <Component {...props as ComponentProps} {...this.state} />\r\n      );\r\n    }\r\n\r\n    public startTimer(timeout: number) {\r\n      if (this.timer.isRunning)\r\n        return;\r\n\r\n      this.timer.delay = timeout;\r\n      this.timer.start();\r\n    }\r\n  };\r\n};\r\n"]}
+{"version":3,"file":"withTimeout.js","sourceRoot":"","sources":["../../../../src/core-react/hocs/withTimeout.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0CAAuC;AAYvC;;GAEG;AACI,MAAM,WAAW,GAAG;AACzB,gEAAgE;AAChE,SAA8C,EAC9C,EAAE;IACF,OAAO,MAAM,WAAY,SAAQ,KAAK,CAAC,aAAgD;QAAhF;;YACE,UAAK,GAAU,IAAI,aAAK,CAAC,CAAC,CAAC,CAAC;QA6BrC,CAAC;QA3BiB,iBAAiB;YAC/B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC;YAC9E,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,kBAAkB,CAAC,UAAuD;YACxF,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QAEe,oBAAoB;YAClC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACpB,CAAC;QAEe,MAAM;YACpB,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,wDAAwD;YAC7G,OAAO,CACL,oBAAC,SAAS,OAAK,KAAY,KAAM,IAAI,CAAC,KAAK,GAAI,CAChD,CAAC;QACJ,CAAC;QAEM,UAAU,CAAC,OAAe;YAC/B,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS;gBACtB,OAAO;YAET,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,OAAO,CAAC;YAC3B,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;QACrB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,WAAW,eAmCtB","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\nimport * as React from \"react\";\r\nimport { Timer } from \"../utils/Timer\";\r\n\r\n/** Properties for [[withTimeout]] React higher-order component\r\n * @public\r\n */\r\nexport interface WithTimeoutProps {\r\n  /** Timeout duration in milliseconds */\r\n  timeout: number;\r\n  /** Callback function for timeout */\r\n  onTimeout?: () => void;\r\n}\r\n\r\n/** withTimeout is a React higher-order component that adds timeout support.\r\n * @public\r\n */\r\nexport const withTimeout = <ComponentProps extends {}>(\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  Component: React.ComponentType<ComponentProps>,\r\n) => {\r\n  return class WithTimeout extends React.PureComponent<ComponentProps & WithTimeoutProps> {\r\n    public timer: Timer = new Timer(0);\r\n\r\n    public override componentDidMount(): void {\r\n      this.timer.setOnExecute(() => this.props.onTimeout && this.props.onTimeout());\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentDidUpdate(_prevProps: Readonly<ComponentProps & WithTimeoutProps>): void {\r\n      this.startTimer(this.props.timeout);\r\n    }\r\n\r\n    public override componentWillUnmount(): void {\r\n      this.timer.stop();\r\n    }\r\n\r\n    public override render() {\r\n      const { timeout, onTimeout, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n      return (\r\n        <Component {...props as any} {...this.state} />\r\n      );\r\n    }\r\n\r\n    public startTimer(timeout: number) {\r\n      if (this.timer.isRunning)\r\n        return;\r\n\r\n      this.timer.delay = timeout;\r\n      this.timer.start();\r\n    }\r\n  };\r\n};\r\n"]}

package/lib/cjs/core-react/icons/IconComponent.d.ts

@@ -13,7 +13,7 @@ export declare type IconSpec = string | ConditionalStringValue | React.ReactNode
  * @public
  */
 export interface IconProps extends CommonProps {
-    /** CSS class name or SvgSprite/SvgPath for icon. This is optional because it is improperly
+    /** CSS class name or SvgPath for icon. This is optional because it is improperly
      * used to extend other interfaces and changing it would break existing API.
      */
     iconSpec?: IconSpec;

package/lib/cjs/core-react/icons/IconComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,oBAAY,QAAQ,GAAG,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,sBAgDpC"}
+{"version":3,"file":"IconComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/icons/IconComponent.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,sBAAsB,EAAqB,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAG7C;;GAEG;AACH,oBAAY,QAAQ,GAAG,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,CAAC;AAEzE;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,sBAwCpC"}