cx 25.6.0 → 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 (96) hide show
  1. package/dist/manifest.js +708 -708
  2. package/package.json +2 -2
  3. package/src/charts/Legend.d.ts +45 -45
  4. package/src/charts/LegendEntry.js +128 -128
  5. package/src/charts/LegendEntry.scss +27 -27
  6. package/src/charts/PieChart.d.ts +92 -92
  7. package/src/charts/RangeMarker.js +159 -159
  8. package/src/charts/axis/Axis.d.ts +113 -113
  9. package/src/charts/axis/Axis.js +280 -280
  10. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  11. package/src/charts/axis/CategoryAxis.js +241 -241
  12. package/src/charts/axis/NumericAxis.js +351 -351
  13. package/src/charts/axis/Stack.js +55 -55
  14. package/src/charts/axis/TimeAxis.js +611 -611
  15. package/src/charts/helpers/SnapPointFinder.js +69 -69
  16. package/src/data/Binding.spec.js +69 -69
  17. package/src/data/Expression.js +229 -229
  18. package/src/data/Expression.spec.js +229 -229
  19. package/src/data/StringTemplate.js +92 -92
  20. package/src/data/StringTemplate.spec.js +132 -132
  21. package/src/data/StructuredSelector.js +132 -132
  22. package/src/data/getAccessor.spec.js +11 -11
  23. package/src/data/getSelector.js +49 -49
  24. package/src/hooks/createLocalStorageRef.d.ts +3 -3
  25. package/src/hooks/createLocalStorageRef.js +20 -20
  26. package/src/index.scss +6 -6
  27. package/src/ui/Culture.d.ts +57 -57
  28. package/src/ui/Culture.js +139 -139
  29. package/src/ui/FocusManager.js +171 -171
  30. package/src/ui/Format.js +108 -108
  31. package/src/ui/HoverSync.js +147 -147
  32. package/src/ui/Repeater.d.ts +61 -61
  33. package/src/ui/index.d.ts +42 -42
  34. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  35. package/src/ui/layout/ContentPlaceholder.js +105 -105
  36. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  37. package/src/ui/layout/LabelsTopLayout.js +134 -134
  38. package/src/util/Format.js +270 -270
  39. package/src/util/date/encodeDate.d.ts +1 -1
  40. package/src/util/date/encodeDate.js +8 -8
  41. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  42. package/src/util/date/index.d.ts +11 -11
  43. package/src/util/date/index.js +11 -11
  44. package/src/util/date/parseDateInvariant.d.ts +3 -3
  45. package/src/util/date/parseDateInvariant.js +20 -20
  46. package/src/util/getSearchQueryPredicate.js +59 -59
  47. package/src/util/index.d.ts +51 -51
  48. package/src/util/index.js +54 -54
  49. package/src/util/isValidIdentifierName.d.ts +1 -1
  50. package/src/util/isValidIdentifierName.js +5 -5
  51. package/src/util/isValidIdentifierName.spec.js +33 -33
  52. package/src/util/scss/add-rules.scss +38 -38
  53. package/src/widgets/CxCredit.scss +37 -37
  54. package/src/widgets/HighlightedSearchText.js +36 -36
  55. package/src/widgets/HighlightedSearchText.scss +18 -18
  56. package/src/widgets/List.scss +91 -91
  57. package/src/widgets/drag-drop/DropZone.js +214 -214
  58. package/src/widgets/form/Calendar.js +618 -618
  59. package/src/widgets/form/Calendar.scss +196 -196
  60. package/src/widgets/form/Checkbox.scss +127 -127
  61. package/src/widgets/form/ColorField.js +397 -397
  62. package/src/widgets/form/ColorField.scss +96 -96
  63. package/src/widgets/form/ColorPicker.scss +283 -283
  64. package/src/widgets/form/DateTimeField.js +576 -576
  65. package/src/widgets/form/DateTimePicker.js +392 -392
  66. package/src/widgets/form/LookupField.d.ts +179 -179
  67. package/src/widgets/form/LookupField.scss +219 -219
  68. package/src/widgets/form/MonthPicker.scss +118 -118
  69. package/src/widgets/form/NumberField.js +459 -459
  70. package/src/widgets/form/NumberField.scss +61 -61
  71. package/src/widgets/form/Radio.scss +121 -121
  72. package/src/widgets/form/Select.scss +99 -99
  73. package/src/widgets/form/Slider.scss +118 -118
  74. package/src/widgets/form/Switch.scss +140 -140
  75. package/src/widgets/form/TextArea.scss +43 -43
  76. package/src/widgets/form/TextField.js +290 -290
  77. package/src/widgets/form/TextField.scss +55 -55
  78. package/src/widgets/form/UploadButton.d.ts +34 -34
  79. package/src/widgets/form/variables.scss +353 -353
  80. package/src/widgets/grid/Grid.d.ts +442 -442
  81. package/src/widgets/grid/GridRow.js +228 -228
  82. package/src/widgets/grid/TreeNode.d.ts +23 -23
  83. package/src/widgets/grid/TreeNode.scss +88 -88
  84. package/src/widgets/grid/variables.scss +133 -133
  85. package/src/widgets/nav/LinkButton.js +128 -128
  86. package/src/widgets/nav/Menu.scss +74 -74
  87. package/src/widgets/overlay/Dropdown.js +612 -612
  88. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  89. package/src/widgets/overlay/Overlay.d.ts +73 -73
  90. package/src/widgets/overlay/Window.js +202 -202
  91. package/src/widgets/overlay/captureMouse.js +124 -124
  92. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  93. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  94. package/src/widgets/overlay/index.d.ts +11 -11
  95. package/src/widgets/overlay/index.js +11 -11
  96. package/src/widgets/variables.scss +144 -144
@@ -1,55 +1,55 @@
1
- @mixin cx-textfield(
2
- $name: "textfield",
3
- $state-style-map: $cx-std-field-state-style-map,
4
- $placeholder: $cx-input-placeholder,
5
- $empty-text: $cx-empty-text,
6
- $left-icon-state-style-map: $cx-input-left-icon-state-style-map,
7
- $clear-state-style-map: $cx-clear-state-style-map,
8
- $icon-size: $cx-default-input-icon-size,
9
- $width: $cx-default-input-width,
10
- $besm: $cx-besm
11
- ) {
12
- $block: map-get($besm, block);
13
- $element: map-get($besm, element);
14
- $state: map-get($besm, state);
15
- $mod: map-get($besm, mod);
16
-
17
- .#{$block}#{$name} {
18
- @include cxb-field($besm, $state-style-map, $width: $width, $input: true);
19
- }
20
-
21
- $padding: cx-get-state-rule($state-style-map, default, "padding");
22
-
23
- .#{$element}#{$name}-input {
24
- @include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
25
-
26
- .#{$state}icon > & {
27
- padding-left: cx-calc(2 * cx-left($padding), $icon-size);
28
- }
29
-
30
- .#{$state}clear > & {
31
- padding-right: cx-calc(cx-right($padding), $cx-default-clear-size, $cx-default-clear-spacing);
32
- }
33
- }
34
-
35
- .#{$element}#{$name}-left-icon {
36
- pointer-events: none;
37
- @include cxe-field-button($besm, $left-icon-state-style-map);
38
- }
39
-
40
- .#{$element}#{$name}-clear {
41
- @include cxe-field-button($besm, $clear-state-style-map);
42
- }
43
-
44
- .#{$element}#{$name}-icon {
45
- @include cxe-field-button-icon($besm, $icon-size);
46
- }
47
-
48
- .#{$element}#{$name}-empty-text {
49
- @include cxe-field-empty-text($empty-text);
50
- }
51
- }
52
-
53
- @if (cx-should-include("cx/widgets/TextField")) {
54
- @include cx-textfield();
55
- }
1
+ @mixin cx-textfield(
2
+ $name: "textfield",
3
+ $state-style-map: $cx-std-field-state-style-map,
4
+ $placeholder: $cx-input-placeholder,
5
+ $empty-text: $cx-empty-text,
6
+ $left-icon-state-style-map: $cx-input-left-icon-state-style-map,
7
+ $clear-state-style-map: $cx-clear-state-style-map,
8
+ $icon-size: $cx-default-input-icon-size,
9
+ $width: $cx-default-input-width,
10
+ $besm: $cx-besm
11
+ ) {
12
+ $block: map-get($besm, block);
13
+ $element: map-get($besm, element);
14
+ $state: map-get($besm, state);
15
+ $mod: map-get($besm, mod);
16
+
17
+ .#{$block}#{$name} {
18
+ @include cxb-field($besm, $state-style-map, $width: $width, $input: true);
19
+ }
20
+
21
+ $padding: cx-get-state-rule($state-style-map, default, "padding");
22
+
23
+ .#{$element}#{$name}-input {
24
+ @include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
25
+
26
+ .#{$state}icon > & {
27
+ padding-left: cx-calc(2 * cx-left($padding), $icon-size);
28
+ }
29
+
30
+ .#{$state}clear > & {
31
+ padding-right: cx-calc(cx-right($padding), $cx-default-clear-size, $cx-default-clear-spacing);
32
+ }
33
+ }
34
+
35
+ .#{$element}#{$name}-left-icon {
36
+ pointer-events: none;
37
+ @include cxe-field-button($besm, $left-icon-state-style-map);
38
+ }
39
+
40
+ .#{$element}#{$name}-clear {
41
+ @include cxe-field-button($besm, $clear-state-style-map);
42
+ }
43
+
44
+ .#{$element}#{$name}-icon {
45
+ @include cxe-field-button-icon($besm, $icon-size);
46
+ }
47
+
48
+ .#{$element}#{$name}-empty-text {
49
+ @include cxe-field-empty-text($empty-text);
50
+ }
51
+ }
52
+
53
+ @if (cx-should-include("cx/widgets/TextField")) {
54
+ @include cx-textfield();
55
+ }
@@ -1,34 +1,34 @@
1
- import * as Cx from "../../core";
2
- import { FieldProps } from "./Field";
3
-
4
- interface UploadButtonProps extends FieldProps {
5
- /** Text description. */
6
- text?: Cx.StringProp;
7
-
8
- url?: Cx.StringProp;
9
-
10
- /** Base CSS class to be applied to the element. Default is 'uploadbutton'. */
11
- baseClass?: string;
12
-
13
- /** Defaults to `false`. Set to `true` to enable multiple selection. */
14
- multiple?: boolean;
15
-
16
- method?: string;
17
- uploadInProgressText?: string;
18
-
19
- /** Defaults to `false`. Set to `true` to abort uploads if the button is destroyed (unmounted). */
20
- abortOnDestroy?: boolean;
21
-
22
- /** Defines file types that are accepted for upload. */
23
- accept?: Cx.StringProp;
24
-
25
- /** Name of the icon to be put on the left side of the button. */
26
- icon?: Cx.StringProp;
27
-
28
- onUploadStarting?: ((xhr: XMLHttpRequest, instance: any, file: File, formData: FormData) => boolean) | string;
29
- onUploadComplete?: ((xhr: XMLHttpRequest, instance: any, file: File, formData: FormData) => void) | string;
30
- onUploadProgress?: ((event: ProgressEvent, instance: any, file: File, formData: FormData) => void) | string;
31
- onUploadError?: ((event: ProgressEvent, instance: any, file: File, formData: FormData) => void) | string;
32
- }
33
-
34
- export class UploadButton extends Cx.Widget<UploadButtonProps> {}
1
+ import * as Cx from "../../core";
2
+ import { FieldProps } from "./Field";
3
+
4
+ interface UploadButtonProps extends FieldProps {
5
+ /** Text description. */
6
+ text?: Cx.StringProp;
7
+
8
+ url?: Cx.StringProp;
9
+
10
+ /** Base CSS class to be applied to the element. Default is 'uploadbutton'. */
11
+ baseClass?: string;
12
+
13
+ /** Defaults to `false`. Set to `true` to enable multiple selection. */
14
+ multiple?: boolean;
15
+
16
+ method?: string;
17
+ uploadInProgressText?: string;
18
+
19
+ /** Defaults to `false`. Set to `true` to abort uploads if the button is destroyed (unmounted). */
20
+ abortOnDestroy?: boolean;
21
+
22
+ /** Defines file types that are accepted for upload. */
23
+ accept?: Cx.StringProp;
24
+
25
+ /** Name of the icon to be put on the left side of the button. */
26
+ icon?: Cx.StringProp;
27
+
28
+ onUploadStarting?: ((xhr: XMLHttpRequest, instance: any, file: File, formData: FormData) => boolean) | string;
29
+ onUploadComplete?: ((xhr: XMLHttpRequest, instance: any, file: File, formData: FormData) => void) | string;
30
+ onUploadProgress?: ((event: ProgressEvent, instance: any, file: File, formData: FormData) => void) | string;
31
+ onUploadError?: ((event: ProgressEvent, instance: any, file: File, formData: FormData) => void) | string;
32
+ }
33
+
34
+ export class UploadButton extends Cx.Widget<UploadButtonProps> {}