cx 25.10.1 → 25.11.1

package/src/widgets/CxCredit.d.ts

@@ -1,12 +1,12 @@
-import * as Cx from '../core';
-
-interface CxCreditProps extends Cx.HtmlElementProps {
-   
-   /** Base CSS class to be applied to the element. Defaults to `cxcredit`. */
-   baseClass?: string,
-   /** HTML tag to be used. Default is `div`. */
-   tag?: string
-
-}
-
-export class CxCredit extends Cx.Widget<CxCreditProps> {}
+import * as Cx from '../core';
+
+interface CxCreditProps extends Cx.HtmlElementProps {
+   
+   /** Base CSS class to be applied to the element. Defaults to `cxcredit`. */
+   baseClass?: string,
+   /** HTML tag to be used. Default is `div`. */
+   tag?: string
+
+}
+
+export class CxCredit extends Cx.Widget<CxCreditProps> {}

package/src/widgets/DocumentTitle.d.ts

@@ -1,11 +1,11 @@
-import * as Cx from '../core';
-
-interface DocumentTitleProps extends Cx.WidgetProps {
-
-   value?: Cx.StringProp,
-   append?: boolean,
-   action?: 'append' | 'replace' | 'prepend',
-   separator?: Cx.StringProp
-}
-
-export class DocumentTitle extends Cx.Widget<DocumentTitleProps> {}
+import * as Cx from '../core';
+
+interface DocumentTitleProps extends Cx.WidgetProps {
+
+   value?: Cx.StringProp,
+   append?: boolean,
+   action?: 'append' | 'replace' | 'prepend',
+   separator?: Cx.StringProp
+}
+
+export class DocumentTitle extends Cx.Widget<DocumentTitleProps> {}

package/src/widgets/FlexBox.d.ts

@@ -1,69 +1,69 @@
-import * as Cx from "../core";
-
-interface FlexBoxProps extends Cx.StyledContainerProps {
-   /** Base CSS class. Default is `flexbox`. */
-   baseClass?: string;
-
-   /** Flex direction. Default is `row`.  */
-   direction?: string;
-
-   /**
-    * Add spacing between items by applying a margin to children.
-    * Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
-    * Value `true` is equivalent to `medium`.
-    */
-   spacing?: string | boolean;
-
-   /**
-    * Add horizontal spacing between items by applying a margin to children.
-    * Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
-    * Value `true` is equivalent to `medium`. \
-    */
-   hspacing?: boolean | string;
-
-   /**
-    * Add vertical spacing between items by applying a margin to children.
-    * Allowed values are xsmall, small, medium, large and xlarge.
-    * Value true is equivalent to medium.
-    */
-   vspacing?: boolean | string;
-
-   styled?: boolean;
-
-   /**
-    * Add padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
-    *  Value `true` is equivalent to `medium`.
-    */
-   pad?: boolean | string;
-   padding?: boolean | string;
-
-   /**
-    * Add horizontal padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
-    *  Value `true` is equivalent to `medium`.
-    */
-   hpad?: boolean | string;
-   hpadding?: boolean | string;
-
-   /**
-    * Add vertical padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
-    *  Value `true` is equivalent to `medium`.
-    */
-   vpad?: boolean | string;
-   vpadding?: boolean | string;
-
-   wrap?: boolean;
-   align?: "start" | "center" | "end" | "baseline" | "stretch";
-   justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
-   target?: string;
-
-   /**
-    * Set to true to add overflow styles required for deeply nested flexbox calculations.
-    */
-   nested?: boolean;
-}
-
-export class FlexBox extends Cx.Widget<FlexBoxProps> {}
-
-export class FlexRow extends FlexBox {}
-
-export class FlexCol extends FlexBox {}
+import * as Cx from "../core";
+
+interface FlexBoxProps extends Cx.StyledContainerProps {
+   /** Base CSS class. Default is `flexbox`. */
+   baseClass?: string;
+
+   /** Flex direction. Default is `row`.  */
+   direction?: string;
+
+   /**
+    * Add spacing between items by applying a margin to children.
+    * Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
+    * Value `true` is equivalent to `medium`.
+    */
+   spacing?: string | boolean;
+
+   /**
+    * Add horizontal spacing between items by applying a margin to children.
+    * Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
+    * Value `true` is equivalent to `medium`. \
+    */
+   hspacing?: boolean | string;
+
+   /**
+    * Add vertical spacing between items by applying a margin to children.
+    * Allowed values are xsmall, small, medium, large and xlarge.
+    * Value true is equivalent to medium.
+    */
+   vspacing?: boolean | string;
+
+   styled?: boolean;
+
+   /**
+    * Add padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
+    *  Value `true` is equivalent to `medium`.
+    */
+   pad?: boolean | string;
+   padding?: boolean | string;
+
+   /**
+    * Add horizontal padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
+    *  Value `true` is equivalent to `medium`.
+    */
+   hpad?: boolean | string;
+   hpadding?: boolean | string;
+
+   /**
+    * Add vertical padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
+    *  Value `true` is equivalent to `medium`.
+    */
+   vpad?: boolean | string;
+   vpadding?: boolean | string;
+
+   wrap?: boolean;
+   align?: "start" | "center" | "end" | "baseline" | "stretch";
+   justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
+   target?: string;
+
+   /**
+    * Set to true to add overflow styles required for deeply nested flexbox calculations.
+    */
+   nested?: boolean;
+}
+
+export class FlexBox extends Cx.Widget<FlexBoxProps> {}
+
+export class FlexRow extends FlexBox {}
+
+export class FlexCol extends FlexBox {}

package/src/widgets/Heading.d.ts

@@ -1,16 +1,16 @@
-import * as Cx from '../core';
-
-interface HeadingProps extends Cx.HtmlElementProps {
-   
-   /** Name of the HTML element to be rendered. Default is `div`. */
-   tag?: string,
-
-   /** Heading level. Allowed values go from 1 to 6. Default is 3. */
-   level?: number | string,
-
-    /** Base CSS class. Default is `heading`. */
-    baseClass?: string
-
-}
-
-export class Heading extends Cx.Widget<HeadingProps> {}
+import * as Cx from '../core';
+
+interface HeadingProps extends Cx.HtmlElementProps {
+   
+   /** Name of the HTML element to be rendered. Default is `div`. */
+   tag?: string,
+
+   /** Heading level. Allowed values go from 1 to 6. Default is 3. */
+   level?: number | string,
+
+    /** Base CSS class. Default is `heading`. */
+    baseClass?: string
+
+}
+
+export class Heading extends Cx.Widget<HeadingProps> {}

package/src/widgets/HighlightedSearchText.d.ts

@@ -1,9 +1,9 @@
-import * as Cx from "../core";
-
-interface HighlightedSearchTextProps extends Cx.WidgetProps {
-   query?: Cx.StringProp;
-   text?: Cx.StringProp;
-   chunks?: Cx.Prop<string[]>;
-}
-
-export class HighlightedSearchText extends Cx.Widget<HighlightedSearchTextProps> {}
+import * as Cx from "../core";
+
+interface HighlightedSearchTextProps extends Cx.WidgetProps {
+   query?: Cx.StringProp;
+   text?: Cx.StringProp;
+   chunks?: Cx.Prop<string[]>;
+}
+
+export class HighlightedSearchText extends Cx.Widget<HighlightedSearchTextProps> {}

package/src/widgets/HtmlElement.d.ts

@@ -1,30 +1,30 @@
-import * as Cx from "../core";
-import { Instance } from "../ui/Instance";
-
-interface HtmlElementProps extends Cx.HtmlElementProps {
-   /** HTML to be injected into the element. */
-   innerHtml?: Cx.StringProp;
-
-   attrs?: Cx.StructuredProp;
-   data?: Cx.StructuredProp;
-
-   /** Name of the HTML element to be rendered. Default is `div`. */
-   tag?: string;
-
-   /** HTML to be injected into the element. */
-   html?: Cx.StringProp;
-
-   styled?: boolean;
-
-   //** Set to true to automatically focus the element when mounted. */
-   autoFocus?: Cx.BooleanProp;
-
-   /** Allow any prop if HtmlElement is used directly.
-    * e.g. `<HtmlElement tag="form" onSubmit="submit" />`*/
-   [key: string]: any;
-
-   /** Callback function called when the element is mounted in the DOM. Provides reference to the element and the component instance. */
-   onRef?: string | ((element: any, instance: Instance) => void);
-}
-
-export class HtmlElement extends Cx.Widget<HtmlElementProps> {}
+import * as Cx from "../core";
+import { Instance } from "../ui/Instance";
+
+interface HtmlElementProps extends Cx.HtmlElementProps {
+   /** HTML to be injected into the element. */
+   innerHtml?: Cx.StringProp;
+
+   attrs?: Cx.StructuredProp;
+   data?: Cx.StructuredProp;
+
+   /** Name of the HTML element to be rendered. Default is `div`. */
+   tag?: string;
+
+   /** HTML to be injected into the element. */
+   html?: Cx.StringProp;
+
+   styled?: boolean;
+
+   //** Set to true to automatically focus the element when mounted. */
+   autoFocus?: Cx.BooleanProp;
+
+   /** Allow any prop if HtmlElement is used directly.
+    * e.g. `<HtmlElement tag="form" onSubmit="submit" />`*/
+   [key: string]: any;
+
+   /** Callback function called when the element is mounted in the DOM. Provides reference to the element and the component instance. */
+   onRef?: string | ((element: any, instance: Instance) => void);
+}
+
+export class HtmlElement extends Cx.Widget<HtmlElementProps> {}

package/src/widgets/Icon.d.ts

@@ -1,34 +1,34 @@
-import * as Cx from "../core";
-
-interface IconProps extends Cx.WidgetProps {
-   /** Name under which the icon is registered. */
-   name?: Cx.StringProp;
-
-   /** Additional CSS classes to be applied to the field.
-    * If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
-   className?: Cx.ClassProp;
-
-   /** Additional CSS classes to be applied to the field.
-    * If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
-   class?: Cx.ClassProp;
-
-   /** Style object applied to the wrapper div. Used for setting the dimensions of the field. */
-   style?: Cx.StyleProp;
-
-   /** Base CSS class to be applied to the element. Default is `icon`. */
-   baseClass?: string;
-}
-
-export class Icon extends Cx.Widget<IconProps> {
-   static restoreDefaultIcons();
-
-   static clear();
-
-   static register(name: string, icon: any, defaultIcon?: boolean);
-
-   static unregister(...args: string[]);
-
-   static registerFactory(factory: (name: string, props: { [key: string]: any }) => any);
-
-   static render(name: string, props: { [key: string]: any });
-}
+import * as Cx from "../core";
+
+interface IconProps extends Cx.WidgetProps {
+   /** Name under which the icon is registered. */
+   name?: Cx.StringProp;
+
+   /** Additional CSS classes to be applied to the field.
+    * If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
+   className?: Cx.ClassProp;
+
+   /** Additional CSS classes to be applied to the field.
+    * If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
+   class?: Cx.ClassProp;
+
+   /** Style object applied to the wrapper div. Used for setting the dimensions of the field. */
+   style?: Cx.StyleProp;
+
+   /** Base CSS class to be applied to the element. Default is `icon`. */
+   baseClass?: string;
+}
+
+export class Icon extends Cx.Widget<IconProps> {
+   static restoreDefaultIcons();
+
+   static clear();
+
+   static register(name: string, icon: any, defaultIcon?: boolean);
+
+   static unregister(...args: string[]);
+
+   static registerFactory(factory: (name: string, props: { [key: string]: any }) => any);
+
+   static render(name: string, props: { [key: string]: any });
+}

package/src/widgets/ProgressBar.d.ts

@@ -1,17 +1,17 @@
-import * as Cx from '../core';
-import {Instance} from '../ui/Instance';
-
-interface ProgressBarProps extends Cx.StyledContainerProps {
-
-   /** Progress value, a number between `0` and `1`. Default value is `0`. */
-   value?: Cx.NumberProp,
-    
-   /** Defaults to `false`. Set to `true` to make it look disabled. */
-   disabled?: Cx.BooleanProp,
-   
-   /** Progress bar annotation. */
-   text?: Cx.StringProp,
-   
-}
-
-export class ProgressBar extends Cx.Widget<ProgressBarProps> {}
+import * as Cx from '../core';
+import {Instance} from '../ui/Instance';
+
+interface ProgressBarProps extends Cx.StyledContainerProps {
+
+   /** Progress value, a number between `0` and `1`. Default value is `0`. */
+   value?: Cx.NumberProp,
+    
+   /** Defaults to `false`. Set to `true` to make it look disabled. */
+   disabled?: Cx.BooleanProp,
+   
+   /** Progress bar annotation. */
+   text?: Cx.StringProp,
+   
+}
+
+export class ProgressBar extends Cx.Widget<ProgressBarProps> {}

package/src/widgets/Resizer.d.ts

@@ -1,27 +1,27 @@
-import {
-   Widget,
-   StyledContainerProps
-} from 'cx/src/core';
-
-interface ResizerProps extends StyledContainerProps {
-
-   /** Make resizer horizontal. */
-   horizontal?: boolean;
-
-   /** Use the element after the the resizer for size measurements. */
-   forNextElement?: boolean,
-
-   /** A binding for the new size. */
-   size?: Cx.NumberProp,
-
-   /** Default value that will be set when the user double click on the resizer. */
-   defaultSize?: Cx.NumberProp,
-
-   /** Minimum size of the element. */
-   minSize?: Cx.NumberProp,
-
-   /** Maximum size of the element. */
-   maxSize?: Cx.NumberProp,
-}
-
-export class Resizer extends Widget<ResizerProps> {}
+import {
+   Widget,
+   StyledContainerProps
+} from 'cx/src/core';
+
+interface ResizerProps extends StyledContainerProps {
+
+   /** Make resizer horizontal. */
+   horizontal?: boolean;
+
+   /** Use the element after the the resizer for size measurements. */
+   forNextElement?: boolean,
+
+   /** A binding for the new size. */
+   size?: Cx.NumberProp,
+
+   /** Default value that will be set when the user double click on the resizer. */
+   defaultSize?: Cx.NumberProp,
+
+   /** Minimum size of the element. */
+   minSize?: Cx.NumberProp,
+
+   /** Maximum size of the element. */
+   maxSize?: Cx.NumberProp,
+}
+
+export class Resizer extends Widget<ResizerProps> {}

package/src/widgets/Sandbox.d.ts

@@ -1,18 +1,18 @@
-import * as Cx from "../core";
-
-interface SandboxProps extends Cx.PureContainerProps {
-   storage: Cx.Prop<Cx.Record>;
-
-   /* Cx.StringProp doesn't work for unknown reason */
-   key?: any;
-
-   accessKey?: Cx.StringProp;
-
-   recordName?: Cx.RecordAlias;
-   recordAlias?: Cx.RecordAlias;
-
-   immutable?: boolean;
-   sealed?: boolean;
-}
-
-export class Sandbox extends Cx.Widget<SandboxProps> {}
+import * as Cx from "../core";
+
+interface SandboxProps extends Cx.PureContainerProps {
+   storage: Cx.Prop<Cx.Record>;
+
+   /* Cx.StringProp doesn't work for unknown reason */
+   key?: any;
+
+   accessKey?: Cx.StringProp;
+
+   recordName?: Cx.RecordAlias;
+   recordAlias?: Cx.RecordAlias;
+
+   immutable?: boolean;
+   sealed?: boolean;
+}
+
+export class Sandbox extends Cx.Widget<SandboxProps> {}

package/src/widgets/Section.d.ts

@@ -1,52 +1,52 @@
-import {
-   Widget,
-   Prop,
-   StyledContainerProps,
-   BooleanProp,
-   StringProp,
-   StyleProp,
-   ClassProp,
-   Config
-} from '../core';
-
-interface SectionProps extends StyledContainerProps {
-
-   id?: Prop<string | number>,
-
-   /** Add default padding to the section body. Default is `true`. */
-   pad?: BooleanProp,
-
-   /** A custom style which will be applied to the header. */
-   headerStyle?: StyleProp,
-
-   /** Additional CSS class to be applied to the header. */
-   headerClass?: ClassProp,
-
-   /** A custom style which will be applied to the body. */
-   bodyStyle?: StyleProp,
-
-   /** Additional CSS class to be applied to the section body. */
-   bodyClass?: ClassProp,
-
-   /** A custom style which will be applied to the footer. */
-   footerStyle?: StyleProp,
-
-   /** Additional CSS class to be applied to the footer. */
-   footerClass?: ClassProp,
-
-   /** Section's title. */
-   title?: StringProp,
-
-   /** Contents that should go in the header. */
-   header?: Config,
-
-   /** Contents that should go in the footer. */
-   footer?: Config,
-
-   /** Title heading level (1-6) */
-   hLevel?: number
-
-}
-
-export class Section extends Widget<SectionProps> {
-}
+import {
+   Widget,
+   Prop,
+   StyledContainerProps,
+   BooleanProp,
+   StringProp,
+   StyleProp,
+   ClassProp,
+   Config
+} from '../core';
+
+interface SectionProps extends StyledContainerProps {
+
+   id?: Prop<string | number>,
+
+   /** Add default padding to the section body. Default is `true`. */
+   pad?: BooleanProp,
+
+   /** A custom style which will be applied to the header. */
+   headerStyle?: StyleProp,
+
+   /** Additional CSS class to be applied to the header. */
+   headerClass?: ClassProp,
+
+   /** A custom style which will be applied to the body. */
+   bodyStyle?: StyleProp,
+
+   /** Additional CSS class to be applied to the section body. */
+   bodyClass?: ClassProp,
+
+   /** A custom style which will be applied to the footer. */
+   footerStyle?: StyleProp,
+
+   /** Additional CSS class to be applied to the footer. */
+   footerClass?: ClassProp,
+
+   /** Section's title. */
+   title?: StringProp,
+
+   /** Contents that should go in the header. */
+   header?: Config,
+
+   /** Contents that should go in the footer. */
+   footer?: Config,
+
+   /** Title heading level (1-6) */
+   hLevel?: number
+
+}
+
+export class Section extends Widget<SectionProps> {
+}

package/src/widgets/animations.scss

@@ -1,11 +1,11 @@
-@if cx-call-once('cx/widgets/animations') {
-   @keyframes cx-rotate {
-      from {
-         transform: rotate(0);
-      }
-
-      to {
-         transform: rotate(360deg);
-      }
-   }
+@if cx-call-once('cx/widgets/animations') {
+   @keyframes cx-rotate {
+      from {
+         transform: rotate(0);
+      }
+
+      to {
+         transform: rotate(360deg);
+      }
+   }
 }

package/src/widgets/autoFocus.d.ts

@@ -1 +1 @@
-export function autoFocus(el: any, component: React.Component);
+export function autoFocus(el: any, component: React.Component);

package/src/widgets/cx.d.ts

@@ -1,2 +1,2 @@
-export function cx(typeName, props?, ...children);
+export function cx(typeName, props?, ...children);
 export function react(config);