cx 25.4.1 → 25.5.0

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.
Files changed (138) hide show
  1. package/dist/charts.js +2 -2
  2. package/dist/data.js +17 -3
  3. package/dist/manifest.js +677 -677
  4. package/dist/ui.js +88 -61
  5. package/dist/widgets.js +13 -13
  6. package/package.json +1 -1
  7. package/src/charts/Legend.d.ts +45 -45
  8. package/src/charts/LegendEntry.js +128 -128
  9. package/src/charts/LegendEntry.scss +27 -27
  10. package/src/charts/PieChart.d.ts +92 -92
  11. package/src/charts/RangeMarker.js +6 -2
  12. package/src/charts/axis/Axis.d.ts +113 -113
  13. package/src/charts/axis/Axis.js +280 -280
  14. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  15. package/src/charts/axis/CategoryAxis.js +241 -241
  16. package/src/charts/axis/NumericAxis.d.ts +46 -46
  17. package/src/charts/axis/NumericAxis.js +351 -351
  18. package/src/charts/axis/Stack.js +55 -55
  19. package/src/charts/axis/TimeAxis.d.ts +31 -28
  20. package/src/charts/axis/TimeAxis.js +611 -611
  21. package/src/charts/helpers/PointReducer.js +47 -47
  22. package/src/charts/helpers/SnapPointFinder.js +69 -69
  23. package/src/data/AugmentedViewBase.js +77 -75
  24. package/src/data/Binding.spec.js +69 -69
  25. package/src/data/ExposedRecordView.js +75 -70
  26. package/src/data/ExposedValueView.js +73 -72
  27. package/src/data/Expression.js +229 -229
  28. package/src/data/Expression.spec.js +229 -229
  29. package/src/data/Ref.d.ts +24 -24
  30. package/src/data/Ref.spec.js +79 -79
  31. package/src/data/StoreRef.spec.js +24 -24
  32. package/src/data/StringTemplate.js +92 -92
  33. package/src/data/StringTemplate.spec.js +132 -132
  34. package/src/data/StructuredDataAccessor.d.ts +7 -7
  35. package/src/data/StructuredSelector.js +132 -132
  36. package/src/data/SubscribableView.js +54 -54
  37. package/src/data/getAccessor.spec.js +11 -11
  38. package/src/data/getSelector.js +49 -49
  39. package/src/hooks/createLocalStorageRef.d.ts +3 -3
  40. package/src/hooks/createLocalStorageRef.js +20 -20
  41. package/src/index.scss +6 -6
  42. package/src/ui/Container.js +154 -183
  43. package/src/ui/Culture.d.ts +57 -57
  44. package/src/ui/Culture.js +139 -139
  45. package/src/ui/Cx.js +3 -3
  46. package/src/ui/DataProxy.js +45 -44
  47. package/src/ui/DetachedScope.js +98 -94
  48. package/src/ui/FocusManager.js +171 -171
  49. package/src/ui/Format.js +108 -108
  50. package/src/ui/HoverSync.js +147 -147
  51. package/src/ui/Instance.d.ts +1 -1
  52. package/src/ui/Instance.js +25 -16
  53. package/src/ui/IsolatedScope.js +30 -30
  54. package/src/ui/Repeater.d.ts +61 -61
  55. package/src/ui/Rescope.js +35 -31
  56. package/src/ui/Restate.js +167 -163
  57. package/src/ui/Widget.js +184 -200
  58. package/src/ui/adapter/ArrayAdapter.js +152 -142
  59. package/src/ui/adapter/TreeAdapter.js +101 -100
  60. package/src/ui/createFunctionalComponent.d.ts +1 -1
  61. package/src/ui/createFunctionalComponent.js +31 -36
  62. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  63. package/src/ui/layout/ContentPlaceholder.js +105 -105
  64. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  65. package/src/ui/layout/LabelsTopLayout.js +134 -134
  66. package/src/ui/layout/exploreChildren.d.ts +12 -15
  67. package/src/ui/layout/exploreChildren.js +27 -40
  68. package/src/util/Format.js +270 -270
  69. package/src/util/date/encodeDate.d.ts +1 -1
  70. package/src/util/date/encodeDate.js +8 -8
  71. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  72. package/src/util/date/index.d.ts +11 -11
  73. package/src/util/date/index.js +11 -11
  74. package/src/util/date/parseDateInvariant.d.ts +3 -3
  75. package/src/util/date/parseDateInvariant.js +20 -20
  76. package/src/util/debounce.js +18 -18
  77. package/src/util/getSearchQueryPredicate.js +59 -59
  78. package/src/util/index.d.ts +51 -51
  79. package/src/util/index.js +54 -54
  80. package/src/util/isValidIdentifierName.d.ts +1 -1
  81. package/src/util/isValidIdentifierName.js +5 -5
  82. package/src/util/isValidIdentifierName.spec.js +33 -33
  83. package/src/util/scss/add-rules.scss +38 -38
  84. package/src/util/validatedDebounce.js +19 -19
  85. package/src/widgets/Button.js +118 -118
  86. package/src/widgets/CxCredit.scss +37 -37
  87. package/src/widgets/HighlightedSearchText.js +36 -36
  88. package/src/widgets/HighlightedSearchText.scss +18 -18
  89. package/src/widgets/List.scss +91 -91
  90. package/src/widgets/Sandbox.js +9 -8
  91. package/src/widgets/drag-drop/DropZone.js +214 -214
  92. package/src/widgets/form/Calendar.d.ts +86 -86
  93. package/src/widgets/form/Calendar.js +618 -618
  94. package/src/widgets/form/Calendar.scss +196 -196
  95. package/src/widgets/form/Checkbox.scss +127 -127
  96. package/src/widgets/form/ColorField.js +397 -397
  97. package/src/widgets/form/ColorField.scss +96 -96
  98. package/src/widgets/form/ColorPicker.scss +283 -283
  99. package/src/widgets/form/DateTimeField.js +576 -576
  100. package/src/widgets/form/DateTimePicker.js +392 -392
  101. package/src/widgets/form/LookupField.d.ts +179 -179
  102. package/src/widgets/form/LookupField.scss +219 -219
  103. package/src/widgets/form/MonthField.d.ts +99 -99
  104. package/src/widgets/form/MonthField.js +523 -523
  105. package/src/widgets/form/MonthPicker.d.ts +76 -76
  106. package/src/widgets/form/MonthPicker.js +641 -641
  107. package/src/widgets/form/MonthPicker.scss +118 -118
  108. package/src/widgets/form/NumberField.js +459 -459
  109. package/src/widgets/form/NumberField.scss +61 -61
  110. package/src/widgets/form/Radio.scss +121 -121
  111. package/src/widgets/form/Select.scss +99 -99
  112. package/src/widgets/form/Slider.scss +118 -118
  113. package/src/widgets/form/Switch.scss +140 -140
  114. package/src/widgets/form/TextArea.scss +43 -43
  115. package/src/widgets/form/TextField.js +290 -290
  116. package/src/widgets/form/TextField.scss +55 -55
  117. package/src/widgets/form/UploadButton.d.ts +34 -34
  118. package/src/widgets/form/variables.scss +353 -353
  119. package/src/widgets/grid/Grid.d.ts +442 -442
  120. package/src/widgets/grid/Grid.js +3414 -3414
  121. package/src/widgets/grid/GridRow.js +228 -228
  122. package/src/widgets/grid/TreeNode.d.ts +23 -23
  123. package/src/widgets/grid/TreeNode.scss +88 -88
  124. package/src/widgets/grid/variables.scss +133 -133
  125. package/src/widgets/nav/LinkButton.js +128 -128
  126. package/src/widgets/nav/Menu.scss +74 -74
  127. package/src/widgets/nav/Route.js +102 -106
  128. package/src/widgets/overlay/Dropdown.js +612 -612
  129. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  130. package/src/widgets/overlay/Overlay.d.ts +73 -73
  131. package/src/widgets/overlay/Tooltip.js +1 -1
  132. package/src/widgets/overlay/Window.js +202 -202
  133. package/src/widgets/overlay/captureMouse.js +124 -124
  134. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  135. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  136. package/src/widgets/overlay/index.d.ts +11 -11
  137. package/src/widgets/overlay/index.js +11 -11
  138. package/src/widgets/variables.scss +144 -144
@@ -1,113 +1,113 @@
1
- import { Instance } from "./../../ui/Instance.d";
2
- import * as Cx from "../../core";
3
- import { BoundedObject, BoundedObjectProps } from "../../svg/BoundedObject";
4
-
5
- export interface AxisProps extends BoundedObjectProps {
6
- /** Set to `true` for vertical axes. */
7
- vertical?: boolean;
8
-
9
- /** Used as a secondary axis. Displayed at the top/right. */
10
- secondary?: boolean;
11
-
12
- /** When set to `true`, the values are displayed in descending order. */
13
- inverted?: Cx.BooleanProp;
14
-
15
- /** When set to `true`, rendering of visual elements of the axis, such as ticks and labels, is skipped, but their function is preserved. */
16
- hidden?: boolean;
17
-
18
- /** Size of the axis tick line. Defaults to 3. */
19
- tickSize?: number;
20
-
21
- /** Distance between ticks and the axis. Default is 0. Use negative values for offset to make ticks appear on both sides of the axis. */
22
- tickOffset?: number;
23
-
24
- /** The smallest distance between two ticks on the axis. Defaults to 25. */
25
- minTickDistance?: number;
26
-
27
- /** The smallest distance between two labels on the vertical axis. Defaults to 40. */
28
- minLabelDistanceVertical?: number;
29
-
30
- /** The smallest distance between two labels on the horizontal axis. Defaults to 50. */
31
- minLabelDistanceHorizontal?: number;
32
-
33
- /** Distance between labels and the axis. Defaults to 10. */
34
- labelOffset?: number | string;
35
-
36
- /** Label rotation angle in degrees. */
37
- labelRotation?: Cx.Prop<number | string>;
38
-
39
- /** Label text-anchor value. Allowed values are start, end and middle. Default value is set based on the value of vertical and secondary flags. */
40
- labelAnchor?: "start" | "end" | "middle" | "auto";
41
-
42
- /** Horizontal text offset. */
43
- labelDx?: number | string;
44
-
45
- /** Vertical text offset which can be used for vertical alignment. */
46
- labelDy?: number | string;
47
-
48
- /** Set to `true` to break long labels into multiple lines. Default value is `false`. Text is split at space characters. See also `labelMaxLineLength` and `labelLineCountDyFactor`. */
49
- labelWrap?: boolean;
50
-
51
- /**
52
- * Used for vertical adjustment of multi-line labels. Default value is `auto` which means
53
- * that value is initialized based on axis configuration. Value `0` means that label will grow towards
54
- * the bottom of the screen. Value `-1` will make labels to grow towards the top of the screen.
55
- * `-0.5` will make labels vertically centered.
56
- */
57
- labelLineCountDyFactor?: number | string;
58
-
59
- /**
60
- * Used for vertical adjustment of multi-line labels. Default value is 1 which means
61
- * that labels are stacked without any space between them. Value of 1.4 will add 40% of the label height as a space between labels.
62
- */
63
- labelLineHeight?: number | string;
64
-
65
- /** If `labelWrap` is on, this number is used as a measure to split labels into multiple lines. Default value is `10`. */
66
- labelMaxLineLength?: number;
67
-
68
- /** Set to true to hide the axis labels. */
69
- hideLabels?: boolean;
70
-
71
- /** Set to true to hide the axis line. */
72
- hideLine?: boolean;
73
-
74
- /** Set to true to hide the axis ticks. */
75
- hideTicks?: boolean;
76
-
77
- /** Additional CSS style to be applied to the axis line. */
78
- lineStyle?: Cx.StyleProp;
79
-
80
- /** Additional CSS style to be applied to the axis ticks. */
81
- tickStyle?: Cx.StyleProp;
82
-
83
- /** Additional CSS style to be applied to the axis labels. */
84
- labelStyle?: Cx.StyleProp;
85
-
86
- /** Additional CSS class to be applied to the axis line. */
87
- lineClass?: Cx.ClassProp;
88
-
89
- /** Additional CSS class to be applied to the axis ticks. */
90
- tickClass?: Cx.ClassProp;
91
-
92
- /** Additional CSS class to be applied to the axis labels. */
93
- labelClass?: Cx.ClassProp;
94
-
95
- onMeasured?: (info: any, instance: Instance) => void;
96
-
97
- /** A function used to create a formatter function for axis labels. See Complex Labels example in the CxJS documentation for more info. */
98
- onCreateLabelFormatter?:
99
- | string
100
- | ((
101
- context: any,
102
- instance: Instance,
103
- ) => (
104
- formattedValue: string,
105
- value: any,
106
- { tickIndex, serieIndex }: { tickIndex: number; serieIndex: number },
107
- ) => { text: string; style?: any; className?: string }[]);
108
-
109
- /** Distance between the even labels and the axis. */
110
- alternateLabelOffset?: number | string;
111
- }
112
-
113
- export class Axis extends BoundedObject {}
1
+ import { Instance } from "./../../ui/Instance.d";
2
+ import * as Cx from "../../core";
3
+ import { BoundedObject, BoundedObjectProps } from "../../svg/BoundedObject";
4
+
5
+ export interface AxisProps extends BoundedObjectProps {
6
+ /** Set to `true` for vertical axes. */
7
+ vertical?: boolean;
8
+
9
+ /** Used as a secondary axis. Displayed at the top/right. */
10
+ secondary?: boolean;
11
+
12
+ /** When set to `true`, the values are displayed in descending order. */
13
+ inverted?: Cx.BooleanProp;
14
+
15
+ /** When set to `true`, rendering of visual elements of the axis, such as ticks and labels, is skipped, but their function is preserved. */
16
+ hidden?: boolean;
17
+
18
+ /** Size of the axis tick line. Defaults to 3. */
19
+ tickSize?: number;
20
+
21
+ /** Distance between ticks and the axis. Default is 0. Use negative values for offset to make ticks appear on both sides of the axis. */
22
+ tickOffset?: number;
23
+
24
+ /** The smallest distance between two ticks on the axis. Defaults to 25. */
25
+ minTickDistance?: number;
26
+
27
+ /** The smallest distance between two labels on the vertical axis. Defaults to 40. */
28
+ minLabelDistanceVertical?: number;
29
+
30
+ /** The smallest distance between two labels on the horizontal axis. Defaults to 50. */
31
+ minLabelDistanceHorizontal?: number;
32
+
33
+ /** Distance between labels and the axis. Defaults to 10. */
34
+ labelOffset?: number | string;
35
+
36
+ /** Label rotation angle in degrees. */
37
+ labelRotation?: Cx.Prop<number | string>;
38
+
39
+ /** Label text-anchor value. Allowed values are start, end and middle. Default value is set based on the value of vertical and secondary flags. */
40
+ labelAnchor?: "start" | "end" | "middle" | "auto";
41
+
42
+ /** Horizontal text offset. */
43
+ labelDx?: number | string;
44
+
45
+ /** Vertical text offset which can be used for vertical alignment. */
46
+ labelDy?: number | string;
47
+
48
+ /** Set to `true` to break long labels into multiple lines. Default value is `false`. Text is split at space characters. See also `labelMaxLineLength` and `labelLineCountDyFactor`. */
49
+ labelWrap?: boolean;
50
+
51
+ /**
52
+ * Used for vertical adjustment of multi-line labels. Default value is `auto` which means
53
+ * that value is initialized based on axis configuration. Value `0` means that label will grow towards
54
+ * the bottom of the screen. Value `-1` will make labels to grow towards the top of the screen.
55
+ * `-0.5` will make labels vertically centered.
56
+ */
57
+ labelLineCountDyFactor?: number | string;
58
+
59
+ /**
60
+ * Used for vertical adjustment of multi-line labels. Default value is 1 which means
61
+ * that labels are stacked without any space between them. Value of 1.4 will add 40% of the label height as a space between labels.
62
+ */
63
+ labelLineHeight?: number | string;
64
+
65
+ /** If `labelWrap` is on, this number is used as a measure to split labels into multiple lines. Default value is `10`. */
66
+ labelMaxLineLength?: number;
67
+
68
+ /** Set to true to hide the axis labels. */
69
+ hideLabels?: boolean;
70
+
71
+ /** Set to true to hide the axis line. */
72
+ hideLine?: boolean;
73
+
74
+ /** Set to true to hide the axis ticks. */
75
+ hideTicks?: boolean;
76
+
77
+ /** Additional CSS style to be applied to the axis line. */
78
+ lineStyle?: Cx.StyleProp;
79
+
80
+ /** Additional CSS style to be applied to the axis ticks. */
81
+ tickStyle?: Cx.StyleProp;
82
+
83
+ /** Additional CSS style to be applied to the axis labels. */
84
+ labelStyle?: Cx.StyleProp;
85
+
86
+ /** Additional CSS class to be applied to the axis line. */
87
+ lineClass?: Cx.ClassProp;
88
+
89
+ /** Additional CSS class to be applied to the axis ticks. */
90
+ tickClass?: Cx.ClassProp;
91
+
92
+ /** Additional CSS class to be applied to the axis labels. */
93
+ labelClass?: Cx.ClassProp;
94
+
95
+ onMeasured?: (info: any, instance: Instance) => void;
96
+
97
+ /** A function used to create a formatter function for axis labels. See Complex Labels example in the CxJS documentation for more info. */
98
+ onCreateLabelFormatter?:
99
+ | string
100
+ | ((
101
+ context: any,
102
+ instance: Instance,
103
+ ) => (
104
+ formattedValue: string,
105
+ value: any,
106
+ { tickIndex, serieIndex }: { tickIndex: number; serieIndex: number },
107
+ ) => { text: string; style?: any; className?: string }[]);
108
+
109
+ /** Distance between the even labels and the axis. */
110
+ alternateLabelOffset?: number | string;
111
+ }
112
+
113
+ export class Axis extends BoundedObject {}