cx 26.0.2 → 26.0.4

package/src/widgets/grid/GridCell.ts

@@ -1,143 +1,143 @@
-import { StyledContainerBase, StyledContainerConfig } from "../../ui";
-import { Format } from "../../ui/Format";
-import { Instance } from "../../ui/Instance";
-import { BooleanProp, NumberProp, Prop, StringProp } from "../../ui/Prop";
-import { RenderingContext } from "../../ui/RenderingContext";
-import { isUndefined } from "../../util/isUndefined";
-
-export interface GridCellConfig extends StyledContainerConfig {
-   /** Selector used to obtain the value that should be displayed inside the cell. Not required if `field` is used. */
-   value?: StringProp | NumberProp;
-
-   /** Selector used to obtain the weight of the cell in aggregate operations, such as weighted averages. */
-   weight?: Prop<any>;
-
-   /** Add default padding to grid cell. */
-   pad?: BooleanProp;
-
-   /** Format specifier used to convert the value into a string. */
-   format?: StringProp;
-
-   /** Name of the field that holds the value to be displayed. */
-   field?: string;
-
-   /** Record alias. Default is `$record`. */
-   recordName?: string;
-
-   /** Record alias. Default is `$record`. */
-   recordAlias?: string;
-
-   /** Indicate if a cell is editable or not. Default value is true. */
-   editable?: boolean;
-
-   /**
-    * Used to indicate that the adjacent cells in the column should be merged together.
-    * If set to `same-value`, only cells with the same value will be merged.
-    * If set to `always`, all cells within the group will be merged.
-    * This is an experimental feature that might not work well with other
-    * grid related features such as multi-line rows, buffered rendering, etc.
-    */
-   mergeCells?: Prop<"same-value" | "always">;
-
-   /** Aggregate value for the cell. */
-   aggregateValue?: Prop<any>;
-
-   /** Column span. */
-   colSpan?: NumberProp;
-
-   /** Row span. */
-   rowSpan?: NumberProp;
-
-   /** Whether the column is fixed. */
-   fixed?: BooleanProp;
-
-   /** Cell alignment. */
-   align?: "left" | "right" | "center";
-
-   /** Editor widget for cell editing. */
-   editor?: any;
-
-   /** Unique column identifier. */
-   uniqueColumnId?: string;
-}
-
-export class GridCell extends StyledContainerBase<GridCellConfig> {
-   declare value?: StringProp | NumberProp;
-   declare field?: string;
-   declare recordName?: string;
-   declare editable?: boolean;
-   declare align?: "left" | "right" | "center";
-   declare editor?: any;
-   declare uniqueColumnId?: string;
-   declare pad?: boolean;
-   declare fixed?: boolean;
-   declare merged?: boolean;
-
-   constructor(config?: GridCellConfig) {
-      super(config);
-   }
-
-   declareData(...args: any[]) {
-      return super.declareData(...args, {
-         value: undefined,
-         aggregateValue: undefined,
-         weight: undefined,
-         pad: undefined,
-         format: undefined,
-         colSpan: undefined,
-         rowSpan: undefined,
-         editable: undefined,
-         fixed: undefined,
-         mergeCells: undefined,
-      });
-   }
-
-   init() {
-      if (!this.value && this.field) this.value = { bind: this.recordName + "." + this.field };
-
-      if (isUndefined(this.editable)) this.editable = !!this.editor;
-
-      super.init();
-   }
-
-   prepareCSS(context: RenderingContext, instance: Instance) {
-      let { data } = instance;
-
-      data.classNames = this.CSS.expand(
-         data.className,
-         data.class,
-         this.CSS.state({
-            pad: data.pad,
-            editable: data.editable,
-            ["aligned-" + this.align]: this.align,
-            mergable: data.merged,
-         }),
-      );
-
-      data.style = this.CSS.parseStyle(data.style);
-   }
-
-   render(context: RenderingContext, instance: Instance, key: string) {
-      let { data } = instance;
-      let content;
-
-      if (this.items.length > 0) content = this.renderChildren(context, instance);
-      else {
-         content = data.value;
-         if (data.format) content = Format.value(content, data.format);
-      }
-
-      return {
-         atomic: true,
-         content,
-         instance,
-         data,
-         key,
-         uniqueColumnId: this.uniqueColumnId,
-      };
-   }
-}
-
-GridCell.prototype.pad = true;
-GridCell.prototype.fixed = false;
-GridCell.prototype.merged = false;
+import { StyledContainerBase, StyledContainerConfig } from "../../ui";
+import { Format } from "../../ui/Format";
+import { Instance } from "../../ui/Instance";
+import { BooleanProp, NumberProp, Prop, StringProp } from "../../ui/Prop";
+import { RenderingContext } from "../../ui/RenderingContext";
+import { isUndefined } from "../../util/isUndefined";
+
+export interface GridCellConfig extends StyledContainerConfig {
+   /** Selector used to obtain the value that should be displayed inside the cell. Not required if `field` is used. */
+   value?: StringProp | NumberProp;
+
+   /** Selector used to obtain the weight of the cell in aggregate operations, such as weighted averages. */
+   weight?: Prop<any>;
+
+   /** Add default padding to grid cell. */
+   pad?: BooleanProp;
+
+   /** Format specifier used to convert the value into a string. */
+   format?: StringProp;
+
+   /** Name of the field that holds the value to be displayed. */
+   field?: string;
+
+   /** Record alias. Default is `$record`. */
+   recordName?: string;
+
+   /** Record alias. Default is `$record`. */
+   recordAlias?: string;
+
+   /** Indicate if a cell is editable or not. Default value is true. */
+   editable?: boolean;
+
+   /**
+    * Used to indicate that the adjacent cells in the column should be merged together.
+    * If set to `same-value`, only cells with the same value will be merged.
+    * If set to `always`, all cells within the group will be merged.
+    * This is an experimental feature that might not work well with other
+    * grid related features such as multi-line rows, buffered rendering, etc.
+    */
+   mergeCells?: Prop<"same-value" | "always">;
+
+   /** Aggregate value for the cell. */
+   aggregateValue?: Prop<any>;
+
+   /** Column span. */
+   colSpan?: NumberProp;
+
+   /** Row span. */
+   rowSpan?: NumberProp;
+
+   /** Whether the column is fixed. */
+   fixed?: BooleanProp;
+
+   /** Cell alignment. */
+   align?: "left" | "right" | "center";
+
+   /** Editor widget for cell editing. */
+   editor?: any;
+
+   /** Unique column identifier. */
+   uniqueColumnId?: string;
+}
+
+export class GridCell extends StyledContainerBase<GridCellConfig> {
+   declare value?: StringProp | NumberProp;
+   declare field?: string;
+   declare recordName?: string;
+   declare editable?: boolean;
+   declare align?: "left" | "right" | "center";
+   declare editor?: any;
+   declare uniqueColumnId?: string;
+   declare pad?: boolean;
+   declare fixed?: boolean;
+   declare merged?: boolean;
+
+   constructor(config?: GridCellConfig) {
+      super(config);
+   }
+
+   declareData(...args: any[]) {
+      return super.declareData(...args, {
+         value: undefined,
+         aggregateValue: undefined,
+         weight: undefined,
+         pad: undefined,
+         format: undefined,
+         colSpan: undefined,
+         rowSpan: undefined,
+         editable: undefined,
+         fixed: undefined,
+         mergeCells: undefined,
+      });
+   }
+
+   init() {
+      if (!this.value && this.field) this.value = { bind: this.recordName + "." + this.field };
+
+      if (isUndefined(this.editable)) this.editable = !!this.editor;
+
+      super.init();
+   }
+
+   prepareCSS(context: RenderingContext, instance: Instance) {
+      let { data } = instance;
+
+      data.classNames = this.CSS.expand(
+         data.className,
+         data.class,
+         this.CSS.state({
+            pad: data.pad,
+            editable: data.editable,
+            ["aligned-" + this.align]: this.align,
+            mergable: data.merged,
+         }),
+      );
+
+      data.style = this.CSS.parseStyle(data.style);
+   }
+
+   render(context: RenderingContext, instance: Instance, key: string) {
+      let { data } = instance;
+      let content;
+
+      if (this.items.length > 0) content = this.renderChildren(context, instance);
+      else {
+         content = data.value;
+         if (data.format) content = Format.value(content, data.format);
+      }
+
+      return {
+         atomic: true,
+         content,
+         instance,
+         data,
+         key,
+         uniqueColumnId: this.uniqueColumnId,
+      };
+   }
+}
+
+GridCell.prototype.pad = true;
+GridCell.prototype.fixed = false;
+GridCell.prototype.merged = false;

package/src/widgets/icons/calendar.tsx

@@ -1,17 +1,17 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('calendar', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 32 32">
-
-      <path d="M4 3h6m10 0h6" fill="none" stroke="currentColor" strokeWidth="2"/>
-      <path d="M19 21h4v4h-4z" fill="currentColor"/>
-      <path d="M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5" fill="none" stroke="currentColor"/>
-      <path fill="currentColor" d="M10 8h10v2H10z"/>
-      <path fill="none" stroke="currentColor" strokeWidth="2" d="M3 5h24v24H3z"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('calendar', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 32 32">
+
+      <path d="M4 3h6m10 0h6" fill="none" stroke="currentColor" strokeWidth="2"/>
+      <path d="M19 21h4v4h-4z" fill="currentColor"/>
+      <path d="M3 25h24M3 21h24M3 17h24M7 28V13m-4 0h24M11 28V13.2M15 28V13.27M19 28V13.03M23 28V13.5" fill="none" stroke="currentColor"/>
+      <path fill="currentColor" d="M10 8h10v2H10z"/>
+      <path fill="none" stroke="currentColor" strokeWidth="2" d="M3 5h24v24H3z"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/check.tsx

@@ -1,13 +1,13 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('check', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 64 64">
-      <path d="M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z"
-            fill="currentColor"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('check', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 64 64">
+      <path d="M7.136 42.94l20.16 14.784 29.568-40.32-9.72-7.128-22.598 30.816-10.44-7.656z"
+            fill="currentColor"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/clear.tsx

@@ -1,15 +1,15 @@
-/** @jsxImportSource react */
-import {VDOM} from '../../ui/Widget';
-import {registerIcon} from './registry';
-
-export default registerIcon('clear', (props: any) => {
-   return <svg
-      {...props}
-      viewBox="0 0 32 32">
-      <path fill="currentColor"
-            strokeWidth="1"
-            stroke="currentColor"
-            d="M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z"/>
-   </svg>
-}, true);
-
+/** @jsxImportSource react */
+import {VDOM} from '../../ui/Widget';
+import {registerIcon} from './registry';
+
+export default registerIcon('clear', (props: any) => {
+   return <svg
+      {...props}
+      viewBox="0 0 32 32">
+      <path fill="currentColor"
+            strokeWidth="1"
+            stroke="currentColor"
+            d="M16.9 16l4.92-4.92c.24-.24.24-.6 0-.84s-.6-.24-.84 0l-4.92 4.92-5.04-4.98c-.24-.24-.6-.24-.84 0s-.24.6 0 .84L15.16 16l-4.98 4.98c-.24.24-.24.6 0 .84s.6.24.84 0L16 16.84l4.98 4.98c.24.24.6.24.84 0s.24-.6 0-.84L16.9 16z"/>
+   </svg>
+}, true);
+

package/src/widgets/icons/close.tsx

@@ -1,20 +1,20 @@
-/** @jsxImportSource react */
-import { VDOM } from "../../ui/Widget";
-import { registerIcon } from "./registry";
-
-export default registerIcon(
-   "close",
-   (props: any) => {
-      return (
-         <svg {...props} viewBox="0 0 32 32">
-            <path
-               fill="currentColor"
-               strokeWidth="1"
-               stroke="currentColor"
-               d="M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z"
-            />
-         </svg>
-      );
-   },
-   true
-);
+/** @jsxImportSource react */
+import { VDOM } from "../../ui/Widget";
+import { registerIcon } from "./registry";
+
+export default registerIcon(
+   "close",
+   (props: any) => {
+      return (
+         <svg {...props} viewBox="0 0 32 32">
+            <path
+               fill="currentColor"
+               strokeWidth="1"
+               stroke="currentColor"
+               d="M17.8 16l9.84-9.84c.48-.48.48-1.2 0-1.68s-1.2-.48-1.68 0l-9.84 9.84L6.04 4.36c-.48-.48-1.2-.48-1.68 0s-.48 1.2 0 1.68L14.32 16l-9.96 9.96c-.48.48-.48 1.2 0 1.68s1.2.48 1.68 0L16 17.68l9.96 9.96c.48.48 1.2.48 1.68 0s.48-1.2 0-1.68L17.8 16z"
+            />
+         </svg>
+      );
+   },
+   true
+);

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);
+