cx 25.9.0 → 25.10.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE-THIRD-PARTY.md +91 -91
- package/LICENSE.md +7 -7
- package/README.md +46 -46
- package/dist/charts.js +25 -11
- package/dist/manifest.js +493 -493
- package/dist/ui.js +1 -3
- package/package.json +1 -1
- package/src/charts/Bar.d.ts +27 -27
- package/src/charts/BarGraph.d.ts +15 -15
- package/src/charts/Chart.d.ts +12 -12
- package/src/charts/ColorMap.d.ts +21 -21
- package/src/charts/Column.d.ts +29 -29
- package/src/charts/ColumnBarBase.d.ts +64 -64
- package/src/charts/ColumnBarGraphBase.d.ts +73 -73
- package/src/charts/ColumnGraph.d.ts +18 -18
- package/src/charts/Gridlines.d.ts +24 -24
- package/src/charts/Legend.d.ts +45 -45
- package/src/charts/LegendEntry.d.ts +54 -54
- package/src/charts/LineGraph.d.ts +101 -101
- package/src/charts/Marker.d.ts +110 -110
- package/src/charts/MarkerLine.d.ts +56 -56
- package/src/charts/MouseTracker.d.ts +16 -16
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/PieLabel.d.ts +26 -26
- package/src/charts/PieLabelsContainer.d.ts +6 -6
- package/src/charts/Range.d.ts +74 -74
- package/src/charts/RangeMarker.d.ts +35 -35
- package/src/charts/ScatterGraph.d.ts +64 -64
- package/src/charts/Swimlane.d.ts +24 -24
- package/src/charts/Swimlanes.d.ts +41 -41
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +8 -0
- package/src/charts/axis/Axis.scss +22 -22
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/NumericAxis.d.ts +46 -46
- package/src/charts/axis/Stack.d.ts +10 -10
- package/src/charts/axis/TimeAxis.d.ts +31 -31
- package/src/charts/axis/index.d.ts +3 -3
- package/src/charts/axis/index.scss +5 -5
- package/src/charts/axis/variables.scss +2 -2
- package/src/charts/helpers/MinMaxFinder.d.ts +22 -22
- package/src/charts/helpers/PointReducer.d.ts +24 -24
- package/src/charts/helpers/SnapPointFinder.d.ts +30 -30
- package/src/charts/helpers/ValueAtFinder.d.ts +16 -16
- package/src/charts/helpers/index.d.ts +4 -4
- package/src/charts/index.d.ts +27 -27
- package/src/charts/index.scss +22 -22
- package/src/charts/shapes.d.ts +22 -22
- package/src/global.scss +13 -13
- package/src/index.scss +6 -6
- package/src/svg/index.scss +8 -8
- package/src/ui/Instance.js +1 -4
- package/src/ui/index.scss +2 -2
- package/src/ui/layout/index.scss +3 -3
- package/src/ui/layout/variables.scss +2 -2
- package/src/ui/variables.scss +1 -1
- package/src/util/call-once.scss +6 -6
- package/src/util/index.scss +10 -10
- package/src/util/scss/divide.scss +3 -3
- package/src/util/scss/index.scss +9 -9
- package/src/variables.scss +217 -217
- package/src/widgets/AccessorBindings.spec.tsx +66 -66
- package/src/widgets/Button.d.ts +58 -58
- package/src/widgets/CxCredit.d.ts +12 -12
- package/src/widgets/DocumentTitle.d.ts +11 -11
- package/src/widgets/FlexBox.d.ts +69 -69
- package/src/widgets/Heading.d.ts +16 -16
- package/src/widgets/HighlightedSearchText.d.ts +9 -9
- package/src/widgets/HtmlElement.d.ts +30 -30
- package/src/widgets/Icon.d.ts +34 -34
- package/src/widgets/ProgressBar.d.ts +17 -17
- package/src/widgets/Resizer.d.ts +27 -27
- package/src/widgets/Sandbox.d.ts +18 -18
- package/src/widgets/Section.d.ts +52 -52
- package/src/widgets/animations.scss +10 -10
- package/src/widgets/autoFocus.d.ts +1 -1
- package/src/widgets/cx.d.ts +1 -1
- package/src/widgets/drag-drop/DragSource.d.ts +45 -45
- package/src/widgets/drag-drop/DropZone.d.ts +98 -98
- package/src/widgets/drag-drop/index.d.ts +4 -4
- package/src/widgets/drag-drop/index.scss +3 -3
- package/src/widgets/drag-drop/ops.d.ts +56 -56
- package/src/widgets/enableAllInternalDependencies.d.ts +1 -1
- package/src/widgets/form/Calendar.variables.scss +63 -63
- package/src/widgets/form/Checkbox.variables.scss +39 -39
- package/src/widgets/form/ColorPicker.variables.scss +22 -22
- package/src/widgets/form/Radio.variables.scss +45 -45
- package/src/widgets/form/index.scss +24 -24
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/GridCell.d.ts +38 -38
- package/src/widgets/grid/Pagination.d.ts +14 -14
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/index.d.ts +3 -3
- package/src/widgets/grid/index.scss +3 -3
- package/src/widgets/icons/arrow-down.svg +3 -3
- package/src/widgets/icons/arrow-right.svg +2 -2
- package/src/widgets/icons/base.svg +104 -104
- package/src/widgets/icons/calendar-old.svg +169 -169
- package/src/widgets/icons/calendar.svg +187 -187
- package/src/widgets/icons/clear.svg +74 -74
- package/src/widgets/icons/close.svg +74 -74
- package/src/widgets/icons/dropdown-arrow.svg +61 -61
- package/src/widgets/icons/file.svg +4 -4
- package/src/widgets/icons/folder-open.svg +5 -5
- package/src/widgets/icons/folder.svg +58 -58
- package/src/widgets/icons/forward.svg +67 -67
- package/src/widgets/icons/loading.svg +4 -4
- package/src/widgets/icons/search.svg +107 -107
- package/src/widgets/icons/sort-asc.svg +3 -3
- package/src/widgets/index.d.ts +55 -55
- package/src/widgets/index.scss +16 -16
- package/src/widgets/nav/Link.d.ts +26 -26
- package/src/widgets/nav/LinkButton.d.ts +34 -34
- package/src/widgets/nav/Menu.d.ts +27 -27
- package/src/widgets/nav/MenuItem.d.ts +31 -31
- package/src/widgets/nav/MenuSpacer.d.ts +5 -5
- package/src/widgets/nav/RedirectRoute.d.ts +9 -9
- package/src/widgets/nav/Route.d.ts +21 -21
- package/src/widgets/nav/Scroller.d.ts +17 -17
- package/src/widgets/nav/Submenu.d.ts +6 -6
- package/src/widgets/nav/Tab.d.ts +33 -33
- package/src/widgets/nav/Tab.variables.scss +84 -84
- package/src/widgets/nav/index.d.ts +10 -10
- package/src/widgets/nav/index.scss +5 -5
- package/src/widgets/overlay/ContextMenu.d.ts +10 -10
- package/src/widgets/overlay/Dropdown.d.ts +32 -32
- package/src/widgets/overlay/FlyweightTooltipTracker.d.ts +8 -8
- package/src/widgets/overlay/MsgBox.d.ts +16 -16
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Toast.d.ts +30 -30
- package/src/widgets/overlay/Tooltip.d.ts +50 -50
- package/src/widgets/overlay/Window.d.ts +42 -42
- package/src/widgets/overlay/Window.variables.scss +62 -62
- package/src/widgets/overlay/alerts.d.ts +7 -7
- package/src/widgets/overlay/captureMouse.d.ts +53 -53
- package/src/widgets/overlay/captureMouse.scss +13 -13
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.scss +15 -15
package/src/widgets/Button.d.ts
CHANGED
|
@@ -1,58 +1,58 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import { Instance } from "../ui/Instance";
|
|
4
|
-
|
|
5
|
-
export interface ButtonProps extends Cx.HtmlElementProps {
|
|
6
|
-
/** Confirmation text or configuration object. See MsgBox.yesNo for more details. */
|
|
7
|
-
confirm?: Cx.Prop<string | Cx.Config>;
|
|
8
|
-
|
|
9
|
-
/** If true button appears in pressed state. Useful for implementing toggle buttons. */
|
|
10
|
-
pressed?: Cx.BooleanProp;
|
|
11
|
-
|
|
12
|
-
/** Name of the icon to be put on the left side of the button. */
|
|
13
|
-
icon?: Cx.StringProp;
|
|
14
|
-
|
|
15
|
-
/** HTML tag to be used. Default is `button`. */
|
|
16
|
-
tag?: string;
|
|
17
|
-
|
|
18
|
-
/** Base CSS class to be applied to the element. Default is 'button'. */
|
|
19
|
-
baseClass?: string;
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Determines if button should receive focus on mousedown event.
|
|
23
|
-
* Default is `false`, which means that focus can be set only using the keyboard `Tab` key.
|
|
24
|
-
*/
|
|
25
|
-
focusOnMouseDown?: boolean;
|
|
26
|
-
|
|
27
|
-
/** Add type="submit" to the button. */
|
|
28
|
-
submit?: boolean;
|
|
29
|
-
|
|
30
|
-
/** Set to `true` to disable the button. */
|
|
31
|
-
disabled?: Cx.BooleanProp;
|
|
32
|
-
|
|
33
|
-
/** Set to `false` to disable the button. */
|
|
34
|
-
enabled?: Cx.BooleanProp;
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Click handler.
|
|
38
|
-
*
|
|
39
|
-
* @param e - Event.
|
|
40
|
-
* @param instance - Cx widget instance that fired the event.
|
|
41
|
-
*/
|
|
42
|
-
onClick?: string | ((e: MouseEvent, instance: Instance) => void);
|
|
43
|
-
|
|
44
|
-
onMouseDown?: string | ((e: MouseEvent, instance: Instance) => void);
|
|
45
|
-
|
|
46
|
-
/** Button type. */
|
|
47
|
-
type?: "submit" | "button";
|
|
48
|
-
|
|
49
|
-
/** If set to `true`, the Button will cause its parent Overlay (if one exists) to close. This, however, can be prevented if `onClick` explicitly returns `false`. */
|
|
50
|
-
dismiss?: boolean;
|
|
51
|
-
|
|
52
|
-
/** The form attribute specifies the form the button belongs to.
|
|
53
|
-
* The value of this attribute must be equal to the `id` attribute of a `<form>` element in the same document.
|
|
54
|
-
*/
|
|
55
|
-
form?: Cx.StringProp;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export class Button extends Cx.Widget<ButtonProps> {}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Instance } from "../ui/Instance";
|
|
4
|
+
|
|
5
|
+
export interface ButtonProps extends Cx.HtmlElementProps {
|
|
6
|
+
/** Confirmation text or configuration object. See MsgBox.yesNo for more details. */
|
|
7
|
+
confirm?: Cx.Prop<string | Cx.Config>;
|
|
8
|
+
|
|
9
|
+
/** If true button appears in pressed state. Useful for implementing toggle buttons. */
|
|
10
|
+
pressed?: Cx.BooleanProp;
|
|
11
|
+
|
|
12
|
+
/** Name of the icon to be put on the left side of the button. */
|
|
13
|
+
icon?: Cx.StringProp;
|
|
14
|
+
|
|
15
|
+
/** HTML tag to be used. Default is `button`. */
|
|
16
|
+
tag?: string;
|
|
17
|
+
|
|
18
|
+
/** Base CSS class to be applied to the element. Default is 'button'. */
|
|
19
|
+
baseClass?: string;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Determines if button should receive focus on mousedown event.
|
|
23
|
+
* Default is `false`, which means that focus can be set only using the keyboard `Tab` key.
|
|
24
|
+
*/
|
|
25
|
+
focusOnMouseDown?: boolean;
|
|
26
|
+
|
|
27
|
+
/** Add type="submit" to the button. */
|
|
28
|
+
submit?: boolean;
|
|
29
|
+
|
|
30
|
+
/** Set to `true` to disable the button. */
|
|
31
|
+
disabled?: Cx.BooleanProp;
|
|
32
|
+
|
|
33
|
+
/** Set to `false` to disable the button. */
|
|
34
|
+
enabled?: Cx.BooleanProp;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Click handler.
|
|
38
|
+
*
|
|
39
|
+
* @param e - Event.
|
|
40
|
+
* @param instance - Cx widget instance that fired the event.
|
|
41
|
+
*/
|
|
42
|
+
onClick?: string | ((e: MouseEvent, instance: Instance) => void);
|
|
43
|
+
|
|
44
|
+
onMouseDown?: string | ((e: MouseEvent, instance: Instance) => void);
|
|
45
|
+
|
|
46
|
+
/** Button type. */
|
|
47
|
+
type?: "submit" | "button";
|
|
48
|
+
|
|
49
|
+
/** If set to `true`, the Button will cause its parent Overlay (if one exists) to close. This, however, can be prevented if `onClick` explicitly returns `false`. */
|
|
50
|
+
dismiss?: boolean;
|
|
51
|
+
|
|
52
|
+
/** The form attribute specifies the form the button belongs to.
|
|
53
|
+
* The value of this attribute must be equal to the `id` attribute of a `<form>` element in the same document.
|
|
54
|
+
*/
|
|
55
|
+
form?: Cx.StringProp;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
export class Button extends Cx.Widget<ButtonProps> {}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import * as Cx from '../core';
|
|
2
|
-
|
|
3
|
-
interface CxCreditProps extends Cx.HtmlElementProps {
|
|
4
|
-
|
|
5
|
-
/** Base CSS class to be applied to the element. Defaults to `cxcredit`. */
|
|
6
|
-
baseClass?: string,
|
|
7
|
-
/** HTML tag to be used. Default is `div`. */
|
|
8
|
-
tag?: string
|
|
9
|
-
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export class CxCredit extends Cx.Widget<CxCreditProps> {}
|
|
1
|
+
import * as Cx from '../core';
|
|
2
|
+
|
|
3
|
+
interface CxCreditProps extends Cx.HtmlElementProps {
|
|
4
|
+
|
|
5
|
+
/** Base CSS class to be applied to the element. Defaults to `cxcredit`. */
|
|
6
|
+
baseClass?: string,
|
|
7
|
+
/** HTML tag to be used. Default is `div`. */
|
|
8
|
+
tag?: string
|
|
9
|
+
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export class CxCredit extends Cx.Widget<CxCreditProps> {}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import * as Cx from '../core';
|
|
2
|
-
|
|
3
|
-
interface DocumentTitleProps extends Cx.WidgetProps {
|
|
4
|
-
|
|
5
|
-
value?: Cx.StringProp,
|
|
6
|
-
append?: boolean,
|
|
7
|
-
action?: 'append' | 'replace' | 'prepend',
|
|
8
|
-
separator?: Cx.StringProp
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
export class DocumentTitle extends Cx.Widget<DocumentTitleProps> {}
|
|
1
|
+
import * as Cx from '../core';
|
|
2
|
+
|
|
3
|
+
interface DocumentTitleProps extends Cx.WidgetProps {
|
|
4
|
+
|
|
5
|
+
value?: Cx.StringProp,
|
|
6
|
+
append?: boolean,
|
|
7
|
+
action?: 'append' | 'replace' | 'prepend',
|
|
8
|
+
separator?: Cx.StringProp
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export class DocumentTitle extends Cx.Widget<DocumentTitleProps> {}
|
package/src/widgets/FlexBox.d.ts
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
|
|
3
|
-
interface FlexBoxProps extends Cx.StyledContainerProps {
|
|
4
|
-
/** Base CSS class. Default is `flexbox`. */
|
|
5
|
-
baseClass?: string;
|
|
6
|
-
|
|
7
|
-
/** Flex direction. Default is `row`. */
|
|
8
|
-
direction?: string;
|
|
9
|
-
|
|
10
|
-
/**
|
|
11
|
-
* Add spacing between items by applying a margin to children.
|
|
12
|
-
* Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
13
|
-
* Value `true` is equivalent to `medium`.
|
|
14
|
-
*/
|
|
15
|
-
spacing?: string | boolean;
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* Add horizontal spacing between items by applying a margin to children.
|
|
19
|
-
* Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
20
|
-
* Value `true` is equivalent to `medium`. \
|
|
21
|
-
*/
|
|
22
|
-
hspacing?: boolean | string;
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Add vertical spacing between items by applying a margin to children.
|
|
26
|
-
* Allowed values are xsmall, small, medium, large and xlarge.
|
|
27
|
-
* Value true is equivalent to medium.
|
|
28
|
-
*/
|
|
29
|
-
vspacing?: boolean | string;
|
|
30
|
-
|
|
31
|
-
styled?: boolean;
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* Add padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
35
|
-
* Value `true` is equivalent to `medium`.
|
|
36
|
-
*/
|
|
37
|
-
pad?: boolean | string;
|
|
38
|
-
padding?: boolean | string;
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Add horizontal padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
42
|
-
* Value `true` is equivalent to `medium`.
|
|
43
|
-
*/
|
|
44
|
-
hpad?: boolean | string;
|
|
45
|
-
hpadding?: boolean | string;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Add vertical padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
49
|
-
* Value `true` is equivalent to `medium`.
|
|
50
|
-
*/
|
|
51
|
-
vpad?: boolean | string;
|
|
52
|
-
vpadding?: boolean | string;
|
|
53
|
-
|
|
54
|
-
wrap?: boolean;
|
|
55
|
-
align?: "start" | "center" | "end" | "baseline" | "stretch";
|
|
56
|
-
justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
|
|
57
|
-
target?: string;
|
|
58
|
-
|
|
59
|
-
/**
|
|
60
|
-
* Set to true to add overflow styles required for deeply nested flexbox calculations.
|
|
61
|
-
*/
|
|
62
|
-
nested?: boolean;
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
export class FlexBox extends Cx.Widget<FlexBoxProps> {}
|
|
66
|
-
|
|
67
|
-
export class FlexRow extends FlexBox {}
|
|
68
|
-
|
|
69
|
-
export class FlexCol extends FlexBox {}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
|
|
3
|
+
interface FlexBoxProps extends Cx.StyledContainerProps {
|
|
4
|
+
/** Base CSS class. Default is `flexbox`. */
|
|
5
|
+
baseClass?: string;
|
|
6
|
+
|
|
7
|
+
/** Flex direction. Default is `row`. */
|
|
8
|
+
direction?: string;
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Add spacing between items by applying a margin to children.
|
|
12
|
+
* Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
13
|
+
* Value `true` is equivalent to `medium`.
|
|
14
|
+
*/
|
|
15
|
+
spacing?: string | boolean;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Add horizontal spacing between items by applying a margin to children.
|
|
19
|
+
* Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
20
|
+
* Value `true` is equivalent to `medium`. \
|
|
21
|
+
*/
|
|
22
|
+
hspacing?: boolean | string;
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* Add vertical spacing between items by applying a margin to children.
|
|
26
|
+
* Allowed values are xsmall, small, medium, large and xlarge.
|
|
27
|
+
* Value true is equivalent to medium.
|
|
28
|
+
*/
|
|
29
|
+
vspacing?: boolean | string;
|
|
30
|
+
|
|
31
|
+
styled?: boolean;
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Add padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
35
|
+
* Value `true` is equivalent to `medium`.
|
|
36
|
+
*/
|
|
37
|
+
pad?: boolean | string;
|
|
38
|
+
padding?: boolean | string;
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* Add horizontal padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
42
|
+
* Value `true` is equivalent to `medium`.
|
|
43
|
+
*/
|
|
44
|
+
hpad?: boolean | string;
|
|
45
|
+
hpadding?: boolean | string;
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Add vertical padding to the box. Allowed values are `xsmall`, `small`, `medium`, `large` and `xlarge`.
|
|
49
|
+
* Value `true` is equivalent to `medium`.
|
|
50
|
+
*/
|
|
51
|
+
vpad?: boolean | string;
|
|
52
|
+
vpadding?: boolean | string;
|
|
53
|
+
|
|
54
|
+
wrap?: boolean;
|
|
55
|
+
align?: "start" | "center" | "end" | "baseline" | "stretch";
|
|
56
|
+
justify?: "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
|
|
57
|
+
target?: string;
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Set to true to add overflow styles required for deeply nested flexbox calculations.
|
|
61
|
+
*/
|
|
62
|
+
nested?: boolean;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
export class FlexBox extends Cx.Widget<FlexBoxProps> {}
|
|
66
|
+
|
|
67
|
+
export class FlexRow extends FlexBox {}
|
|
68
|
+
|
|
69
|
+
export class FlexCol extends FlexBox {}
|
package/src/widgets/Heading.d.ts
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as Cx from '../core';
|
|
2
|
-
|
|
3
|
-
interface HeadingProps extends Cx.HtmlElementProps {
|
|
4
|
-
|
|
5
|
-
/** Name of the HTML element to be rendered. Default is `div`. */
|
|
6
|
-
tag?: string,
|
|
7
|
-
|
|
8
|
-
/** Heading level. Allowed values go from 1 to 6. Default is 3. */
|
|
9
|
-
level?: number | string,
|
|
10
|
-
|
|
11
|
-
/** Base CSS class. Default is `heading`. */
|
|
12
|
-
baseClass?: string
|
|
13
|
-
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export class Heading extends Cx.Widget<HeadingProps> {}
|
|
1
|
+
import * as Cx from '../core';
|
|
2
|
+
|
|
3
|
+
interface HeadingProps extends Cx.HtmlElementProps {
|
|
4
|
+
|
|
5
|
+
/** Name of the HTML element to be rendered. Default is `div`. */
|
|
6
|
+
tag?: string,
|
|
7
|
+
|
|
8
|
+
/** Heading level. Allowed values go from 1 to 6. Default is 3. */
|
|
9
|
+
level?: number | string,
|
|
10
|
+
|
|
11
|
+
/** Base CSS class. Default is `heading`. */
|
|
12
|
+
baseClass?: string
|
|
13
|
+
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export class Heading extends Cx.Widget<HeadingProps> {}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
|
|
3
|
-
interface HighlightedSearchTextProps extends Cx.WidgetProps {
|
|
4
|
-
query?: Cx.StringProp;
|
|
5
|
-
text?: Cx.StringProp;
|
|
6
|
-
chunks?: Cx.Prop<string[]>;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
export class HighlightedSearchText extends Cx.Widget<HighlightedSearchTextProps> {}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
|
|
3
|
+
interface HighlightedSearchTextProps extends Cx.WidgetProps {
|
|
4
|
+
query?: Cx.StringProp;
|
|
5
|
+
text?: Cx.StringProp;
|
|
6
|
+
chunks?: Cx.Prop<string[]>;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export class HighlightedSearchText extends Cx.Widget<HighlightedSearchTextProps> {}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
import { Instance } from "../ui/Instance";
|
|
3
|
-
|
|
4
|
-
interface HtmlElementProps extends Cx.HtmlElementProps {
|
|
5
|
-
/** HTML to be injected into the element. */
|
|
6
|
-
innerHtml?: Cx.StringProp;
|
|
7
|
-
|
|
8
|
-
attrs?: Cx.StructuredProp;
|
|
9
|
-
data?: Cx.StructuredProp;
|
|
10
|
-
|
|
11
|
-
/** Name of the HTML element to be rendered. Default is `div`. */
|
|
12
|
-
tag?: string;
|
|
13
|
-
|
|
14
|
-
/** HTML to be injected into the element. */
|
|
15
|
-
html?: Cx.StringProp;
|
|
16
|
-
|
|
17
|
-
styled?: boolean;
|
|
18
|
-
|
|
19
|
-
//** Set to true to automatically focus the element when mounted. */
|
|
20
|
-
autoFocus?: Cx.BooleanProp;
|
|
21
|
-
|
|
22
|
-
/** Allow any prop if HtmlElement is used directly.
|
|
23
|
-
* e.g. `<HtmlElement tag="form" onSubmit="submit" />`*/
|
|
24
|
-
[key: string]: any;
|
|
25
|
-
|
|
26
|
-
/** Callback function called when the element is mounted in the DOM. Provides reference to the element and the component instance. */
|
|
27
|
-
onRef?: string | ((element: any, instance: Instance) => void);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
export class HtmlElement extends Cx.Widget<HtmlElementProps> {}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
import { Instance } from "../ui/Instance";
|
|
3
|
+
|
|
4
|
+
interface HtmlElementProps extends Cx.HtmlElementProps {
|
|
5
|
+
/** HTML to be injected into the element. */
|
|
6
|
+
innerHtml?: Cx.StringProp;
|
|
7
|
+
|
|
8
|
+
attrs?: Cx.StructuredProp;
|
|
9
|
+
data?: Cx.StructuredProp;
|
|
10
|
+
|
|
11
|
+
/** Name of the HTML element to be rendered. Default is `div`. */
|
|
12
|
+
tag?: string;
|
|
13
|
+
|
|
14
|
+
/** HTML to be injected into the element. */
|
|
15
|
+
html?: Cx.StringProp;
|
|
16
|
+
|
|
17
|
+
styled?: boolean;
|
|
18
|
+
|
|
19
|
+
//** Set to true to automatically focus the element when mounted. */
|
|
20
|
+
autoFocus?: Cx.BooleanProp;
|
|
21
|
+
|
|
22
|
+
/** Allow any prop if HtmlElement is used directly.
|
|
23
|
+
* e.g. `<HtmlElement tag="form" onSubmit="submit" />`*/
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
|
|
26
|
+
/** Callback function called when the element is mounted in the DOM. Provides reference to the element and the component instance. */
|
|
27
|
+
onRef?: string | ((element: any, instance: Instance) => void);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export class HtmlElement extends Cx.Widget<HtmlElementProps> {}
|
package/src/widgets/Icon.d.ts
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
|
|
3
|
-
interface IconProps extends Cx.WidgetProps {
|
|
4
|
-
/** Name under which the icon is registered. */
|
|
5
|
-
name?: Cx.StringProp;
|
|
6
|
-
|
|
7
|
-
/** Additional CSS classes to be applied to the field.
|
|
8
|
-
* If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
|
|
9
|
-
className?: Cx.ClassProp;
|
|
10
|
-
|
|
11
|
-
/** Additional CSS classes to be applied to the field.
|
|
12
|
-
* If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
|
|
13
|
-
class?: Cx.ClassProp;
|
|
14
|
-
|
|
15
|
-
/** Style object applied to the wrapper div. Used for setting the dimensions of the field. */
|
|
16
|
-
style?: Cx.StyleProp;
|
|
17
|
-
|
|
18
|
-
/** Base CSS class to be applied to the element. Default is `icon`. */
|
|
19
|
-
baseClass?: string;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export class Icon extends Cx.Widget<IconProps> {
|
|
23
|
-
static restoreDefaultIcons();
|
|
24
|
-
|
|
25
|
-
static clear();
|
|
26
|
-
|
|
27
|
-
static register(name: string, icon: any, defaultIcon?: boolean);
|
|
28
|
-
|
|
29
|
-
static unregister(...args: string[]);
|
|
30
|
-
|
|
31
|
-
static registerFactory(factory: (name: string, props: { [key: string]: any }) => any);
|
|
32
|
-
|
|
33
|
-
static render(name: string, props: { [key: string]: any });
|
|
34
|
-
}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
|
|
3
|
+
interface IconProps extends Cx.WidgetProps {
|
|
4
|
+
/** Name under which the icon is registered. */
|
|
5
|
+
name?: Cx.StringProp;
|
|
6
|
+
|
|
7
|
+
/** Additional CSS classes to be applied to the field.
|
|
8
|
+
* If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
|
|
9
|
+
className?: Cx.ClassProp;
|
|
10
|
+
|
|
11
|
+
/** Additional CSS classes to be applied to the field.
|
|
12
|
+
* If an object is provided, all keys with a "truthy" value will be added to the CSS class list. */
|
|
13
|
+
class?: Cx.ClassProp;
|
|
14
|
+
|
|
15
|
+
/** Style object applied to the wrapper div. Used for setting the dimensions of the field. */
|
|
16
|
+
style?: Cx.StyleProp;
|
|
17
|
+
|
|
18
|
+
/** Base CSS class to be applied to the element. Default is `icon`. */
|
|
19
|
+
baseClass?: string;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
export class Icon extends Cx.Widget<IconProps> {
|
|
23
|
+
static restoreDefaultIcons();
|
|
24
|
+
|
|
25
|
+
static clear();
|
|
26
|
+
|
|
27
|
+
static register(name: string, icon: any, defaultIcon?: boolean);
|
|
28
|
+
|
|
29
|
+
static unregister(...args: string[]);
|
|
30
|
+
|
|
31
|
+
static registerFactory(factory: (name: string, props: { [key: string]: any }) => any);
|
|
32
|
+
|
|
33
|
+
static render(name: string, props: { [key: string]: any });
|
|
34
|
+
}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import * as Cx from '../core';
|
|
2
|
-
import {Instance} from '../ui/Instance';
|
|
3
|
-
|
|
4
|
-
interface ProgressBarProps extends Cx.StyledContainerProps {
|
|
5
|
-
|
|
6
|
-
/** Progress value, a number between `0` and `1`. Default value is `0`. */
|
|
7
|
-
value?: Cx.NumberProp,
|
|
8
|
-
|
|
9
|
-
/** Defaults to `false`. Set to `true` to make it look disabled. */
|
|
10
|
-
disabled?: Cx.BooleanProp,
|
|
11
|
-
|
|
12
|
-
/** Progress bar annotation. */
|
|
13
|
-
text?: Cx.StringProp,
|
|
14
|
-
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
export class ProgressBar extends Cx.Widget<ProgressBarProps> {}
|
|
1
|
+
import * as Cx from '../core';
|
|
2
|
+
import {Instance} from '../ui/Instance';
|
|
3
|
+
|
|
4
|
+
interface ProgressBarProps extends Cx.StyledContainerProps {
|
|
5
|
+
|
|
6
|
+
/** Progress value, a number between `0` and `1`. Default value is `0`. */
|
|
7
|
+
value?: Cx.NumberProp,
|
|
8
|
+
|
|
9
|
+
/** Defaults to `false`. Set to `true` to make it look disabled. */
|
|
10
|
+
disabled?: Cx.BooleanProp,
|
|
11
|
+
|
|
12
|
+
/** Progress bar annotation. */
|
|
13
|
+
text?: Cx.StringProp,
|
|
14
|
+
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
export class ProgressBar extends Cx.Widget<ProgressBarProps> {}
|
package/src/widgets/Resizer.d.ts
CHANGED
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Widget,
|
|
3
|
-
StyledContainerProps
|
|
4
|
-
} from 'cx/src/core';
|
|
5
|
-
|
|
6
|
-
interface ResizerProps extends StyledContainerProps {
|
|
7
|
-
|
|
8
|
-
/** Make resizer horizontal. */
|
|
9
|
-
horizontal?: boolean;
|
|
10
|
-
|
|
11
|
-
/** Use the element after the the resizer for size measurements. */
|
|
12
|
-
forNextElement?: boolean,
|
|
13
|
-
|
|
14
|
-
/** A binding for the new size. */
|
|
15
|
-
size?: Cx.NumberProp,
|
|
16
|
-
|
|
17
|
-
/** Default value that will be set when the user double click on the resizer. */
|
|
18
|
-
defaultSize?: Cx.NumberProp,
|
|
19
|
-
|
|
20
|
-
/** Minimum size of the element. */
|
|
21
|
-
minSize?: Cx.NumberProp,
|
|
22
|
-
|
|
23
|
-
/** Maximum size of the element. */
|
|
24
|
-
maxSize?: Cx.NumberProp,
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export class Resizer extends Widget<ResizerProps> {}
|
|
1
|
+
import {
|
|
2
|
+
Widget,
|
|
3
|
+
StyledContainerProps
|
|
4
|
+
} from 'cx/src/core';
|
|
5
|
+
|
|
6
|
+
interface ResizerProps extends StyledContainerProps {
|
|
7
|
+
|
|
8
|
+
/** Make resizer horizontal. */
|
|
9
|
+
horizontal?: boolean;
|
|
10
|
+
|
|
11
|
+
/** Use the element after the the resizer for size measurements. */
|
|
12
|
+
forNextElement?: boolean,
|
|
13
|
+
|
|
14
|
+
/** A binding for the new size. */
|
|
15
|
+
size?: Cx.NumberProp,
|
|
16
|
+
|
|
17
|
+
/** Default value that will be set when the user double click on the resizer. */
|
|
18
|
+
defaultSize?: Cx.NumberProp,
|
|
19
|
+
|
|
20
|
+
/** Minimum size of the element. */
|
|
21
|
+
minSize?: Cx.NumberProp,
|
|
22
|
+
|
|
23
|
+
/** Maximum size of the element. */
|
|
24
|
+
maxSize?: Cx.NumberProp,
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export class Resizer extends Widget<ResizerProps> {}
|
package/src/widgets/Sandbox.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as Cx from "../core";
|
|
2
|
-
|
|
3
|
-
interface SandboxProps extends Cx.PureContainerProps {
|
|
4
|
-
storage: Cx.Prop<Cx.Record>;
|
|
5
|
-
|
|
6
|
-
/* Cx.StringProp doesn't work for unknown reason */
|
|
7
|
-
key?: any;
|
|
8
|
-
|
|
9
|
-
accessKey?: Cx.StringProp;
|
|
10
|
-
|
|
11
|
-
recordName?: Cx.RecordAlias;
|
|
12
|
-
recordAlias?: Cx.RecordAlias;
|
|
13
|
-
|
|
14
|
-
immutable?: boolean;
|
|
15
|
-
sealed?: boolean;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export class Sandbox extends Cx.Widget<SandboxProps> {}
|
|
1
|
+
import * as Cx from "../core";
|
|
2
|
+
|
|
3
|
+
interface SandboxProps extends Cx.PureContainerProps {
|
|
4
|
+
storage: Cx.Prop<Cx.Record>;
|
|
5
|
+
|
|
6
|
+
/* Cx.StringProp doesn't work for unknown reason */
|
|
7
|
+
key?: any;
|
|
8
|
+
|
|
9
|
+
accessKey?: Cx.StringProp;
|
|
10
|
+
|
|
11
|
+
recordName?: Cx.RecordAlias;
|
|
12
|
+
recordAlias?: Cx.RecordAlias;
|
|
13
|
+
|
|
14
|
+
immutable?: boolean;
|
|
15
|
+
sealed?: boolean;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
export class Sandbox extends Cx.Widget<SandboxProps> {}
|