cx 26.0.11 → 26.0.13

package/src/widgets/icons/cx.tsx

@@ -1,38 +1,38 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('cx', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="-347 249.7 48 48"
-   >
-      <g>
-         <path fill="currentColor" opacity="0.7" d="M-337.1 273.16l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" d="M-318.32 273.16l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" opacity="0.7" d="M-337.53 273.43h-8.45l4.22-7.33z"/>
-         <path fill="currentColor" d="M-309.38 273.43h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" opacity="0.7" d="M-332.4 265.03l-4.22-7.33h8.46z"/>
-         <path fill="currentColor" d="M-304.24 265.03l-4.23-7.33h8.45z"/>
-         <path fill="currentColor" d="M-322.97 265.03l-4.28-7.33h8.5z"/>
-         <path fill="currentColor" opacity="0.7" d="M-332.87 265.3h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" opacity="0.7" d="M-323.45 265.3h-8.46l4.2-7.33z"/>
-         <path fill="currentColor" d="M-314.1 265.3h-8.45l4.23-7.33z"/>
-         <path fill="currentColor" d="M-308.9 273.16l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" d="M-304.67 265.3h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" d="M-314.1 281.57h-8.45l4.23-7.33z"/>
-         <path fill="currentColor" d="M-313.6 281.3l-4.24-7.33h8.46z"/>
-         <path fill="currentColor" d="M-318.32 289.43l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" d="M-304.67 281.57h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" d="M-308.9 289.43l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" opacity="0.7" d="M-341.76 281.3l-4.22-7.33h8.45z"/>
-         <path fill="currentColor" opacity="0.7" d="M-332.87 281.57h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" opacity="0.7" d="M-337.1 289.43l-4.23-7.33h8.46z"/>
-         <path fill="currentColor" opacity="0.7" d="M-327.68 289.43l-4.23-7.33h8.43z"/>
-         <path fill="currentColor" opacity="0.7" d="M-328.16 289.7h-8.46l4.23-7.33z"/>
-         <path fill="currentColor" d="M-318.75 289.7h-8.5l4.28-7.33z"/>
-         <path fill="currentColor" d="M-300.02 289.7h-8.45l4.23-7.33z"/>
-      </g>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('cx', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="-347 249.7 48 48"
+   >
+      <g>
+         <path fill="currentColor" opacity="0.7" d="M-337.1 273.16l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" d="M-318.32 273.16l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" opacity="0.7" d="M-337.53 273.43h-8.45l4.22-7.33z"/>
+         <path fill="currentColor" d="M-309.38 273.43h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" opacity="0.7" d="M-332.4 265.03l-4.22-7.33h8.46z"/>
+         <path fill="currentColor" d="M-304.24 265.03l-4.23-7.33h8.45z"/>
+         <path fill="currentColor" d="M-322.97 265.03l-4.28-7.33h8.5z"/>
+         <path fill="currentColor" opacity="0.7" d="M-332.87 265.3h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" opacity="0.7" d="M-323.45 265.3h-8.46l4.2-7.33z"/>
+         <path fill="currentColor" d="M-314.1 265.3h-8.45l4.23-7.33z"/>
+         <path fill="currentColor" d="M-308.9 273.16l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" d="M-304.67 265.3h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" d="M-314.1 281.57h-8.45l4.23-7.33z"/>
+         <path fill="currentColor" d="M-313.6 281.3l-4.24-7.33h8.46z"/>
+         <path fill="currentColor" d="M-318.32 289.43l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" d="M-304.67 281.57h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" d="M-308.9 289.43l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" opacity="0.7" d="M-341.76 281.3l-4.22-7.33h8.45z"/>
+         <path fill="currentColor" opacity="0.7" d="M-332.87 281.57h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" opacity="0.7" d="M-337.1 289.43l-4.23-7.33h8.46z"/>
+         <path fill="currentColor" opacity="0.7" d="M-327.68 289.43l-4.23-7.33h8.43z"/>
+         <path fill="currentColor" opacity="0.7" d="M-328.16 289.7h-8.46l4.23-7.33z"/>
+         <path fill="currentColor" d="M-318.75 289.7h-8.5l4.28-7.33z"/>
+         <path fill="currentColor" d="M-300.02 289.7h-8.45l4.23-7.33z"/>
+      </g>
+   </svg>
+}, true);
+

package/src/widgets/icons/drop-down.tsx

@@ -1,15 +1,15 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('drop-down', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 20 20">
-      <path fill="currentColor"
-            strokeWidth="0"
-            stroke="currentColor"
-            d="M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('drop-down', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 20 20">
+      <path fill="currentColor"
+            strokeWidth="0"
+            stroke="currentColor"
+            d="M4.516 8.147L10.01 12.5l5.474-4.33-.473-.65-5 3.98-5-4z"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/file.tsx

@@ -1,13 +1,13 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('file', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 16 16">
-      <path d="M2 2h5v5h5v7H2z" fill="currentColor" stroke="none"/>
-      <path d="M8 2v4h4z" fill="currentColor" stroke="none"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('file', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 16 16">
+      <path d="M2 2h5v5h5v7H2z" fill="currentColor" stroke="none"/>
+      <path d="M8 2v4h4z" fill="currentColor" stroke="none"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/folder-open.tsx

@@ -1,15 +1,15 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('folder-open', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 16 16">
-
-      <path d="M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z" fill="currentColor" stroke="none"/>
-      <path d="M3 7h13l-3 7H0z" fill="currentColor" stroke="none"/>
-
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('folder-open', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 16 16">
+
+      <path d="M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z" fill="currentColor" stroke="none"/>
+      <path d="M3 7h13l-3 7H0z" fill="currentColor" stroke="none"/>
+
+   </svg>
+}, true);
+

package/src/widgets/icons/folder.tsx

@@ -1,13 +1,13 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('folder', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 16 16">
-
-      <path d="M1 5h13v9H1zm1 0h6L7 3H3z" fill="currentColor" stroke="none"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('folder', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 16 16">
+
+      <path d="M1 5h13v9H1zm1 0h6L7 3H3z" fill="currentColor" stroke="none"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/forward.tsx

@@ -1,22 +1,22 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('forward', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 20 20">
-
-      <path fill="currentColor"
-         strokeWidth="0"
-         stroke="currentColor"
-         d="M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z" />
-
-      <path fill="currentColor"
-         strokeWidth="0"
-         stroke="currentColor"
-         d="M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z" />
-
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('forward', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 20 20">
+
+      <path fill="currentColor"
+         strokeWidth="0"
+         stroke="currentColor"
+         d="M10.15 15.5L14.5 10l-4.33-5.47-.65.47 3.98 5-4 5z" />
+
+      <path fill="currentColor"
+         strokeWidth="0"
+         stroke="currentColor"
+         d="M6.15 15.5L10.5 10 6.17 4.53 5.52 5l3.98 5-4 5z" />
+
+   </svg>
+}, true);
+

package/src/widgets/icons/loading.tsx

@@ -1,24 +1,24 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('loading', (props: any) => {
-   let style = {
-      animation: 'linear infinite 0.5s cx-rotate'
-   };
-
-   if (props && props.style)
-      Object.assign(style, props.style);
-
-   props = {
-      ...props,
-      style
-   };
-
-   return <svg
-      {...props}
-      viewBox="0 0 50 50">
-      <path fill="currentColor" d="M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z" />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('loading', (props: any) => {
+   let style = {
+      animation: 'linear infinite 0.5s cx-rotate'
+   };
+
+   if (props && props.style)
+      Object.assign(style, props.style);
+
+   props = {
+      ...props,
+      style
+   };
+
+   return <svg
+      {...props}
+      viewBox="0 0 50 50">
+      <path fill="currentColor" d="M43.94 25.14c0-10.3-8.37-18.68-18.7-18.68-10.3 0-18.67 8.37-18.67 18.68h4.07c0-8.07 6.54-14.6 14.6-14.6 8.08 0 14.63 6.53 14.63 14.6h4.07z" />
+   </svg>
+}, true);
+

package/src/widgets/icons/menu.tsx

@@ -1,17 +1,17 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('menu', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 24 24">
-
-      <path d="M0 0h24v24H0z" 
-            fill="none" />
-      <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-            fill="currentColor" />
-
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('menu', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 24 24">
+
+      <path d="M0 0h24v24H0z" 
+            fill="none" />
+      <path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+            fill="currentColor" />
+
+   </svg>
+}, true);
+

package/src/widgets/icons/pixel-picker.tsx

@@ -1,18 +1,18 @@
-/** @jsxImportSource react */
-import { VDOM } from "../../ui/Widget";
-import { registerIcon } from "./registry";
-
-export default registerIcon(
-   "pixel-picker",
-   (props: any) => {
-      return (
-         <svg {...props} viewBox="0 0 30 30">
-            <path
-               d="M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z"
-               fill="currentColor"
-            />
-         </svg>
-      );
-   },
-   true
-);
+/** @jsxImportSource react */
+import { VDOM } from "../../ui/Widget";
+import { registerIcon } from "./registry";
+
+export default registerIcon(
+   "pixel-picker",
+   (props: any) => {
+      return (
+         <svg {...props} viewBox="0 0 30 30">
+            <path
+               d="M27.7,3.3c-1.5-1.5-3.9-1.5-5.4,0L17,8.6l-1.3-1.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l1.3,1.3L5,20.6 c-0.6,0.6-1,1.4-1.1,2.3C3.3,23.4,3,24.2,3,25c0,1.7,1.3,3,3,3c0.8,0,1.6-0.3,2.2-0.9C9,27,9.8,26.6,10.4,26L21,15.4l1.3,1.3 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L22.4,14l5.3-5.3C29.2,7.2,29.2,4.8,27.7,3.3z M9,24.6 c-0.4,0.4-0.8,0.6-1.3,0.5c-0.4,0-0.7,0.2-0.9,0.5C6.7,25.8,6.3,26,6,26c-0.6,0-1-0.4-1-1c0-0.3,0.2-0.7,0.5-0.8 c0.3-0.2,0.5-0.5,0.5-0.9c0-0.5,0.2-1,0.5-1.3L17,11.4l2.6,2.6L9,24.6z"
+               fill="currentColor"
+            />
+         </svg>
+      );
+   },
+   true
+);

package/src/widgets/icons/search.tsx

@@ -1,13 +1,13 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('search', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 32 32">
-      <path fill="currentColor"
-            d="M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z" />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('search', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 32 32">
+      <path fill="currentColor"
+            d="M25.595 22.036l-5.26-5.075c.75-1.18 1.206-2.56 1.206-4.05 0-4.32-3.63-7.82-8.103-7.82-4.477 0-8.107 3.503-8.107 7.82 0 4.32 3.63 7.825 8.106 7.825 1.544 0 2.972-.44 4.198-1.162l5.26 5.074c.37.356.98.354 1.35 0l1.352-1.304c.37-.357.37-.947 0-1.304zm-12.16-3.91c-2.985 0-5.405-2.336-5.405-5.216 0-2.88 2.42-5.214 5.405-5.214 2.984 0 5.404 2.335 5.404 5.214 0 2.88-2.42 5.215-5.407 5.215z" />
+   </svg>
+}, true);
+

package/src/widgets/icons/sort-asc.tsx

@@ -1,14 +1,14 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('sort-asc', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 16 16">
-      <path fill="currentColor"
-         d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z"
-      />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('sort-asc', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 16 16">
+      <path fill="currentColor"
+         d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z"
+      />
+   </svg>
+}, true);
+

package/src/widgets/icons/square.tsx

@@ -1,18 +1,18 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('square', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 64 64">
-      <rect
-         x="12"
-         y="12"
-         width="40"
-         height="40"
-         fill="currentColor"
-      />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('square', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 64 64">
+      <rect
+         x="12"
+         y="12"
+         width="40"
+         height="40"
+         fill="currentColor"
+      />
+   </svg>
+}, true);
+

package/src/widgets/index.ts

@@ -46,6 +46,7 @@ export * from "./ProgressBar";
 export * from "./Resizer";
 export * from "./HighlightedSearchText";
 export * from "./autoFocus";
+export * from "./ReactElementWrapper";
 
 export * from "./icons/index";
 export * from "./overlay/index";

package/src/widgets/nav/MenuItem.tsx

@@ -1,7 +1,7 @@
 /** @jsxImportSource react */
 import { Widget, VDOM } from "../../ui/Widget";
 import { Cx } from "../../ui/Cx";
-import { HtmlElement, HtmlElementConfig, HtmlElementInstance } from "../HtmlElement";
+import { HtmlElement, HtmlElementConfigBase, HtmlElementInstance } from "../HtmlElement";
 import { Instance } from "../../ui/Instance";
 import { RenderingContext } from "../../ui/RenderingContext";
 import { findFirstChild, isFocusable, isSelfOrDescendant, closest, isFocusedDeep, isFocused } from "../../util/DOM";
@@ -35,7 +35,7 @@ import { Config } from "../../ui/Prop";
  - automatically opens the dropdown if mouse is held over for a period of time
  */
 
-export interface MenuItemConfig extends HtmlElementConfig {
+export interface MenuItemConfig extends HtmlElementConfigBase {
    baseClass?: string;
    hoverFocusTimeout?: number;
    clickToOpen?: boolean;
@@ -62,6 +62,7 @@ export interface MenuItemConfig extends HtmlElementConfig {
    hideCursor?: boolean;
    dropdown?: any;
    onClick?: string | ((e: React.MouseEvent | null, instance: HtmlElementInstance<MenuItem>) => void);
+   onMouseDown?: string | ((e: React.MouseEvent, instance: HtmlElementInstance<MenuItem>) => void);
 }
 
 export class MenuItemInstance extends HtmlElementInstance<MenuItem> {