cx 26.1.0 → 26.1.2

package/src/widgets/icons/index.ts

@@ -1,14 +1,14 @@
-import "./calendar";
-import "./check";
-import "./clear";
-import "./close";
-import "./drop-down";
-import "./folder";
-import "./folder-open";
-import "./menu";
-import "./loading";
-import "./search";
-import "./cx";
-import "./file";
-
-
+import "./calendar";
+import "./check";
+import "./clear";
+import "./close";
+import "./drop-down";
+import "./folder";
+import "./folder-open";
+import "./menu";
+import "./loading";
+import "./search";
+import "./cx";
+import "./file";
+
+

package/src/widgets/icons/loading.svg

@@ -1,5 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
-    <path 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">
-        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
-    </path>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
+    <path 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">
+        <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/>
+    </path>
 </svg>

package/src/widgets/icons/loading.tsx

@@ -2,7 +2,7 @@
 import {VDOM} from '../../ui/Widget';
 import {registerIcon} from './registry';
 
-export default registerIcon('loading', (props: any) => {
+export default registerIcon('loading', ({ key, ...props }: any) => {
    let style = {
       animation: 'linear infinite 0.5s cx-rotate'
    };
@@ -16,6 +16,7 @@ export default registerIcon('loading', (props: any) => {
    };
 
    return <svg
+      key={key}
       {...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" />

package/src/widgets/icons/menu.tsx

@@ -2,8 +2,9 @@
 import {VDOM} from '../../ui/Widget';
 import {registerIcon} from './registry';
 
-export default registerIcon('menu', (props: any) => {
+export default registerIcon('menu', ({ key, ...props }: any) => {
    return <svg
+      key={key}
       {...props}
       viewBox="0 0 24 24">
 

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

@@ -4,9 +4,9 @@ import { registerIcon } from "./registry";
 
 export default registerIcon(
    "pixel-picker",
-   (props: any) => {
+   ({ key, ...props }: any) => {
       return (
-         <svg {...props} viewBox="0 0 30 30">
+         <svg key={key} {...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"

package/src/widgets/icons/registry.ts

@@ -1,57 +1,57 @@
-import { isFunction } from '../../util/isFunction';
-
-type IconRenderer = (props: Record<string, any>) => React.ReactNode;
-type IconFactory = (name: string, props: Record<string, any>) => React.ReactNode;
-
-let icons: Record<string, IconRenderer> = {};
-let iconFactory: IconFactory | null = null;
-let defaultIcons: Record<string, IconRenderer> = {};
-
-let unregisteredDefaultIcons: Record<string, boolean> = {};
-
-export function registerIcon(name: string, icon: IconRenderer, defaultIcon = false): IconRenderer {
-   if (!defaultIcon || !unregisteredDefaultIcons[name])
-      icons[name] = icon;
-
-   if (!defaultIcon)
-      unregisteredDefaultIcons[name] = true;
-   else
-      defaultIcons[name] = icon;
-
-   return props => renderIcon(name, props);
-}
-
-export function unregisterIcon(...args: string[]): void {
-   args.forEach(name => {
-      delete icons[name];
-      unregisteredDefaultIcons[name] = true;
-   });
-}
-
-export function renderIcon(name: string | IconRenderer, props: Record<string, any> = {}): React.ReactNode {
-
-   if (isFunction(name))
-      return (name as IconRenderer)(props);
-
-   if (icons[name as string])
-      return icons[name as string](props);
-
-   if (iconFactory)
-      return iconFactory(name as string, props);
-
-   return null;
-}
-
-export function clearIcons(): void {
-   icons = {};
-}
-
-export function registerIconFactory(factory: IconFactory): void {
-   iconFactory = factory;
-}
-
-export function restoreDefaultIcons(): void {
-   icons = {
-      ...defaultIcons
-   }
+import { isFunction } from '../../util/isFunction';
+
+type IconRenderer = (props: Record<string, any>) => React.ReactNode;
+type IconFactory = (name: string, props: Record<string, any>) => React.ReactNode;
+
+let icons: Record<string, IconRenderer> = {};
+let iconFactory: IconFactory | null = null;
+let defaultIcons: Record<string, IconRenderer> = {};
+
+let unregisteredDefaultIcons: Record<string, boolean> = {};
+
+export function registerIcon(name: string, icon: IconRenderer, defaultIcon = false): IconRenderer {
+   if (!defaultIcon || !unregisteredDefaultIcons[name])
+      icons[name] = icon;
+
+   if (!defaultIcon)
+      unregisteredDefaultIcons[name] = true;
+   else
+      defaultIcons[name] = icon;
+
+   return props => renderIcon(name, props);
+}
+
+export function unregisterIcon(...args: string[]): void {
+   args.forEach(name => {
+      delete icons[name];
+      unregisteredDefaultIcons[name] = true;
+   });
+}
+
+export function renderIcon(name: string | IconRenderer, props: Record<string, any> = {}): React.ReactNode {
+
+   if (isFunction(name))
+      return (name as IconRenderer)(props);
+
+   if (icons[name as string])
+      return icons[name as string](props);
+
+   if (iconFactory)
+      return iconFactory(name as string, props);
+
+   return null;
+}
+
+export function clearIcons(): void {
+   icons = {};
+}
+
+export function registerIconFactory(factory: IconFactory): void {
+   iconFactory = factory;
+}
+
+export function restoreDefaultIcons(): void {
+   icons = {
+      ...defaultIcons
+   }
 }

package/src/widgets/icons/search.svg

@@ -1,107 +1,107 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   height="32"
-   width="32"
-   id="svg4136"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="search.svg">
-  <metadata
-     id="metadata4144">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs4142" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1856"
-     inkscape:window-height="1057"
-     id="namedview4140"
-     showgrid="false"
-     inkscape:zoom="13.875"
-     inkscape:cx="38.784843"
-     inkscape:cy="27.242283"
-     inkscape:window-x="3056"
-     inkscape:window-y="439"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <g
-     inkscape:groupmode="layer"
-     id="layer1"
-     inkscape:label="Layer 1">
-    <path
-       d="m 25.594512,22.036214 -5.259265,-5.074718 c 0.750769,-1.182754 1.205963,-2.560917 1.205963,-4.051117 0,-4.319104 -3.631083,-7.8221422 -8.106606,-7.8221422 -4.4761755,0 -8.106604,3.5030382 -8.106604,7.8221422 0,4.318476 3.6304285,7.822144 8.106604,7.822144 1.544393,0 2.972676,-0.439221 4.198441,-1.1611 l 5.259266,5.072173 c 0.369441,0.356478 0.981659,0.353931 1.3511,0 l 1.351101,-1.303691 c 0.369442,-0.356478 0.369442,-0.947213 0,-1.303691 z M 13.434604,18.125143 c -2.98456,0 -5.404403,-2.334931 -5.404403,-5.214764 0,-2.87983 2.419843,-5.21476 5.404403,-5.21476 2.984561,0 5.404404,2.33493 5.404404,5.21476 0,2.879833 -2.419843,5.214764 -5.404404,5.214764 z"
-       id="path4138"
-       inkscape:connector-curvature="0" />
-  </g>
-  <g
-     inkscape:groupmode="layer"
-     id="layer2"
-     inkscape:label="Base"
-     style="display:none"
-     sodipodi:insensitive="true">
-    <circle
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.0501454;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="path4140"
-       cx="16"
-       cy="16"
-       r="12" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017764;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4142-8"
-       width="12"
-       height="28"
-       x="10"
-       y="2" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017611;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4144-4"
-       width="28"
-       height="12"
-       x="2"
-       y="10" />
-    <rect
-       y="8"
-       x="4"
-       height="15.999999"
-       width="24"
-       id="rect4146"
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017379;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <rect
-       y="6.0250883"
-       x="6.0250883"
-       height="19.949823"
-       width="19.949823"
-       id="rect4148-8"
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017426;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
-    <rect
-       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.04999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
-       id="rect4150"
-       width="16"
-       height="24"
-       x="8"
-       y="4" />
-  </g>
-</svg>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   height="32"
+   width="32"
+   id="svg4136"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="search.svg">
+  <metadata
+     id="metadata4144">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4142" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1856"
+     inkscape:window-height="1057"
+     id="namedview4140"
+     showgrid="false"
+     inkscape:zoom="13.875"
+     inkscape:cx="38.784843"
+     inkscape:cy="27.242283"
+     inkscape:window-x="3056"
+     inkscape:window-y="439"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1" />
+  <g
+     inkscape:groupmode="layer"
+     id="layer1"
+     inkscape:label="Layer 1">
+    <path
+       d="m 25.594512,22.036214 -5.259265,-5.074718 c 0.750769,-1.182754 1.205963,-2.560917 1.205963,-4.051117 0,-4.319104 -3.631083,-7.8221422 -8.106606,-7.8221422 -4.4761755,0 -8.106604,3.5030382 -8.106604,7.8221422 0,4.318476 3.6304285,7.822144 8.106604,7.822144 1.544393,0 2.972676,-0.439221 4.198441,-1.1611 l 5.259266,5.072173 c 0.369441,0.356478 0.981659,0.353931 1.3511,0 l 1.351101,-1.303691 c 0.369442,-0.356478 0.369442,-0.947213 0,-1.303691 z M 13.434604,18.125143 c -2.98456,0 -5.404403,-2.334931 -5.404403,-5.214764 0,-2.87983 2.419843,-5.21476 5.404403,-5.21476 2.984561,0 5.404404,2.33493 5.404404,5.21476 0,2.879833 -2.419843,5.214764 -5.404404,5.214764 z"
+       id="path4138"
+       inkscape:connector-curvature="0" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer2"
+     inkscape:label="Base"
+     style="display:none"
+     sodipodi:insensitive="true">
+    <circle
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.0501454;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path4140"
+       cx="16"
+       cy="16"
+       r="12" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017764;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4142-8"
+       width="12"
+       height="28"
+       x="10"
+       y="2" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017611;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4144-4"
+       width="28"
+       height="12"
+       x="2"
+       y="10" />
+    <rect
+       y="8"
+       x="4"
+       height="15.999999"
+       width="24"
+       id="rect4146"
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017379;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="6.0250883"
+       x="6.0250883"
+       height="19.949823"
+       width="19.949823"
+       id="rect4148-8"
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.05017426;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="display:inline;opacity:1;fill:none;stroke:#c40000;stroke-width:0.04999999;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="rect4150"
+       width="16"
+       height="24"
+       x="8"
+       y="4" />
+  </g>
+</svg>

package/src/widgets/icons/search.tsx

@@ -2,8 +2,9 @@
 import {VDOM} from '../../ui/Widget';
 import {registerIcon} from './registry';
 
-export default registerIcon('search', (props: any) => {
+export default registerIcon('search', ({ key, ...props }: any) => {
    return <svg
+      key={key}
       {...props}
       viewBox="0 0 32 32">
       <path fill="currentColor"

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

@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-
-150 bytes - 80.39% saving
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+
+150 bytes - 80.39% saving
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><path d="M10.5 5.8l-3-3-3 3 .707.708L7 4.688v8.312h1V4.69l1.793 1.817z" fill="#898989"/></svg>

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

@@ -2,8 +2,9 @@
 import {VDOM} from '../../ui/Widget';
 import {registerIcon} from './registry';
 
-export default registerIcon('sort-asc', (props: any) => {
+export default registerIcon('sort-asc', ({ key, ...props }: any) => {
    return <svg
+      key={key}
       {...props}
       viewBox="0 0 16 16">
       <path fill="currentColor"

package/src/widgets/icons/square.tsx

@@ -2,8 +2,9 @@
 import {VDOM} from '../../ui/Widget';
 import {registerIcon} from './registry';
 
-export default registerIcon('square', (props: any) => {
+export default registerIcon('square', ({ key, ...props }: any) => {
    return <svg
+      key={key}
       {...props}
       viewBox="0 0 64 64">
       <rect

package/src/widgets/index.d.ts

@@ -1,55 +1,55 @@
-import { Widget } from "../ui/Widget";
-import { Text } from "../ui/Text";
-import { StaticText } from "../ui/StaticText";
-import { PureContainer } from "../ui/PureContainer";
-import { Content } from "../ui/layout/Content";
-import { ContentPlaceholder } from "../ui/layout/ContentPlaceholder";
-import { ContentResolver } from "../ui/ContentResolver";
-import { Rescope } from "../ui/Rescope";
-import { Repeater } from "../ui/Repeater";
-import { IsolatedScope } from "../ui/IsolatedScope";
-import { DetachedScope } from "../ui/DetachedScope";
-import { Restate, PrivateStore } from "../ui/Restate";
-import { DataProxy } from "../ui/DataProxy";
-
-//re-export widgets defined in ui namespace
-export {
-   Widget,
-   StaticText,
-   Text,
-   PureContainer,
-   Content,
-   ContentPlaceholder,
-   ContentResolver,
-   Rescope,
-   Repeater,
-   IsolatedScope,
-   DetachedScope,
-   Restate,
-   PrivateStore,
-   DataProxy,
-};
-
-export * from "./cx";
-export * from "./HtmlElement";
-export * from "./Button";
-export * from "./DocumentTitle";
-export * from "./List";
-export * from "./Sandbox";
-export * from "./CxCredit";
-export * from "./Heading";
-export * from "./Section";
-export * from "./FlexBox";
-export * from "./Icon";
-export * from "./ProgressBar";
-export * from "./Resizer";
-export * from "./HighlightedSearchText";
-export * from "./autoFocus";
-
-export * from "./overlay/index";
-export * from "./nav/index";
-export * from "./form/index";
-export * from "./grid/index";
-export * from "./drag-drop/index";
-
-export * from "./enableAllInternalDependencies";
+import { Widget } from "../ui/Widget";
+import { Text } from "../ui/Text";
+import { StaticText } from "../ui/StaticText";
+import { PureContainer } from "../ui/PureContainer";
+import { Content } from "../ui/layout/Content";
+import { ContentPlaceholder } from "../ui/layout/ContentPlaceholder";
+import { ContentResolver } from "../ui/ContentResolver";
+import { Rescope } from "../ui/Rescope";
+import { Repeater } from "../ui/Repeater";
+import { IsolatedScope } from "../ui/IsolatedScope";
+import { DetachedScope } from "../ui/DetachedScope";
+import { Restate, PrivateStore } from "../ui/Restate";
+import { DataProxy } from "../ui/DataProxy";
+
+//re-export widgets defined in ui namespace
+export {
+   Widget,
+   StaticText,
+   Text,
+   PureContainer,
+   Content,
+   ContentPlaceholder,
+   ContentResolver,
+   Rescope,
+   Repeater,
+   IsolatedScope,
+   DetachedScope,
+   Restate,
+   PrivateStore,
+   DataProxy,
+};
+
+export * from "./cx";
+export * from "./HtmlElement";
+export * from "./Button";
+export * from "./DocumentTitle";
+export * from "./List";
+export * from "./Sandbox";
+export * from "./CxCredit";
+export * from "./Heading";
+export * from "./Section";
+export * from "./FlexBox";
+export * from "./Icon";
+export * from "./ProgressBar";
+export * from "./Resizer";
+export * from "./HighlightedSearchText";
+export * from "./autoFocus";
+
+export * from "./overlay/index";
+export * from "./nav/index";
+export * from "./form/index";
+export * from "./grid/index";
+export * from "./drag-drop/index";
+
+export * from "./enableAllInternalDependencies";

package/src/widgets/index.scss

@@ -1,16 +1,16 @@
-@import "animations";
-@import "Button";
-@import "List";
-@import "CxCredit";
-@import "Section";
-@import "Heading";
-@import "FlexBox";
-@import "Icon";
-@import "form/index";
-@import "nav/index";
-@import "overlay/index";
-@import "grid/index";
-@import "drag-drop/index";
-@import "ProgressBar";
-@import "Resizer";
-@import "HighlightedSearchText";
+@import "animations";
+@import "Button";
+@import "List";
+@import "CxCredit";
+@import "Section";
+@import "Heading";
+@import "FlexBox";
+@import "Icon";
+@import "form/index";
+@import "nav/index";
+@import "overlay/index";
+@import "grid/index";
+@import "drag-drop/index";
+@import "ProgressBar";
+@import "Resizer";
+@import "HighlightedSearchText";