cx 26.4.3 → 26.4.4

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 (46) hide show
  1. package/build/data/AugmentedViewBase.d.ts.map +1 -1
  2. package/build/data/AugmentedViewBase.js +5 -4
  3. package/build/data/View.d.ts +0 -1
  4. package/build/data/View.d.ts.map +1 -1
  5. package/build/data/View.js +1 -3
  6. package/build/widgets/form/LookupField.js +2 -1
  7. package/dist/data.js +5 -4
  8. package/dist/manifest.js +756 -756
  9. package/dist/widgets.css +9 -3
  10. package/dist/widgets.js +5 -1
  11. package/package.json +1 -1
  12. package/src/charts/BarGraph.scss +31 -31
  13. package/src/charts/Legend.scss +57 -57
  14. package/src/charts/LegendEntry.scss +35 -35
  15. package/src/charts/LineGraph.scss +28 -28
  16. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  17. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  18. package/src/data/AugmentedViewBase.ts +89 -88
  19. package/src/data/View.ts +301 -346
  20. package/src/data/createAccessorModelProxy.ts +66 -66
  21. package/src/ui/DataProxy.ts +55 -55
  22. package/src/ui/Repeater.spec.tsx +181 -181
  23. package/src/ui/Rescope.ts +50 -50
  24. package/src/ui/adapter/ArrayAdapter.ts +229 -229
  25. package/src/ui/exprHelpers.ts +96 -96
  26. package/src/util/scss/include.scss +69 -69
  27. package/src/widgets/Button.maps.scss +103 -103
  28. package/src/widgets/Sandbox.ts +104 -104
  29. package/src/widgets/form/Calendar.tsx +772 -772
  30. package/src/widgets/form/ColorField.scss +112 -112
  31. package/src/widgets/form/DateTimeField.scss +111 -111
  32. package/src/widgets/form/LookupField.maps.scss +26 -26
  33. package/src/widgets/form/LookupField.scss +10 -3
  34. package/src/widgets/form/LookupField.tsx +4 -1
  35. package/src/widgets/form/MonthField.scss +113 -113
  36. package/src/widgets/form/NumberField.scss +72 -72
  37. package/src/widgets/form/Select.scss +104 -104
  38. package/src/widgets/form/TextField.scss +66 -66
  39. package/src/widgets/grid/Grid.scss +657 -657
  40. package/src/widgets/grid/variables.scss +47 -47
  41. package/src/widgets/index.ts +63 -63
  42. package/src/widgets/nav/MenuItem.scss +150 -150
  43. package/src/widgets/nav/MenuItem.tsx +525 -525
  44. package/src/widgets/nav/Tab.ts +122 -122
  45. package/src/widgets/overlay/Overlay.tsx +1029 -1029
  46. package/src/widgets/variables.scss +61 -61
package/src/widgets/form/TextField.scss CHANGED
@@ -1,66 +1,66 @@
1
- @use "sass:math";
2
- @use "sass:map";
3
- @use "../variables" as *;
4
- @use "../maps" as *;
5
- @use "../../util/scss/add-rules.scss" as *;
6
- @use "../../util/scss/calc.scss" as *;
7
- @use "../../util/scss/clockwise.scss" as *;
8
- @use "../../util/scss/besm.scss" as *;
9
- @use "../../util/scss/include.scss" as *;
10
- @use "./Field.scss" as *;
11
-
12
- @mixin cx-textfield(
13
- $name: "textfield",
14
- $state-style-map: $cx-std-field-state-style-map,
15
- $placeholder: $cx-input-placeholder,
16
- $empty-text: $cx-empty-text,
17
- $left-icon-state-style-map: $cx-input-left-icon-state-style-map,
18
- $clear-state-style-map: $cx-clear-state-style-map,
19
- $icon-size: $cx-default-input-icon-size,
20
- $width: $cx-default-input-width,
21
- $besm: $cx-besm
22
- ) {
23
- $block: map.get($besm, block);
24
- $element: map.get($besm, element);
25
- $state: map.get($besm, state);
26
- $mod: map.get($besm, mod);
27
-
28
- .#{$block}#{$name} {
29
- @include cxb-field($besm, $state-style-map, $width: $width, $input: true);
30
- }
31
-
32
- $padding: cx-get-state-rule($state-style-map, default, "padding");
33
-
34
- .#{$element}#{$name}-input {
35
- @include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
36
-
37
- .#{$state}icon > & {
38
- padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
39
- }
40
-
41
- .#{$state}clear > & {
42
- padding-right: cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing);
43
- }
44
- }
45
-
46
- .#{$element}#{$name}-left-icon {
47
- pointer-events: none;
48
- @include cxe-field-button($besm, $left-icon-state-style-map);
49
- }
50
-
51
- .#{$element}#{$name}-clear {
52
- @include cxe-field-button($besm, $clear-state-style-map);
53
- }
54
-
55
- .#{$element}#{$name}-icon {
56
- @include cxe-field-button-icon($besm, $icon-size);
57
- }
58
-
59
- .#{$element}#{$name}-empty-text {
60
- @include cxe-field-empty-text($empty-text);
61
- }
62
- }
63
-
64
- @if (cx-should-include("cx/widgets/TextField")) {
65
- @include cx-textfield();
66
- }
1
+ @use "sass:math";
2
+ @use "sass:map";
3
+ @use "../variables" as *;
4
+ @use "../maps" as *;
5
+ @use "../../util/scss/add-rules.scss" as *;
6
+ @use "../../util/scss/calc.scss" as *;
7
+ @use "../../util/scss/clockwise.scss" as *;
8
+ @use "../../util/scss/besm.scss" as *;
9
+ @use "../../util/scss/include.scss" as *;
10
+ @use "./Field.scss" as *;
11
+
12
+ @mixin cx-textfield(
13
+ $name: "textfield",
14
+ $state-style-map: $cx-std-field-state-style-map,
15
+ $placeholder: $cx-input-placeholder,
16
+ $empty-text: $cx-empty-text,
17
+ $left-icon-state-style-map: $cx-input-left-icon-state-style-map,
18
+ $clear-state-style-map: $cx-clear-state-style-map,
19
+ $icon-size: $cx-default-input-icon-size,
20
+ $width: $cx-default-input-width,
21
+ $besm: $cx-besm
22
+ ) {
23
+ $block: map.get($besm, block);
24
+ $element: map.get($besm, element);
25
+ $state: map.get($besm, state);
26
+ $mod: map.get($besm, mod);
27
+
28
+ .#{$block}#{$name} {
29
+ @include cxb-field($besm, $state-style-map, $width: $width, $input: true);
30
+ }
31
+
32
+ $padding: cx-get-state-rule($state-style-map, default, "padding");
33
+
34
+ .#{$element}#{$name}-input {
35
+ @include cxe-field-input($besm, $state-style-map, $placeholder: $placeholder);
36
+
37
+ .#{$state}icon > & {
38
+ padding-left: cx-calc(cx-top($padding), $cx-default-input-left-tool-size, $cx-default-input-left-tool-spacing);
39
+ }
40
+
41
+ .#{$state}clear > & {
42
+ padding-right: cx-calc(cx-top($padding), $cx-default-clear-size, $cx-default-clear-spacing);
43
+ }
44
+ }
45
+
46
+ .#{$element}#{$name}-left-icon {
47
+ pointer-events: none;
48
+ @include cxe-field-button($besm, $left-icon-state-style-map);
49
+ }
50
+
51
+ .#{$element}#{$name}-clear {
52
+ @include cxe-field-button($besm, $clear-state-style-map);
53
+ }
54
+
55
+ .#{$element}#{$name}-icon {
56
+ @include cxe-field-button-icon($besm, $icon-size);
57
+ }
58
+
59
+ .#{$element}#{$name}-empty-text {
60
+ @include cxe-field-empty-text($empty-text);
61
+ }
62
+ }
63
+
64
+ @if (cx-should-include("cx/widgets/TextField")) {
65
+ @include cx-textfield();
66
+ }