cx 26.3.5 → 26.3.6

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 (65) hide show
  1. package/build/charts/helpers/SnapPointFinder.d.ts +2 -2
  2. package/build/charts/helpers/SnapPointFinder.d.ts.map +1 -1
  3. package/build/charts/helpers/ValueAtFinder.d.ts +4 -4
  4. package/build/charts/helpers/ValueAtFinder.d.ts.map +1 -1
  5. package/build/charts/helpers/ValueAtFinder.js +2 -5
  6. package/build/data/createAccessorModelProxy.d.ts +6 -11
  7. package/build/data/createAccessorModelProxy.d.ts.map +1 -1
  8. package/build/data/createAccessorModelProxy.js +1 -3
  9. package/build/jsx-runtime.d.ts +2 -1
  10. package/build/jsx-runtime.d.ts.map +1 -1
  11. package/build/ui/createFunctionalComponent.d.ts +4 -1
  12. package/build/ui/createFunctionalComponent.d.ts.map +1 -1
  13. package/build/widgets/form/Calendar.d.ts +1 -0
  14. package/build/widgets/form/Calendar.d.ts.map +1 -1
  15. package/build/widgets/form/Calendar.js +14 -22
  16. package/build/widgets/form/TimeList.d.ts +3 -1
  17. package/build/widgets/form/TimeList.d.ts.map +1 -1
  18. package/build/widgets/grid/Grid.d.ts +3 -3
  19. package/build/widgets/grid/Grid.d.ts.map +1 -1
  20. package/build/widgets/grid/Grid.js +86 -188
  21. package/build/widgets/index.d.ts +3 -1
  22. package/build/widgets/index.d.ts.map +1 -1
  23. package/build/widgets/index.js +3 -1
  24. package/build/widgets/nav/Tab.d.ts.map +1 -1
  25. package/build/widgets/nav/Tab.js +9 -5
  26. package/build/widgets/overlay/Overlay.d.ts +1 -1
  27. package/build/widgets/overlay/Overlay.d.ts.map +1 -1
  28. package/build/widgets/overlay/Overlay.js +10 -19
  29. package/build/widgets/overlay/Window.d.ts.map +1 -1
  30. package/build/widgets/overlay/Window.js +5 -11
  31. package/dist/charts.css +256 -256
  32. package/dist/manifest.js +722 -713
  33. package/dist/widgets.css +15 -7
  34. package/dist/widgets.js +31 -17
  35. package/package.json +1 -1
  36. package/src/charts/BarGraph.scss +31 -31
  37. package/src/charts/Legend.scss +57 -57
  38. package/src/charts/LegendEntry.scss +35 -35
  39. package/src/charts/LineGraph.scss +28 -28
  40. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  41. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  42. package/src/data/createAccessorModelProxy.ts +66 -66
  43. package/src/ui/DataProxy.ts +55 -55
  44. package/src/ui/Rescope.ts +50 -50
  45. package/src/ui/adapter/ArrayAdapter.ts +229 -229
  46. package/src/ui/exprHelpers.ts +96 -96
  47. package/src/util/scss/include.scss +69 -69
  48. package/src/widgets/Button.maps.scss +103 -103
  49. package/src/widgets/Sandbox.ts +104 -104
  50. package/src/widgets/form/Calendar.tsx +772 -772
  51. package/src/widgets/form/ColorField.scss +112 -112
  52. package/src/widgets/form/DateTimeField.scss +111 -111
  53. package/src/widgets/form/LookupField.scss +228 -228
  54. package/src/widgets/form/MonthField.scss +113 -113
  55. package/src/widgets/form/NumberField.scss +72 -72
  56. package/src/widgets/form/Select.scss +104 -104
  57. package/src/widgets/form/TextField.scss +66 -66
  58. package/src/widgets/form/variables.scss +110 -110
  59. package/src/widgets/grid/Grid.tsx +4264 -4264
  60. package/src/widgets/grid/variables.scss +47 -47
  61. package/src/widgets/index.ts +63 -63
  62. package/src/widgets/nav/Tab.ts +122 -122
  63. package/src/widgets/overlay/Overlay.tsx +1028 -1028
  64. package/src/widgets/overlay/Window.tsx +320 -320
  65. package/src/widgets/variables.scss +61 -61
package/src/widgets/form/variables.scss CHANGED
@@ -1,110 +1,110 @@
1
- @use "sass:map";
2
- @use "../../util/scss/include.scss" as *;
3
- @use "../../util/scss/defaults.scss" as *;
4
- @use "../../util/scss/clockwise.scss" as *;
5
- @use "../../util/scss/calc.scss" as *;
6
- @use "../box.scss" as *;
7
- @use "./Field.variables.scss" as *;
8
-
9
- // Label
10
- $cx-default-label-padding: $cx-default-box-padding 0 !default;
11
- $cx-default-label-font-size: $cx-default-box-font-size !default;
12
- $cx-default-label-font-family: $cx-default-box-font-family !default;
13
- $cx-default-label-font-weight: normal !default;
14
- $cx-default-label-line-height: $cx-default-box-line-height !default;
15
- $cx-default-label-color: null !default;
16
- $cx-default-label-asterisk-color: #a80000 !default;
17
-
18
- // DATE TIME PICKER
19
- $cx-default-datetimepicker-font-size: $cx-default-font-size !default;
20
- $cx-default-datetimepicker-background-color: #fff !default;
21
- $cx-default-datetimepicker-border-width: 1px !default;
22
- $cx-default-datetimepicker-border-radius: 0 !default;
23
- $cx-default-datetimepicker-border-color: #d3d3d3 !default;
24
- $cx-default-datetimepicker-padding: 0 5px !default;
25
-
26
- // wheel
27
- $cx-default-wheel-clip-background-color: #fff !default;
28
- $cx-default-wheel-clip-border-width: 1px !default;
29
- $cx-default-wheel-clip-border-radius: 0 !default;
30
- $cx-default-wheel-clip-border-color: #d3d3d3 !default;
31
-
32
- $cx-wheel-selection-state-style-map: (
33
- default: (
34
- border-width: 2px 0 2px 0,
35
- border-style: solid,
36
- border-color: #9bc8ff,
37
- background-color: rgba(#9bc8ff, 0.1),
38
- ),
39
- active: (
40
- border-color: #3c7eff,
41
- background: rgba(#3c7eff, 0.1),
42
- ),
43
- ) !default;
44
-
45
- // COLORFIELD
46
- $cx-default-colorfield-font-family: "Consolas", monospace !default;
47
-
48
- // MONTHPICKER
49
- @forward "./MonthPicker.variables.scss";
50
-
51
- // SLIDER
52
- $cx-default-slider-axis-size: 8px !default;
53
- $cx-default-slider-axis-background-color: rgba(128, 128, 128, 0.2) !default;
54
- $cx-default-slider-range-background-color: #98d4ff !default;
55
-
56
- // handle
57
- $cx-default-slider-handle-size: 18px !default;
58
- $cx-default-slider-handle-background-color: rgb(235, 235, 235) !default;
59
- $cx-default-slider-handle-border-width: 1px !default;
60
- $cx-default-slider-handle-border-color: rgb(204, 204, 204) !default;
61
- $cx-default-slider-handle-border-radius: 50% !default;
62
- $cx-default-slider-handle-box-shadow: 0 0 3px rgba(128, 128, 128, 0.3) !default;
63
-
64
- // SWITCH
65
- $cx-default-switch-axis-background-color: $cx-default-slider-axis-background-color !default;
66
- $cx-default-switch-range-background-color: #87cc8a !default;
67
- $cx-default-switch-axis-size: 20px !default;
68
- $cx-default-switch-width: 32px !default;
69
-
70
- $cx-default-switch-handle-background-color: $cx-default-slider-handle-background-color !default;
71
- $cx-default-switch-handle-border-width: $cx-default-slider-handle-border-width !default;
72
- $cx-default-switch-handle-border-color: $cx-default-slider-handle-border-color !default;
73
- $cx-default-switch-handle-border-radius: $cx-default-slider-handle-border-radius !default;
74
- $cx-default-switch-handle-box-shadow: $cx-default-slider-handle-box-shadow !default;
75
- $cx-default-switch-handle-size: 18px !default;
76
-
77
- // TEXTAREA
78
- $cx-default-textarea-width: 300px !default;
79
-
80
- // LOOKUPFIELD TAG
81
- $cx-default-input-tag-spacing: 3px !default;
82
- $cx-default-input-tag-font-size: null !default;
83
- $cx-default-input-tag-background-color: #eee !default;
84
- $cx-default-input-tag-border-radius: $cx-default-border-radius !default;
85
- $cx-default-input-tag-padding: cx-calc($cx-default-input-padding-top, -$cx-default-input-tag-spacing) !default;
86
-
87
- // Note: Field.variables.scss is @use'd above, not @forward'd here
88
- // to avoid "module already loaded" errors with @forward...with() configuration
89
- @forward "./Calendar.variables.scss";
90
- @forward "./Checkbox.variables.scss";
91
- @forward "./Radio.variables.scss";
92
- @forward "./ColorPicker.variables.scss";
93
-
94
- @include cx-register-dependencies(
95
- (
96
- "cx/widgets/Field": "cx/widgets/Label" "cx/widgets/Tooltip" "cx/widgets/ValidationError" "cx/widgets/HelpText",
97
- "cx/widgets/DateTimeField": "cx/widgets/Field" "cx/widgets/DateTimePicker" "cx/widgets/Calendar"
98
- "cx/widgets/Dropdown",
99
- "cx/widgets/DateField": "cx/widgets/DateTimeField",
100
- "cx/widgets/TimeField": "cx/widgets/DateTimeField",
101
- "cx/widgets/TextField": "cx/widgets/Field",
102
- "cx/widgets/NumberField": "cx/widgets/Field",
103
- "cx/widgets/MonthField": "cx/widgets/Field" "cx/widgets/MonthPicker" "cx/widgets/Dropdown",
104
- "cx/widgets/ColorField": "cx/widgets/Field" "cx/widgets/ColorPicker" "cx/widgets/Dropdown",
105
- "cx/widgets/LookupField": "cx/widgets/Field" "cx/widgets/Dropdown" "cx/widgets/List",
106
- "cx/widgets/Select": "cx/widgets/Field",
107
- "cx/widgets/Slider": "cx/widgets/Field",
108
- "cx/widgets/Switch": "cx/widgets/Field",
109
- )
110
- );
1
+ @use "sass:map";
2
+ @use "../../util/scss/include.scss" as *;
3
+ @use "../../util/scss/defaults.scss" as *;
4
+ @use "../../util/scss/clockwise.scss" as *;
5
+ @use "../../util/scss/calc.scss" as *;
6
+ @use "../box.scss" as *;
7
+ @use "./Field.variables.scss" as *;
8
+
9
+ // Label
10
+ $cx-default-label-padding: $cx-default-box-padding 0 !default;
11
+ $cx-default-label-font-size: $cx-default-box-font-size !default;
12
+ $cx-default-label-font-family: $cx-default-box-font-family !default;
13
+ $cx-default-label-font-weight: normal !default;
14
+ $cx-default-label-line-height: $cx-default-box-line-height !default;
15
+ $cx-default-label-color: null !default;
16
+ $cx-default-label-asterisk-color: #a80000 !default;
17
+
18
+ // DATE TIME PICKER
19
+ $cx-default-datetimepicker-font-size: $cx-default-font-size !default;
20
+ $cx-default-datetimepicker-background-color: #fff !default;
21
+ $cx-default-datetimepicker-border-width: 1px !default;
22
+ $cx-default-datetimepicker-border-radius: 0 !default;
23
+ $cx-default-datetimepicker-border-color: #d3d3d3 !default;
24
+ $cx-default-datetimepicker-padding: 0 5px !default;
25
+
26
+ // wheel
27
+ $cx-default-wheel-clip-background-color: #fff !default;
28
+ $cx-default-wheel-clip-border-width: 1px !default;
29
+ $cx-default-wheel-clip-border-radius: 0 !default;
30
+ $cx-default-wheel-clip-border-color: #d3d3d3 !default;
31
+
32
+ $cx-wheel-selection-state-style-map: (
33
+ default: (
34
+ border-width: 2px 0 2px 0,
35
+ border-style: solid,
36
+ border-color: #9bc8ff,
37
+ background-color: rgba(#9bc8ff, 0.1),
38
+ ),
39
+ active: (
40
+ border-color: #3c7eff,
41
+ background: rgba(#3c7eff, 0.1),
42
+ ),
43
+ ) !default;
44
+
45
+ // COLORFIELD
46
+ $cx-default-colorfield-font-family: "Consolas", monospace !default;
47
+
48
+ // MONTHPICKER
49
+ @forward "./MonthPicker.variables.scss";
50
+
51
+ // SLIDER
52
+ $cx-default-slider-axis-size: 8px !default;
53
+ $cx-default-slider-axis-background-color: rgba(128, 128, 128, 0.2) !default;
54
+ $cx-default-slider-range-background-color: #98d4ff !default;
55
+
56
+ // handle
57
+ $cx-default-slider-handle-size: 18px !default;
58
+ $cx-default-slider-handle-background-color: rgb(235, 235, 235) !default;
59
+ $cx-default-slider-handle-border-width: 1px !default;
60
+ $cx-default-slider-handle-border-color: rgb(204, 204, 204) !default;
61
+ $cx-default-slider-handle-border-radius: 50% !default;
62
+ $cx-default-slider-handle-box-shadow: 0 0 3px rgba(128, 128, 128, 0.3) !default;
63
+
64
+ // SWITCH
65
+ $cx-default-switch-axis-background-color: $cx-default-slider-axis-background-color !default;
66
+ $cx-default-switch-range-background-color: #87cc8a !default;
67
+ $cx-default-switch-axis-size: 20px !default;
68
+ $cx-default-switch-width: 32px !default;
69
+
70
+ $cx-default-switch-handle-background-color: $cx-default-slider-handle-background-color !default;
71
+ $cx-default-switch-handle-border-width: $cx-default-slider-handle-border-width !default;
72
+ $cx-default-switch-handle-border-color: $cx-default-slider-handle-border-color !default;
73
+ $cx-default-switch-handle-border-radius: $cx-default-slider-handle-border-radius !default;
74
+ $cx-default-switch-handle-box-shadow: $cx-default-slider-handle-box-shadow !default;
75
+ $cx-default-switch-handle-size: 18px !default;
76
+
77
+ // TEXTAREA
78
+ $cx-default-textarea-width: 300px !default;
79
+
80
+ // LOOKUPFIELD TAG
81
+ $cx-default-input-tag-spacing: 3px !default;
82
+ $cx-default-input-tag-font-size: null !default;
83
+ $cx-default-input-tag-background-color: #eee !default;
84
+ $cx-default-input-tag-border-radius: $cx-default-border-radius !default;
85
+ $cx-default-input-tag-padding: cx-calc($cx-default-input-padding-top, -$cx-default-input-tag-spacing) !default;
86
+
87
+ // Note: Field.variables.scss is @use'd above, not @forward'd here
88
+ // to avoid "module already loaded" errors with @forward...with() configuration
89
+ @forward "./Calendar.variables.scss";
90
+ @forward "./Checkbox.variables.scss";
91
+ @forward "./Radio.variables.scss";
92
+ @forward "./ColorPicker.variables.scss";
93
+
94
+ @include cx-register-dependencies(
95
+ (
96
+ "cx/widgets/Field": "cx/widgets/Label" "cx/widgets/Tooltip" "cx/widgets/ValidationError" "cx/widgets/HelpText",
97
+ "cx/widgets/DateTimeField": "cx/widgets/Field" "cx/widgets/DateTimePicker" "cx/widgets/Calendar"
98
+ "cx/widgets/Dropdown",
99
+ "cx/widgets/DateField": "cx/widgets/DateTimeField",
100
+ "cx/widgets/TimeField": "cx/widgets/DateTimeField",
101
+ "cx/widgets/TextField": "cx/widgets/Field",
102
+ "cx/widgets/NumberField": "cx/widgets/Field",
103
+ "cx/widgets/MonthField": "cx/widgets/Field" "cx/widgets/MonthPicker" "cx/widgets/Dropdown",
104
+ "cx/widgets/ColorField": "cx/widgets/Field" "cx/widgets/ColorPicker" "cx/widgets/Dropdown",
105
+ "cx/widgets/LookupField": "cx/widgets/Field" "cx/widgets/Dropdown" "cx/widgets/List",
106
+ "cx/widgets/Select": "cx/widgets/Field",
107
+ "cx/widgets/Slider": "cx/widgets/Field",
108
+ "cx/widgets/Switch": "cx/widgets/Field",
109
+ )
110
+ );