cx 25.11.1 → 26.0.2

package/build/widgets/grid/TreeNode.js

@@ -0,0 +1,82 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/** @jsxImportSource react */
+import { Widget } from "../../ui/Widget";
+import { Icon } from "../Icon";
+import { stopPropagation } from "../../util/eventCallbacks";
+import { ContainerBase } from "../../ui/Container";
+export class TreeNode extends ContainerBase {
+    constructor(config) {
+        super(config);
+    }
+    init() {
+        if (this.itemIcon)
+            this.leafIcon = this.itemIcon;
+        super.init();
+    }
+    declareData() {
+        super.declareData({
+            level: undefined,
+            expanded: undefined,
+            leaf: undefined,
+            text: undefined,
+            loading: undefined,
+            icon: undefined,
+            leafIcon: undefined,
+            openFolderIcon: undefined,
+            folderIcon: undefined,
+            hideArrow: undefined,
+        }, ...arguments);
+    }
+    prepareData(context, instance) {
+        let { data } = instance;
+        data.stateMods = {
+            expanded: data.expanded,
+            loading: data.loading,
+            leaf: data.leaf,
+            folder: !data.leaf,
+            icon: !this.hideIcon,
+        };
+        data.stateMods[`level-${data.level}`] = true;
+        super.prepareData(context, instance);
+    }
+    render(context, instance, key) {
+        let { data } = instance;
+        let { CSS, baseClass } = this;
+        let icon = data.icon;
+        if (!data.icon) {
+            if (data.leaf)
+                icon = data.leafIcon;
+            else {
+                if (data.loading)
+                    icon = this.loadingIcon;
+                else if (data.expanded)
+                    icon = data.openFolderIcon || data.folderIcon;
+                else
+                    icon = data.folderIcon;
+            }
+        }
+        let arrowIcon = this.arrowIcon;
+        if (this.hideIcon && data.loading)
+            arrowIcon = this.loadingIcon;
+        return (_jsxs("div", { className: data.classNames, style: data.style, children: [_jsxs("div", { className: CSS.element(baseClass, "handle"), onClick: (e) => this.toggle(e, instance), onMouseDown: !this.hideIcon ? stopPropagation : undefined, children: [!data.leaf && !data.hideArrow && Icon.render(arrowIcon, { className: CSS.element(baseClass, "arrow") }), !this.hideIcon &&
+                            Icon.render(icon, {
+                                className: CSS.element(baseClass, "icon"),
+                            })] }), _jsx("div", { children: data.text || this.renderChildren(context, instance) })] }, key));
+    }
+    toggle(e, instance) {
+        let { data } = instance;
+        if (!data.leaf)
+            instance.set("expanded", !data.expanded);
+        e.preventDefault();
+        e.stopPropagation();
+    }
+}
+TreeNode.prototype.baseClass = "treenode";
+TreeNode.prototype.itemIcon = "file";
+TreeNode.prototype.loadingIcon = "loading";
+TreeNode.prototype.folderIcon = "folder";
+TreeNode.prototype.openFolderIcon = "folder-open";
+TreeNode.prototype.arrowIcon = "drop-down";
+TreeNode.prototype.styled = true;
+TreeNode.prototype.hideIcon = false;
+Widget.alias("treenode", TreeNode);

package/build/widgets/grid/createGridCellEditor.d.ts

@@ -0,0 +1,2 @@
+import { BooleanProp } from "../../ui/Prop";
+export declare function createGridCellEditor(className: string, style: any, valid: BooleanProp, columnEditor: any): any;

package/build/widgets/grid/createGridCellEditor.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "cx/jsx-runtime";
+import { ValidationGroup } from "../form/ValidationGroup";
+import { GridCellEditor } from "./GridCellEditor";
+export function createGridCellEditor(className, style, valid, columnEditor) {
+    return (_jsx(GridCellEditor, { className: className, style: style, children: _jsx(ValidationGroup, { valid: valid, children: columnEditor }) }));
+}

package/build/widgets/grid/index.d.ts

@@ -0,0 +1,10 @@
+export * from './Grid';
+export * from './GridRow';
+export * from './GridRowLine';
+export * from './TreeNode';
+export * from './Pagination';
+import { DataAdapter } from '../../ui/adapter/DataAdapter';
+import { ArrayAdapter } from '../../ui/adapter/ArrayAdapter';
+import { GroupAdapter } from '../../ui/adapter/GroupAdapter';
+import { TreeAdapter } from '../../ui/adapter/TreeAdapter';
+export { DataAdapter, ArrayAdapter, GroupAdapter, TreeAdapter };

package/build/widgets/grid/index.js

@@ -0,0 +1,10 @@
+export * from './Grid';
+export * from './GridRow';
+export * from './GridRowLine';
+export * from './TreeNode';
+export * from './Pagination';
+import { DataAdapter } from '../../ui/adapter/DataAdapter';
+import { ArrayAdapter } from '../../ui/adapter/ArrayAdapter';
+import { GroupAdapter } from '../../ui/adapter/GroupAdapter';
+import { TreeAdapter } from '../../ui/adapter/TreeAdapter';
+export { DataAdapter, ArrayAdapter, GroupAdapter, TreeAdapter };

package/build/widgets/icons/calendar.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/calendar.js

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

package/build/widgets/icons/check.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/check.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('check', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 64 64", children: _jsx("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" }) });
+}, true);

package/build/widgets/icons/clear.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/clear.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('clear', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 32 32", children: _jsx("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" }) });
+}, true);

package/build/widgets/icons/close.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/close.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from "./registry";
+export default registerIcon("close", (props) => {
+    return (_jsx("svg", { ...props, viewBox: "0 0 32 32", children: _jsx("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" }) }));
+}, true);

package/build/widgets/icons/cx.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/cx.js

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

package/build/widgets/icons/drop-down.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/drop-down.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('drop-down', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 20 20", children: _jsx("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" }) });
+}, true);

package/build/widgets/icons/file.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/file.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('file', (props) => {
+    return _jsxs("svg", { ...props, viewBox: "0 0 16 16", children: [_jsx("path", { d: "M2 2h5v5h5v7H2z", fill: "currentColor", stroke: "none" }), _jsx("path", { d: "M8 2v4h4z", fill: "currentColor", stroke: "none" })] });
+}, true);

package/build/widgets/icons/folder-open.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/folder-open.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('folder-open', (props) => {
+    return _jsxs("svg", { ...props, viewBox: "0 0 16 16", children: [_jsx("path", { d: "M0 5v7l2.5-6H13V5zm1 0h6L6 3H2z", fill: "currentColor", stroke: "none" }), _jsx("path", { d: "M3 7h13l-3 7H0z", fill: "currentColor", stroke: "none" })] });
+}, true);

package/build/widgets/icons/folder.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/folder.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('folder', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 16 16", children: _jsx("path", { d: "M1 5h13v9H1zm1 0h6L7 3H3z", fill: "currentColor", stroke: "none" }) });
+}, true);

package/build/widgets/icons/forward.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/forward.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('forward', (props) => {
+    return _jsxs("svg", { ...props, viewBox: "0 0 20 20", children: [_jsx("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" }), _jsx("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" })] });
+}, true);

package/build/widgets/icons/index.d.ts

@@ -0,0 +1,12 @@
+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/build/widgets/icons/index.js

@@ -0,0 +1,12 @@
+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/build/widgets/icons/loading.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/loading.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('loading', (props) => {
+    let style = {
+        animation: 'linear infinite 0.5s cx-rotate'
+    };
+    if (props && props.style)
+        Object.assign(style, props.style);
+    props = {
+        ...props,
+        style
+    };
+    return _jsx("svg", { ...props, viewBox: "0 0 50 50", children: _jsx("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" }) });
+}, true);

package/build/widgets/icons/menu.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/menu.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('menu', (props) => {
+    return _jsxs("svg", { ...props, viewBox: "0 0 24 24", children: [_jsx("path", { d: "M0 0h24v24H0z", fill: "none" }), _jsx("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" })] });
+}, true);

package/build/widgets/icons/pixel-picker.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/pixel-picker.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from "./registry";
+export default registerIcon("pixel-picker", (props) => {
+    return (_jsx("svg", { ...props, viewBox: "0 0 30 30", children: _jsx("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" }) }));
+}, true);

package/build/widgets/icons/registry.d.ts

@@ -0,0 +1,9 @@
+type IconRenderer = (props: Record<string, any>) => React.ReactNode;
+type IconFactory = (name: string, props: Record<string, any>) => React.ReactNode;
+export declare function registerIcon(name: string, icon: IconRenderer, defaultIcon?: boolean): IconRenderer;
+export declare function unregisterIcon(...args: string[]): void;
+export declare function renderIcon(name: string | IconRenderer, props?: Record<string, any>): React.ReactNode;
+export declare function clearIcons(): void;
+export declare function registerIconFactory(factory: IconFactory): void;
+export declare function restoreDefaultIcons(): void;
+export {};

package/build/widgets/icons/registry.js

@@ -0,0 +1,40 @@
+import { isFunction } from '../../util/isFunction';
+let icons = {};
+let iconFactory = null;
+let defaultIcons = {};
+let unregisteredDefaultIcons = {};
+export function registerIcon(name, icon, defaultIcon = false) {
+    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) {
+    args.forEach(name => {
+        delete icons[name];
+        unregisteredDefaultIcons[name] = true;
+    });
+}
+export function renderIcon(name, props = {}) {
+    if (isFunction(name))
+        return name(props);
+    if (icons[name])
+        return icons[name](props);
+    if (iconFactory)
+        return iconFactory(name, props);
+    return null;
+}
+export function clearIcons() {
+    icons = {};
+}
+export function registerIconFactory(factory) {
+    iconFactory = factory;
+}
+export function restoreDefaultIcons() {
+    icons = {
+        ...defaultIcons
+    };
+}

package/build/widgets/icons/search.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/search.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('search', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 32 32", children: _jsx("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" }) });
+}, true);

package/build/widgets/icons/sort-asc.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/sort-asc.js

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

package/build/widgets/icons/square.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (props: Record<string, any>) => React.ReactNode;
+export default _default;

package/build/widgets/icons/square.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { registerIcon } from './registry';
+export default registerIcon('square', (props) => {
+    return _jsx("svg", { ...props, viewBox: "0 0 64 64", children: _jsx("rect", { x: "12", y: "12", width: "40", height: "40", fill: "currentColor" }) });
+}, true);

package/build/widgets/index.d.ts

@@ -0,0 +1,36 @@
+import { Widget } from "../ui/Widget";
+import { Text } from "../ui/Text";
+import { StaticText } from "../ui/StaticText";
+import { PureContainer } from "../ui/PureContainer";
+import { IsolatedScope } from "../ui/IsolatedScope";
+import { DetachedScope } from "../ui/DetachedScope";
+import { Restate, PrivateStore } from "../ui/Restate";
+import { DataProxy } from "../ui/DataProxy";
+import { Content } from "../ui/layout/Content";
+import { ContentPlaceholder, ContentPlaceholderScope } from "../ui/layout/ContentPlaceholder";
+import { ContentResolver } from "../ui/ContentResolver";
+import { Rescope } from "../ui/Rescope";
+import { Repeater } from "../ui/Repeater";
+export { Widget, StaticText, Text, PureContainer, Content, ContentPlaceholder, ContentPlaceholderScope, 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 "./icons/index";
+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/build/widgets/index.js

@@ -0,0 +1,37 @@
+import { Widget } from "../ui/Widget";
+import { Text } from "../ui/Text";
+import { StaticText } from "../ui/StaticText";
+import { PureContainer } from "../ui/PureContainer";
+import { IsolatedScope } from "../ui/IsolatedScope";
+import { DetachedScope } from "../ui/DetachedScope";
+import { Restate, PrivateStore } from "../ui/Restate";
+import { DataProxy } from "../ui/DataProxy";
+import { Content } from "../ui/layout/Content";
+import { ContentPlaceholder, ContentPlaceholderScope } from "../ui/layout/ContentPlaceholder";
+import { ContentResolver } from "../ui/ContentResolver";
+import { Rescope } from "../ui/Rescope";
+import { Repeater } from "../ui/Repeater";
+//re-export widgets defined in ui namespace
+export { Widget, StaticText, Text, PureContainer, Content, ContentPlaceholder, ContentPlaceholderScope, 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 "./icons/index";
+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/build/widgets/nav/Link.d.ts

@@ -0,0 +1,6 @@
+import { LinkButton, LinkButtonConfig } from './LinkButton';
+export interface LinkConfig extends LinkButtonConfig {
+}
+export declare class Link extends LinkButton {
+    baseClass: string;
+}

package/build/widgets/nav/Link.js

@@ -0,0 +1,6 @@
+import { Widget } from '../../ui/Widget';
+import { LinkButton } from './LinkButton';
+export class Link extends LinkButton {
+}
+Link.prototype.baseClass = "link";
+Widget.alias('link', Link);

package/build/widgets/nav/LinkButton.d.ts

@@ -0,0 +1,45 @@
+import { Button } from "../Button";
+import { StringProp, StyleProp, ClassProp, Prop } from "../../ui/Prop";
+import { Instance } from "../../ui/Instance";
+import { RenderingContext } from "../../ui/RenderingContext";
+import { ButtonConfig } from "../Button";
+import { HtmlElementInstance } from "../HtmlElement";
+export interface LinkButtonConfig extends ButtonConfig {
+    /** Url to the link's target location. Should start with `~/` or `#/` for pushState/hash based navigation. */
+    href?: StringProp;
+    /** Binding to the current url location in the store. If `href` matches `url`, additional CSS class `active` is applied. */
+    url?: StringProp;
+    /**
+     * Accepted values are `equal`, `prefix` and `subroute`. Default is `equal` which means that `url` must exactly match `href` in order to consider the link active.
+     * In `prefix` mode, if `href` is a prefix of `url`, the link is considered active. The `subroute` mode is similar to `prefix` mode, except that `href` must be followed by a forward slash `/`, indicating
+     * a subroute.
+     */
+    match?: "equal" | "prefix" | "subroute";
+    /** Explicitly set the active state of the link. If not set, the active state is determined by comparing `href` and `url`. */
+    active?: Prop<boolean>;
+    /** Additional CSS style to applied when the link is active. */
+    activeStyle?: StyleProp;
+    /** Additional CSS style to applied when the link is inactive. */
+    inactiveStyle?: StyleProp;
+    /** Additional CSS class to applied when the link is active. */
+    activeClass?: ClassProp;
+    /** Additional CSS class to applied when the link is inactive. */
+    inactiveClass?: ClassProp;
+    /** Where to display the linked URL, as the name for a browsing context (a tab, window, or <iframe>) */
+    target?: Prop<"_self" | "_blank" | "_parent" | "_top" | (string & {})>;
+}
+export declare class LinkButton extends Button {
+    constructor(config?: LinkButtonConfig);
+    match: "equal" | "prefix" | "subroute";
+    activeStyle: any;
+    inactiveStyle: any;
+    onClick?: string | ((e: MouseEvent, instance: Instance) => void);
+    tag: string;
+    init(): void;
+    declareData(): void;
+    prepareData(context: RenderingContext, instance: HtmlElementInstance): void;
+    isActive(data: any): any;
+    attachProps(context: RenderingContext, instance: HtmlElementInstance, props: any): void;
+    isValidHtmlAttribute(attr: string): string | false;
+    handleClick(e: React.MouseEvent, instance: Instance): void;
+}