cx 26.3.10 → 26.4.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 (50) hide show
  1. package/build/util/innerTextTrim.js +1 -1
  2. package/build/widgets/nav/Menu.d.ts +1 -0
  3. package/build/widgets/nav/Menu.d.ts.map +1 -1
  4. package/build/widgets/nav/Menu.js +3 -0
  5. package/dist/charts.css +10 -0
  6. package/dist/manifest.js +768 -768
  7. package/dist/util.js +1 -1
  8. package/dist/widgets.css +14 -6
  9. package/dist/widgets.js +3 -0
  10. package/package.json +4 -3
  11. package/src/charts/BarGraph.scss +31 -31
  12. package/src/charts/Legend.scss +57 -57
  13. package/src/charts/LegendEntry.scss +35 -35
  14. package/src/charts/LineGraph.scss +28 -28
  15. package/src/charts/Swimlane.scss +3 -0
  16. package/src/charts/Swimlanes.scss +3 -0
  17. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  18. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  19. package/src/charts/index.scss +2 -0
  20. package/src/data/createAccessorModelProxy.ts +66 -66
  21. package/src/ui/DataProxy.ts +55 -55
  22. package/src/ui/Repeater.spec.tsx +38 -0
  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/ui/layout/LabelsTopLayout.scss +10 -0
  27. package/src/util/innerTextTrim.ts +1 -1
  28. package/src/util/scss/include.scss +69 -69
  29. package/src/widgets/Button.maps.scss +103 -103
  30. package/src/widgets/Sandbox.ts +104 -104
  31. package/src/widgets/form/Calendar.tsx +772 -772
  32. package/src/widgets/form/ColorField.scss +112 -112
  33. package/src/widgets/form/DateTimeField.scss +111 -111
  34. package/src/widgets/form/LookupField.maps.scss +26 -26
  35. package/src/widgets/form/LookupField.scss +227 -227
  36. package/src/widgets/form/MonthField.scss +113 -113
  37. package/src/widgets/form/NumberField.scss +72 -72
  38. package/src/widgets/form/Select.scss +104 -104
  39. package/src/widgets/form/TextField.scss +66 -66
  40. package/src/widgets/form/variables.scss +114 -111
  41. package/src/widgets/grid/Grid.scss +657 -657
  42. package/src/widgets/grid/variables.scss +47 -47
  43. package/src/widgets/index.ts +63 -63
  44. package/src/widgets/nav/Menu.tsx +5 -0
  45. package/src/widgets/nav/MenuItem.scss +2 -2
  46. package/src/widgets/nav/MenuItem.tsx +525 -525
  47. package/src/widgets/nav/Tab.ts +122 -122
  48. package/src/widgets/overlay/Overlay.tsx +1028 -1028
  49. package/src/widgets/overlay/Window.tsx +320 -320
  50. package/src/widgets/variables.scss +61 -61
package/src/widgets/grid/variables.scss CHANGED
@@ -1,47 +1,47 @@
1
- @use "sass:map";
2
- @use "../box" as *;
3
- @use "../../util/scss/defaults" as *;
4
- @use "../../util/scss/include" as *;
5
- @use "../../util/scss/clockwise.scss" as *;
6
- @use "../../util/scss/calc.scss" as *;
7
-
8
- // GRID
9
- $cx-default-grid-font-size: $cx-default-box-font-size !default;
10
- $cx-default-grid-border-color: $cx-default-border-color !default;
11
- $cx-default-grid-background: null !default;
12
- $cx-default-grid-border-radius: null !default;
13
- $cx-default-grid-box-shadow: null !default;
14
-
15
- // header
16
- $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
17
- $cx-default-grid-header-font-weight: normal !default;
18
- $cx-default-grid-header-line-height: null !default;
19
- $cx-default-grid-header-color: $cx-default-color !default;
20
- $cx-default-grid-header-background-color: #eee !default;
21
- $cx-default-grid-header-border-color: $cx-default-border-color !default;
22
- $cx-default-grid-header-box-shadow: null !default;
23
- $cx-default-grid-header-padding: null !default;
24
-
25
- // data
26
- $cx-default-grid-data-font-size: null !default;
27
- $cx-default-grid-data-font-weight: null !default;
28
- $cx-default-grid-data-line-height: null !default;
29
- $cx-default-grid-data-background-color: transparent !default;
30
- $cx-default-grid-data-alternate-background-color: null !default;
31
- $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
32
- $cx-default-grid-data-padding: 5px !default;
33
- $cx-default-grid-scroll-wrapper-padding-top: 0 !default;
34
- $cx-default-grid-caption-gap: 15px !default;
35
-
36
- // pagination
37
- $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
38
- $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
39
- $cx-grid-pagination-default-border-radius: null !default;
40
- $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
41
- $cx-grid-pagination-default-padding: $cx-default-box-padding-top cx-multiply(2, $cx-default-box-padding-top) !default;
42
-
43
- @include cx-register-dependencies(
44
- (
45
- "cx/widgets/Grid": "cx/widgets/DragClone",
46
- )
47
- );
1
+ @use "sass:map";
2
+ @use "../box" as *;
3
+ @use "../../util/scss/defaults" as *;
4
+ @use "../../util/scss/include" as *;
5
+ @use "../../util/scss/clockwise.scss" as *;
6
+ @use "../../util/scss/calc.scss" as *;
7
+
8
+ // GRID
9
+ $cx-default-grid-font-size: $cx-default-box-font-size !default;
10
+ $cx-default-grid-border-color: $cx-default-border-color !default;
11
+ $cx-default-grid-background: null !default;
12
+ $cx-default-grid-border-radius: null !default;
13
+ $cx-default-grid-box-shadow: null !default;
14
+
15
+ // header
16
+ $cx-default-grid-header-font-size: $cx-default-box-font-size !default;
17
+ $cx-default-grid-header-font-weight: normal !default;
18
+ $cx-default-grid-header-line-height: null !default;
19
+ $cx-default-grid-header-color: $cx-default-color !default;
20
+ $cx-default-grid-header-background-color: #eee !default;
21
+ $cx-default-grid-header-border-color: $cx-default-border-color !default;
22
+ $cx-default-grid-header-box-shadow: null !default;
23
+ $cx-default-grid-header-padding: null !default;
24
+
25
+ // data
26
+ $cx-default-grid-data-font-size: null !default;
27
+ $cx-default-grid-data-font-weight: null !default;
28
+ $cx-default-grid-data-line-height: null !default;
29
+ $cx-default-grid-data-background-color: transparent !default;
30
+ $cx-default-grid-data-alternate-background-color: null !default;
31
+ $cx-default-grid-data-border-color: $cx-default-grid-border-color !default;
32
+ $cx-default-grid-data-padding: 5px !default;
33
+ $cx-default-grid-scroll-wrapper-padding-top: 0 !default;
34
+ $cx-default-grid-caption-gap: 15px !default;
35
+
36
+ // pagination
37
+ $cx-grid-pagination-default-border-width: $cx-default-border-width !default;
38
+ $cx-grid-pagination-default-border-color: $cx-default-border-color !default;
39
+ $cx-grid-pagination-default-border-radius: null !default;
40
+ $cx-grid-pagination-default-outer-border-radius: $cx-default-border-radius !default;
41
+ $cx-grid-pagination-default-padding: $cx-default-box-padding-top cx-multiply(2, $cx-default-box-padding-top) !default;
42
+
43
+ @include cx-register-dependencies(
44
+ (
45
+ "cx/widgets/Grid": "cx/widgets/DragClone",
46
+ )
47
+ );
package/src/widgets/index.ts CHANGED
@@ -1,63 +1,63 @@
1
- import { Widget } from "../ui/Widget";
2
- import { Text } from "../ui/Text";
3
- import { StaticText } from "../ui/StaticText";
4
- import { PureContainer } from "../ui/PureContainer";
5
- import { IsolatedScope } from "../ui/IsolatedScope";
6
- import { DetachedScope } from "../ui/DetachedScope";
7
- import { Restate, PrivateStore } from "../ui/Restate";
8
- import { DataProxy } from "../ui/DataProxy";
9
- import { Content } from "../ui/layout/Content";
10
- import { ContentPlaceholder, ContentPlaceholderScope } from "../ui/layout/ContentPlaceholder";
11
- import { LabelsTopLayout, LabelsTopLayoutCell } from "../ui/layout/LabelsTopLayout";
12
- import { LabelsLeftLayout } from "../ui/layout/LabelsLeftLayout";
13
- import { ContentResolver } from "../ui/ContentResolver";
14
- import { Rescope } from "../ui/Rescope";
15
- import { Repeater } from "../ui/Repeater";
16
-
17
- //re-export widgets defined in ui namespace
18
- export {
19
- Widget,
20
- StaticText,
21
- Text,
22
- PureContainer,
23
- Content,
24
- ContentPlaceholder,
25
- ContentPlaceholderScope,
26
- ContentResolver,
27
- Rescope,
28
- Repeater,
29
- IsolatedScope,
30
- DetachedScope,
31
- Restate,
32
- PrivateStore,
33
- DataProxy,
34
- LabelsTopLayout,
35
- LabelsTopLayoutCell,
36
- LabelsLeftLayout,
37
- };
38
-
39
- export * from "./cx";
40
- export * from "./HtmlElement";
41
- export * from "./Button";
42
- export * from "./DocumentTitle";
43
- export * from "./List";
44
- export * from "./Sandbox";
45
- export * from "./CxCredit";
46
- export * from "./Heading";
47
- export * from "./Section";
48
- export * from "./FlexBox";
49
- export * from "./Icon";
50
- export * from "./ProgressBar";
51
- export * from "./Resizer";
52
- export * from "./HighlightedSearchText";
53
- export * from "./autoFocus";
54
- export * from "./ReactElementWrapper";
55
-
56
- export * from "./icons/index";
57
- export * from "./overlay/index";
58
- export * from "./nav/index";
59
- export * from "./form/index";
60
- export * from "./grid/index";
61
- export * from "./drag-drop/index";
62
-
63
- export * from "./enableAllInternalDependencies";
1
+ import { Widget } from "../ui/Widget";
2
+ import { Text } from "../ui/Text";
3
+ import { StaticText } from "../ui/StaticText";
4
+ import { PureContainer } from "../ui/PureContainer";
5
+ import { IsolatedScope } from "../ui/IsolatedScope";
6
+ import { DetachedScope } from "../ui/DetachedScope";
7
+ import { Restate, PrivateStore } from "../ui/Restate";
8
+ import { DataProxy } from "../ui/DataProxy";
9
+ import { Content } from "../ui/layout/Content";
10
+ import { ContentPlaceholder, ContentPlaceholderScope } from "../ui/layout/ContentPlaceholder";
11
+ import { LabelsTopLayout, LabelsTopLayoutCell } from "../ui/layout/LabelsTopLayout";
12
+ import { LabelsLeftLayout } from "../ui/layout/LabelsLeftLayout";
13
+ import { ContentResolver } from "../ui/ContentResolver";
14
+ import { Rescope } from "../ui/Rescope";
15
+ import { Repeater } from "../ui/Repeater";
16
+
17
+ //re-export widgets defined in ui namespace
18
+ export {
19
+ Widget,
20
+ StaticText,
21
+ Text,
22
+ PureContainer,
23
+ Content,
24
+ ContentPlaceholder,
25
+ ContentPlaceholderScope,
26
+ ContentResolver,
27
+ Rescope,
28
+ Repeater,
29
+ IsolatedScope,
30
+ DetachedScope,
31
+ Restate,
32
+ PrivateStore,
33
+ DataProxy,
34
+ LabelsTopLayout,
35
+ LabelsTopLayoutCell,
36
+ LabelsLeftLayout,
37
+ };
38
+
39
+ export * from "./cx";
40
+ export * from "./HtmlElement";
41
+ export * from "./Button";
42
+ export * from "./DocumentTitle";
43
+ export * from "./List";
44
+ export * from "./Sandbox";
45
+ export * from "./CxCredit";
46
+ export * from "./Heading";
47
+ export * from "./Section";
48
+ export * from "./FlexBox";
49
+ export * from "./Icon";
50
+ export * from "./ProgressBar";
51
+ export * from "./Resizer";
52
+ export * from "./HighlightedSearchText";
53
+ export * from "./autoFocus";
54
+ export * from "./ReactElementWrapper";
55
+
56
+ export * from "./icons/index";
57
+ export * from "./overlay/index";
58
+ export * from "./nav/index";
59
+ export * from "./form/index";
60
+ export * from "./grid/index";
61
+ export * from "./drag-drop/index";
62
+
63
+ export * from "./enableAllInternalDependencies";
package/src/widgets/nav/Menu.tsx CHANGED
@@ -66,6 +66,11 @@ export class Menu extends HtmlElement<MenuConfig, MenuInstance> {
66
66
  declare public autoFocus?: boolean;
67
67
  static Item: typeof MenuItem;
68
68
  static Spacer: typeof MenuSpacer;
69
+
70
+ constructor(config?: MenuConfig) {
71
+ super(config);
72
+ }
73
+
69
74
  init() {
70
75
  if (this.itemPadding === true) this.itemPadding = "medium";
71
76
 
package/src/widgets/nav/MenuItem.scss CHANGED
@@ -97,7 +97,7 @@
97
97
  }
98
98
 
99
99
  & > .#{$element}#{$name}-button {
100
- left: cx-calc(cx-top($value), 0.5lh, cx-multiply($icon-size, -0.5));
100
+ width: cx-calc(cx-top($value), max($icon-size, 1lh), cx-top($value));
101
101
  }
102
102
  }
103
103
  }
@@ -119,7 +119,7 @@
119
119
  position: absolute;
120
120
  top: 0;
121
121
  bottom: 0;
122
- width: max($icon-size, 1lh);
122
+ left: 0;
123
123
  }
124
124
 
125
125
  .#{$element}#{$name}-baseline {