cx 26.1.1 → 26.1.3

package/src/widgets/icons/folder.tsx

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

package/src/widgets/icons/forward.svg

@@ -1,67 +1,67 @@
-<?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"
-   width="20"
-   height="20"
-   viewBox="0 0 20 20"
-   id="svg2"
-   version="1.1"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="forward.svg">
-  <metadata
-     id="metadata10">
-    <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="defs8" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1858"
-     inkscape:window-height="1057"
-     id="namedview6"
-     showgrid="true"
-     inkscape:zoom="20.85965"
-     inkscape:cx="-2.0047887"
-     inkscape:cy="3.5294059"
-     inkscape:window-x="3054"
-     inkscape:window-y="439"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg2">
-    <inkscape:grid
-       type="xygrid"
-       id="grid4138" />
-  </sodipodi:namedview>
-  <path
-     d="M 10.146757,15.5 14.5,10.004575 10.168757,4.5311501 9.5209391,5.0045751 13.5,10.004575 l -3.9999999,5 z"
-     id="path4"
-     inkscape:connector-curvature="0"
-     style="fill:#b3b3b3;fill-rule:evenodd"
-     sodipodi:nodetypes="ccccccc" />
-  <path
-     sodipodi:nodetypes="ccccccc"
-     style="fill:#b3b3b3;fill-rule:evenodd"
-     inkscape:connector-curvature="0"
-     id="path4689"
-     d="M 6.1467571,15.5 10.5,10.004575 6.1687571,4.5311501 5.5209391,5.0045751 9.5,10.004575 l -3.9999999,5 z" />
-</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"
+   width="20"
+   height="20"
+   viewBox="0 0 20 20"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="forward.svg">
+  <metadata
+     id="metadata10">
+    <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="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1858"
+     inkscape:window-height="1057"
+     id="namedview6"
+     showgrid="true"
+     inkscape:zoom="20.85965"
+     inkscape:cx="-2.0047887"
+     inkscape:cy="3.5294059"
+     inkscape:window-x="3054"
+     inkscape:window-y="439"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2">
+    <inkscape:grid
+       type="xygrid"
+       id="grid4138" />
+  </sodipodi:namedview>
+  <path
+     d="M 10.146757,15.5 14.5,10.004575 10.168757,4.5311501 9.5209391,5.0045751 13.5,10.004575 l -3.9999999,5 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#b3b3b3;fill-rule:evenodd"
+     sodipodi:nodetypes="ccccccc" />
+  <path
+     sodipodi:nodetypes="ccccccc"
+     style="fill:#b3b3b3;fill-rule:evenodd"
+     inkscape:connector-curvature="0"
+     id="path4689"
+     d="M 6.1467571,15.5 10.5,10.004575 6.1687571,4.5311501 5.5209391,5.0045751 9.5,10.004575 l -3.9999999,5 z" />
+</svg>

package/src/widgets/icons/forward.tsx

@@ -1,23 +1,23 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('forward', ({ key, ...props }: any) => {
-   return <svg
-      key={key}
-      {...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', ({ key, ...props }: any) => {
+   return <svg
+      key={key}
+      {...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/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

@@ -1,25 +1,25 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('loading', ({ key, ...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
-      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" />
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('loading', ({ key, ...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
+      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" />
+   </svg>
+}, true);
+

package/src/widgets/icons/menu.tsx

@@ -1,18 +1,18 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('menu', ({ key, ...props }: any) => {
-   return <svg
-      key={key}
-      {...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', ({ key, ...props }: any) => {
+   return <svg
+      key={key}
+      {...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",
-   ({ key, ...props }: any) => {
-      return (
-         <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"
-            />
-         </svg>
-      );
-   },
-   true
-);
+/** @jsxImportSource react */
+import { VDOM } from "../../ui/Widget";
+import { registerIcon } from "./registry";
+
+export default registerIcon(
+   "pixel-picker",
+   ({ key, ...props }: any) => {
+      return (
+         <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"
+            />
+         </svg>
+      );
+   },
+   true
+);

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
+   }
 }