cx 25.5.2 → 25.6.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.
Files changed (116) hide show
  1. package/dist/charts.js +40 -21
  2. package/dist/manifest.js +686 -686
  3. package/dist/widgets.js +30 -24
  4. package/package.json +2 -2
  5. package/src/charts/Legend.d.ts +45 -45
  6. package/src/charts/LegendEntry.js +128 -128
  7. package/src/charts/LegendEntry.scss +27 -27
  8. package/src/charts/LineGraph.js +1 -1
  9. package/src/charts/PieChart.d.ts +92 -92
  10. package/src/charts/RangeMarker.js +159 -159
  11. package/src/charts/axis/Axis.d.ts +113 -113
  12. package/src/charts/axis/Axis.js +280 -280
  13. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  14. package/src/charts/axis/CategoryAxis.js +241 -241
  15. package/src/charts/axis/NumericAxis.d.ts +46 -46
  16. package/src/charts/axis/NumericAxis.js +351 -351
  17. package/src/charts/axis/Stack.js +55 -55
  18. package/src/charts/axis/TimeAxis.js +611 -611
  19. package/src/charts/helpers/PointReducer.d.ts +9 -0
  20. package/src/charts/helpers/PointReducer.js +36 -22
  21. package/src/charts/helpers/SnapPointFinder.js +69 -69
  22. package/src/data/Binding.spec.js +69 -69
  23. package/src/data/Expression.js +229 -229
  24. package/src/data/Expression.spec.js +229 -229
  25. package/src/data/Ref.d.ts +24 -24
  26. package/src/data/Ref.spec.js +79 -79
  27. package/src/data/StoreRef.spec.js +24 -24
  28. package/src/data/StringTemplate.js +92 -92
  29. package/src/data/StringTemplate.spec.js +132 -132
  30. package/src/data/StructuredDataAccessor.d.ts +7 -7
  31. package/src/data/StructuredSelector.js +132 -132
  32. package/src/data/SubscribableView.js +54 -54
  33. package/src/data/getAccessor.spec.js +11 -11
  34. package/src/data/getSelector.js +49 -49
  35. package/src/hooks/createLocalStorageRef.d.ts +3 -3
  36. package/src/hooks/createLocalStorageRef.js +20 -20
  37. package/src/index.scss +6 -6
  38. package/src/ui/Culture.d.ts +57 -57
  39. package/src/ui/Culture.js +139 -139
  40. package/src/ui/FocusManager.js +171 -171
  41. package/src/ui/Format.js +108 -108
  42. package/src/ui/HoverSync.js +147 -147
  43. package/src/ui/Repeater.d.ts +61 -61
  44. package/src/ui/createFunctionalComponent.d.ts +1 -1
  45. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  46. package/src/ui/layout/ContentPlaceholder.js +105 -105
  47. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  48. package/src/ui/layout/LabelsTopLayout.js +134 -134
  49. package/src/util/Format.js +270 -270
  50. package/src/util/date/encodeDate.d.ts +1 -1
  51. package/src/util/date/encodeDate.js +8 -8
  52. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  53. package/src/util/date/index.d.ts +11 -11
  54. package/src/util/date/index.js +11 -11
  55. package/src/util/date/parseDateInvariant.d.ts +3 -3
  56. package/src/util/date/parseDateInvariant.js +20 -20
  57. package/src/util/debounce.js +18 -18
  58. package/src/util/getSearchQueryPredicate.js +59 -59
  59. package/src/util/index.d.ts +51 -51
  60. package/src/util/index.js +54 -54
  61. package/src/util/isValidIdentifierName.d.ts +1 -1
  62. package/src/util/isValidIdentifierName.js +5 -5
  63. package/src/util/isValidIdentifierName.spec.js +33 -33
  64. package/src/util/scss/add-rules.scss +38 -38
  65. package/src/util/validatedDebounce.js +19 -19
  66. package/src/widgets/Button.js +118 -118
  67. package/src/widgets/CxCredit.scss +37 -37
  68. package/src/widgets/HighlightedSearchText.js +36 -36
  69. package/src/widgets/HighlightedSearchText.scss +18 -18
  70. package/src/widgets/List.scss +91 -91
  71. package/src/widgets/drag-drop/DropZone.js +214 -214
  72. package/src/widgets/form/Calendar.d.ts +86 -86
  73. package/src/widgets/form/Calendar.js +618 -618
  74. package/src/widgets/form/Calendar.scss +196 -196
  75. package/src/widgets/form/Checkbox.js +203 -203
  76. package/src/widgets/form/Checkbox.scss +127 -127
  77. package/src/widgets/form/ColorField.js +397 -397
  78. package/src/widgets/form/ColorField.scss +96 -96
  79. package/src/widgets/form/ColorPicker.scss +283 -283
  80. package/src/widgets/form/DateTimeField.js +576 -576
  81. package/src/widgets/form/DateTimePicker.js +392 -392
  82. package/src/widgets/form/LookupField.d.ts +179 -179
  83. package/src/widgets/form/LookupField.scss +219 -219
  84. package/src/widgets/form/MonthField.d.ts +5 -0
  85. package/src/widgets/form/MonthField.js +1 -0
  86. package/src/widgets/form/MonthPicker.d.ts +13 -0
  87. package/src/widgets/form/MonthPicker.js +25 -21
  88. package/src/widgets/form/MonthPicker.scss +118 -118
  89. package/src/widgets/form/NumberField.js +459 -459
  90. package/src/widgets/form/NumberField.scss +61 -61
  91. package/src/widgets/form/Radio.scss +121 -121
  92. package/src/widgets/form/Select.scss +99 -99
  93. package/src/widgets/form/Slider.scss +118 -118
  94. package/src/widgets/form/Switch.scss +140 -140
  95. package/src/widgets/form/TextArea.scss +43 -43
  96. package/src/widgets/form/TextField.js +290 -290
  97. package/src/widgets/form/TextField.scss +55 -55
  98. package/src/widgets/form/UploadButton.d.ts +34 -34
  99. package/src/widgets/form/variables.scss +353 -353
  100. package/src/widgets/grid/Grid.d.ts +442 -442
  101. package/src/widgets/grid/GridRow.js +228 -228
  102. package/src/widgets/grid/TreeNode.d.ts +23 -23
  103. package/src/widgets/grid/TreeNode.scss +88 -88
  104. package/src/widgets/grid/variables.scss +133 -133
  105. package/src/widgets/nav/LinkButton.js +128 -128
  106. package/src/widgets/nav/Menu.scss +74 -74
  107. package/src/widgets/overlay/Dropdown.js +612 -612
  108. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  109. package/src/widgets/overlay/Overlay.d.ts +73 -73
  110. package/src/widgets/overlay/Window.js +202 -202
  111. package/src/widgets/overlay/captureMouse.js +124 -124
  112. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  113. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  114. package/src/widgets/overlay/index.d.ts +11 -11
  115. package/src/widgets/overlay/index.js +11 -11
  116. package/src/widgets/variables.scss +144 -144
package/src/widgets/variables.scss CHANGED
@@ -1,144 +1,144 @@
1
- // Padding
2
- $cx-default-padding-extra-small: 3px !default;
3
- $cx-default-padding-small: 5px !default;
4
- $cx-default-padding-medium: 10px !default;
5
- $cx-default-padding-large: 15px !default;
6
- $cx-default-padding-extra-large: 20px !default;
7
-
8
- $cx-pad-size: (
9
- xsmall: $cx-default-padding-extra-small,
10
- small: $cx-default-padding-small,
11
- medium: $cx-default-padding-medium,
12
- large: $cx-default-padding-large,
13
- xlarge: $cx-default-padding-extra-large,
14
- ) !default;
15
-
16
- @import "form/variables";
17
- @import "grid/variables";
18
- @import "nav/variables";
19
- @import "overlay/variables";
20
- @import "drag-drop/variables";
21
- @import "Button.variables";
22
-
23
- // HEADING
24
- $cx-caption-style-map: () !default;
25
-
26
- $cx-caption-level-style-map: (
27
- 1: (
28
- margin: 0,
29
- padding: 0,
30
- ),
31
- 2: (
32
- margin: 0,
33
- padding: 0,
34
- ),
35
- 3: (
36
- margin: 0,
37
- padding: 0,
38
- ),
39
- 4: (
40
- margin: 0,
41
- padding: 0,
42
- ),
43
- 5: (
44
- margin: 0,
45
- padding: 0,
46
- ),
47
- 6: (
48
- margin: 0,
49
- padding: 0,
50
- ),
51
- ) !default;
52
-
53
- // SECTION
54
- $cx-section-styles: () !default;
55
-
56
- $cx-section-mods: (
57
- card: (
58
- default: (
59
- background-color: rgba(255, 255, 255, 0.9),
60
- border-radius: 3px,
61
- ),
62
- ),
63
- warning: (
64
- default: (
65
- color: #fff,
66
- background-color: #f09037,
67
- border-radius: 3px,
68
- ),
69
- ),
70
- primary: (
71
- default: (
72
- color: #fff,
73
- background-color: #1f99f8,
74
- border-radius: 3px,
75
- ),
76
- ),
77
- success: (
78
- default: (
79
- color: #fff,
80
- background-color: #5cb85c,
81
- border-radius: 3px,
82
- ),
83
- ),
84
- error: (
85
- default: (
86
- color: #fff,
87
- background-color: #d9534f,
88
- border-radius: 3px,
89
- ),
90
- ),
91
- ) !default;
92
-
93
- // ProgressBar
94
- $cx-default-progressbar-width: 180px !default;
95
- $cx-default-progressbar-height: 24px !default;
96
- $cx-default-progressbar-font-size: smaller !default;
97
- $cx-default-progressbar-color: $cx-default-color !default;
98
- $cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
99
- $cx-default-progressbar-border-width: 1px !default;
100
- $cx-default-progressbar-border-color: #98d4ff !default;
101
- $cx-default-progressbar-border-radius: 0 !default;
102
-
103
- $cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
104
-
105
- $cx-progressbar-state-style-map: (
106
- default: (
107
- position: relative,
108
- width: $cx-default-progressbar-width,
109
- min-height: $cx-default-progressbar-height,
110
- background-color: $cx-default-progressbar-background-color,
111
- border-style: solid,
112
- border-color: $cx-default-progressbar-border-color,
113
- border-width: $cx-default-progressbar-border-width,
114
- border-radius: $cx-default-progressbar-border-radius,
115
- font-size: $cx-default-progressbar-font-size,
116
- text-align: center,
117
- line-height: $cx-default-progressbar-height,
118
- ),
119
- disabled: (
120
- opacity: 0.2,
121
- ),
122
- );
123
-
124
- $cx-progressbar-mods: ();
125
-
126
- $cx-highlightedsearchtext-style-map: (
127
- font-weight: bold,
128
- ) !default;
129
-
130
- // for backward compatibility
131
- .cxm-well {
132
- @extend .cxm-card !optional;
133
- }
134
-
135
- $cx-dependencies: map-merge(
136
- $cx-dependencies,
137
- (
138
- "cx/widgets/FlexRow": "cx/widgets/FlexBox",
139
- "cx/widgets/FlexCol": "cx/widgets/FlexBox",
140
- "cx/widgets/CxCredit": "cx/widgets/Tooltip",
141
- "cx/widgets/Button": "cx/widgets/HtmlElement",
142
- "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
143
- )
144
- );
1
+ // Padding
2
+ $cx-default-padding-extra-small: 3px !default;
3
+ $cx-default-padding-small: 5px !default;
4
+ $cx-default-padding-medium: 10px !default;
5
+ $cx-default-padding-large: 15px !default;
6
+ $cx-default-padding-extra-large: 20px !default;
7
+
8
+ $cx-pad-size: (
9
+ xsmall: $cx-default-padding-extra-small,
10
+ small: $cx-default-padding-small,
11
+ medium: $cx-default-padding-medium,
12
+ large: $cx-default-padding-large,
13
+ xlarge: $cx-default-padding-extra-large,
14
+ ) !default;
15
+
16
+ @import "form/variables";
17
+ @import "grid/variables";
18
+ @import "nav/variables";
19
+ @import "overlay/variables";
20
+ @import "drag-drop/variables";
21
+ @import "Button.variables";
22
+
23
+ // HEADING
24
+ $cx-caption-style-map: () !default;
25
+
26
+ $cx-caption-level-style-map: (
27
+ 1: (
28
+ margin: 0,
29
+ padding: 0,
30
+ ),
31
+ 2: (
32
+ margin: 0,
33
+ padding: 0,
34
+ ),
35
+ 3: (
36
+ margin: 0,
37
+ padding: 0,
38
+ ),
39
+ 4: (
40
+ margin: 0,
41
+ padding: 0,
42
+ ),
43
+ 5: (
44
+ margin: 0,
45
+ padding: 0,
46
+ ),
47
+ 6: (
48
+ margin: 0,
49
+ padding: 0,
50
+ ),
51
+ ) !default;
52
+
53
+ // SECTION
54
+ $cx-section-styles: () !default;
55
+
56
+ $cx-section-mods: (
57
+ card: (
58
+ default: (
59
+ background-color: rgba(255, 255, 255, 0.9),
60
+ border-radius: 3px,
61
+ ),
62
+ ),
63
+ warning: (
64
+ default: (
65
+ color: #fff,
66
+ background-color: #f09037,
67
+ border-radius: 3px,
68
+ ),
69
+ ),
70
+ primary: (
71
+ default: (
72
+ color: #fff,
73
+ background-color: #1f99f8,
74
+ border-radius: 3px,
75
+ ),
76
+ ),
77
+ success: (
78
+ default: (
79
+ color: #fff,
80
+ background-color: #5cb85c,
81
+ border-radius: 3px,
82
+ ),
83
+ ),
84
+ error: (
85
+ default: (
86
+ color: #fff,
87
+ background-color: #d9534f,
88
+ border-radius: 3px,
89
+ ),
90
+ ),
91
+ ) !default;
92
+
93
+ // ProgressBar
94
+ $cx-default-progressbar-width: 180px !default;
95
+ $cx-default-progressbar-height: 24px !default;
96
+ $cx-default-progressbar-font-size: smaller !default;
97
+ $cx-default-progressbar-color: $cx-default-color !default;
98
+ $cx-default-progressbar-background-color: rgba(#fff, 0.5) !default;
99
+ $cx-default-progressbar-border-width: 1px !default;
100
+ $cx-default-progressbar-border-color: #98d4ff !default;
101
+ $cx-default-progressbar-border-radius: 0 !default;
102
+
103
+ $cx-default-progressbar-indicator-background-color: rgba(#98d4ff, 0.8) !default;
104
+
105
+ $cx-progressbar-state-style-map: (
106
+ default: (
107
+ position: relative,
108
+ width: $cx-default-progressbar-width,
109
+ min-height: $cx-default-progressbar-height,
110
+ background-color: $cx-default-progressbar-background-color,
111
+ border-style: solid,
112
+ border-color: $cx-default-progressbar-border-color,
113
+ border-width: $cx-default-progressbar-border-width,
114
+ border-radius: $cx-default-progressbar-border-radius,
115
+ font-size: $cx-default-progressbar-font-size,
116
+ text-align: center,
117
+ line-height: $cx-default-progressbar-height,
118
+ ),
119
+ disabled: (
120
+ opacity: 0.2,
121
+ ),
122
+ );
123
+
124
+ $cx-progressbar-mods: ();
125
+
126
+ $cx-highlightedsearchtext-style-map: (
127
+ font-weight: bold,
128
+ ) !default;
129
+
130
+ // for backward compatibility
131
+ .cxm-well {
132
+ @extend .cxm-card !optional;
133
+ }
134
+
135
+ $cx-dependencies: map-merge(
136
+ $cx-dependencies,
137
+ (
138
+ "cx/widgets/FlexRow": "cx/widgets/FlexBox",
139
+ "cx/widgets/FlexCol": "cx/widgets/FlexBox",
140
+ "cx/widgets/CxCredit": "cx/widgets/Tooltip",
141
+ "cx/widgets/Button": "cx/widgets/HtmlElement",
142
+ "cx/widgets/HtmlElement": "cx/widgets/Tooltip",
143
+ )
144
+ );