@theseam/ui-common 1.0.0-beta.0 → 1.0.0-beta.10

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 (153) hide show
  1. package/breadcrumbs/index.d.ts +1 -2
  2. package/buttons/index.d.ts +20 -13
  3. package/datatable/index.d.ts +77 -39
  4. package/dynamic/index.d.ts +5 -5
  5. package/fesm2022/theseam-ui-common-asset-reader.mjs +28 -29
  6. package/fesm2022/theseam-ui-common-asset-reader.mjs.map +1 -1
  7. package/fesm2022/theseam-ui-common-breadcrumbs.mjs +25 -31
  8. package/fesm2022/theseam-ui-common-breadcrumbs.mjs.map +1 -1
  9. package/fesm2022/theseam-ui-common-buttons.mjs +108 -66
  10. package/fesm2022/theseam-ui-common-buttons.mjs.map +1 -1
  11. package/fesm2022/theseam-ui-common-card.mjs +21 -21
  12. package/fesm2022/theseam-ui-common-card.mjs.map +1 -1
  13. package/fesm2022/theseam-ui-common-carousel.mjs +28 -30
  14. package/fesm2022/theseam-ui-common-carousel.mjs.map +1 -1
  15. package/fesm2022/theseam-ui-common-checkbox.mjs +27 -27
  16. package/fesm2022/theseam-ui-common-checkbox.mjs.map +1 -1
  17. package/fesm2022/theseam-ui-common-confirm-dialog.mjs +23 -27
  18. package/fesm2022/theseam-ui-common-confirm-dialog.mjs.map +1 -1
  19. package/fesm2022/theseam-ui-common-core.mjs +31 -11
  20. package/fesm2022/theseam-ui-common-core.mjs.map +1 -1
  21. package/fesm2022/theseam-ui-common-data-exporter.mjs +18 -19
  22. package/fesm2022/theseam-ui-common-data-exporter.mjs.map +1 -1
  23. package/fesm2022/theseam-ui-common-data-filters.mjs +80 -64
  24. package/fesm2022/theseam-ui-common-data-filters.mjs.map +1 -1
  25. package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs +51 -49
  26. package/fesm2022/theseam-ui-common-datatable-alterations-display.mjs.map +1 -1
  27. package/fesm2022/theseam-ui-common-datatable-dynamic.mjs +145 -112
  28. package/fesm2022/theseam-ui-common-datatable-dynamic.mjs.map +1 -1
  29. package/fesm2022/theseam-ui-common-datatable.mjs +727 -420
  30. package/fesm2022/theseam-ui-common-datatable.mjs.map +1 -1
  31. package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs +12 -14
  32. package/fesm2022/theseam-ui-common-dynamic-component-loader.mjs.map +1 -1
  33. package/fesm2022/theseam-ui-common-dynamic.mjs +60 -48
  34. package/fesm2022/theseam-ui-common-dynamic.mjs.map +1 -1
  35. package/fesm2022/theseam-ui-common-footer-bar.mjs +9 -15
  36. package/fesm2022/theseam-ui-common-footer-bar.mjs.map +1 -1
  37. package/fesm2022/theseam-ui-common-form-field-error.mjs +60 -43
  38. package/fesm2022/theseam-ui-common-form-field-error.mjs.map +1 -1
  39. package/fesm2022/theseam-ui-common-form-field.mjs +129 -76
  40. package/fesm2022/theseam-ui-common-form-field.mjs.map +1 -1
  41. package/fesm2022/theseam-ui-common-framework.mjs +669 -543
  42. package/fesm2022/theseam-ui-common-framework.mjs.map +1 -1
  43. package/fesm2022/theseam-ui-common-google-maps.mjs +206 -149
  44. package/fesm2022/theseam-ui-common-google-maps.mjs.map +1 -1
  45. package/fesm2022/theseam-ui-common-graphql.mjs +311 -254
  46. package/fesm2022/theseam-ui-common-graphql.mjs.map +1 -1
  47. package/fesm2022/theseam-ui-common-icon.mjs +125 -89
  48. package/fesm2022/theseam-ui-common-icon.mjs.map +1 -1
  49. package/fesm2022/theseam-ui-common-layout.mjs +18 -26
  50. package/fesm2022/theseam-ui-common-layout.mjs.map +1 -1
  51. package/fesm2022/theseam-ui-common-loading.mjs +19 -28
  52. package/fesm2022/theseam-ui-common-loading.mjs.map +1 -1
  53. package/fesm2022/theseam-ui-common-menu.mjs +124 -95
  54. package/fesm2022/theseam-ui-common-menu.mjs.map +1 -1
  55. package/fesm2022/theseam-ui-common-modal.mjs +178 -129
  56. package/fesm2022/theseam-ui-common-modal.mjs.map +1 -1
  57. package/fesm2022/theseam-ui-common-models.mjs +3 -3
  58. package/fesm2022/theseam-ui-common-models.mjs.map +1 -1
  59. package/fesm2022/theseam-ui-common-navigation-reload.mjs +13 -11
  60. package/fesm2022/theseam-ui-common-navigation-reload.mjs.map +1 -1
  61. package/fesm2022/theseam-ui-common-popover.mjs +81 -88
  62. package/fesm2022/theseam-ui-common-popover.mjs.map +1 -1
  63. package/fesm2022/theseam-ui-common-progress.mjs +15 -19
  64. package/fesm2022/theseam-ui-common-progress.mjs.map +1 -1
  65. package/fesm2022/theseam-ui-common-rich-text.mjs +65 -52
  66. package/fesm2022/theseam-ui-common-rich-text.mjs.map +1 -1
  67. package/fesm2022/theseam-ui-common-scrollbar.mjs +12 -9
  68. package/fesm2022/theseam-ui-common-scrollbar.mjs.map +1 -1
  69. package/fesm2022/theseam-ui-common-services.mjs +41 -26
  70. package/fesm2022/theseam-ui-common-services.mjs.map +1 -1
  71. package/fesm2022/theseam-ui-common-shared.mjs +149 -159
  72. package/fesm2022/theseam-ui-common-shared.mjs.map +1 -1
  73. package/fesm2022/theseam-ui-common-storage.mjs +9 -6
  74. package/fesm2022/theseam-ui-common-storage.mjs.map +1 -1
  75. package/fesm2022/theseam-ui-common-story-helpers.mjs +148 -86
  76. package/fesm2022/theseam-ui-common-story-helpers.mjs.map +1 -1
  77. package/fesm2022/theseam-ui-common-tabbed.mjs +43 -39
  78. package/fesm2022/theseam-ui-common-tabbed.mjs.map +1 -1
  79. package/fesm2022/theseam-ui-common-table-cell-type.mjs +63 -39
  80. package/fesm2022/theseam-ui-common-table-cell-type.mjs.map +1 -1
  81. package/fesm2022/theseam-ui-common-table-cell-types.mjs +182 -144
  82. package/fesm2022/theseam-ui-common-table-cell-types.mjs.map +1 -1
  83. package/fesm2022/theseam-ui-common-table.mjs +62 -41
  84. package/fesm2022/theseam-ui-common-table.mjs.map +1 -1
  85. package/fesm2022/theseam-ui-common-tel-input.mjs +98 -63
  86. package/fesm2022/theseam-ui-common-tel-input.mjs.map +1 -1
  87. package/fesm2022/theseam-ui-common-testing.mjs +13 -10
  88. package/fesm2022/theseam-ui-common-testing.mjs.map +1 -1
  89. package/fesm2022/theseam-ui-common-tiled-select.mjs +54 -50
  90. package/fesm2022/theseam-ui-common-tiled-select.mjs.map +1 -1
  91. package/fesm2022/theseam-ui-common-toggle-edit.mjs +41 -37
  92. package/fesm2022/theseam-ui-common-toggle-edit.mjs.map +1 -1
  93. package/fesm2022/theseam-ui-common-toggle-group.mjs +30 -31
  94. package/fesm2022/theseam-ui-common-toggle-group.mjs.map +1 -1
  95. package/fesm2022/theseam-ui-common-tooltip.mjs +225 -66
  96. package/fesm2022/theseam-ui-common-tooltip.mjs.map +1 -1
  97. package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs +14 -12
  98. package/fesm2022/theseam-ui-common-unsaved-changes-dialog.mjs.map +1 -1
  99. package/fesm2022/theseam-ui-common-utils.mjs +113 -77
  100. package/fesm2022/theseam-ui-common-utils.mjs.map +1 -1
  101. package/fesm2022/theseam-ui-common-validators.mjs +10 -9
  102. package/fesm2022/theseam-ui-common-validators.mjs.map +1 -1
  103. package/fesm2022/theseam-ui-common-vertical-list-filter.mjs +39 -17
  104. package/fesm2022/theseam-ui-common-vertical-list-filter.mjs.map +1 -1
  105. package/fesm2022/theseam-ui-common-viewers.mjs +80 -53
  106. package/fesm2022/theseam-ui-common-viewers.mjs.map +1 -1
  107. package/fesm2022/theseam-ui-common-widget.mjs +288 -314
  108. package/fesm2022/theseam-ui-common-widget.mjs.map +1 -1
  109. package/form-field/index.d.ts +1 -1
  110. package/framework/base-layout/base-layout.component.scss +9 -4
  111. package/framework/base-layout/styles/_variables.scss +4 -9
  112. package/framework/dashboard/dashboard-widgets/dashboard-widgets.component.scss +6 -4
  113. package/framework/index.d.ts +6 -6
  114. package/framework/nav/nav-item/nav-item.component.scss +7 -6
  115. package/framework/nav/styles/_themes/light/_variables.scss +21 -5
  116. package/framework/nav/styles/_themes/primary/_variables.scss +21 -5
  117. package/framework/side-nav/side-nav-item/side-nav-item.component.scss +5 -2
  118. package/framework/side-nav/styles/_themes/light/_variables.scss +5 -1
  119. package/framework/side-nav/styles/_themes/primary/_variables.scss +25 -5
  120. package/graphql/index.d.ts +49 -7
  121. package/modal/README.md +5 -5
  122. package/modal/index.d.ts +1 -1
  123. package/models/index.d.ts +1 -1
  124. package/package.json +59 -60
  125. package/popover/index.d.ts +0 -2
  126. package/progress/progress-circle/styles/_variables.scss +15 -3
  127. package/shared/index.d.ts +0 -13
  128. package/story-helpers/index.d.ts +11 -1
  129. package/styles/bootstrap/_bootstrap.scss +34 -34
  130. package/styles/bootstrap/_bs-styles.scss +4 -8
  131. package/styles/bootstrap/_bs-utilities.scss +4 -4
  132. package/styles/bootstrap/_bs-variables.scss +65 -70
  133. package/styles/common/_forms.scss +9 -10
  134. package/styles/common/_global.scss +0 -1
  135. package/styles/common/_hacks.scss +1 -1
  136. package/styles/common/_table.scss +0 -1
  137. package/styles/common/_text.scss +3 -1
  138. package/styles/theme.scss +1 -1
  139. package/styles/vendor/ng-select/_ng-select-bs4.scss +292 -294
  140. package/styles/vendor/ngx-datatable/_ngx-datatable.scss +63 -32
  141. package/styles/vendor/ngx-datatable/_themes/bootstrap/_variables.scss +37 -10
  142. package/styles/vendor/ngx-datatable/_themes/material/_variables.scss +3 -1
  143. package/styles/vendor/quill/_quill.scss +15 -9
  144. package/table/index.d.ts +4 -1
  145. package/table-cell-type/index.d.ts +27 -2
  146. package/tel-input/README.md +27 -27
  147. package/utils/index.d.ts +3 -3
  148. package/viewers/index.d.ts +9 -2
  149. package/widget/_widget-theme.scss +1 -1
  150. package/widget/styles/_variables.scss +2 -2
  151. package/widget/widget/widget.component.scss +0 -2
  152. package/widget/widget-content-components/widget-tile/widget-tile.component.scss +1 -3
  153. package/widget/widget-footer/widget-footer.component.scss +0 -1
@@ -1,34 +1,30 @@
1
1
  // Header Bar Styles
2
- $base-header-margin: .25rem !default;
2
+ $base-header-margin: 0.25rem !default;
3
3
  $base-header-padding: 0 !default;
4
4
  $base-header-background: none !default;
5
5
  $base-header-border-radius: 0 !default;
6
6
 
7
-
8
7
  // Left Side
9
8
  $base-header-left-bg: none !default;
10
9
  $base-header-left-padding: 0rem !default;
11
10
  $base-header-left-margin: 0 !default;
12
11
  $base-header-left-border-radius: 0 !default;
13
12
 
14
-
15
13
  // Right Side
16
14
  $base-header-right-bg: none !default;
17
15
  $base-header-right-padding: 0rem !default;
18
16
  $base-header-right-margin: 0 !default;
19
17
  $base-header-right-border-radius: 0 !default;
20
18
 
21
-
22
19
  // Right Side Action Buttons
23
- $base-action-margin: 0 0 0 .25rem !default;
20
+ $base-action-margin: 0 0 0 0.25rem !default;
24
21
  $base-action-bg: $gray-200 !default;
25
22
  $base-action-hover-bg: #d3d9df !default;
26
23
  $base-action-color: $gray-600 !default;
27
24
  $base-action-hover-color: $gray-600 !default;
28
25
  $base-action-padding-x: 1rem !default;
29
- $base-action-padding-y: .5rem !default;
30
- $base-action-border-radius: .25rem !default;
31
-
26
+ $base-action-padding-y: 0.5rem !default;
27
+ $base-action-border-radius: 0.25rem !default;
32
28
 
33
29
  // Top Bar Wrapper
34
30
  $base-layout-top-bar-container-border-top: none !default;
@@ -36,7 +32,6 @@ $base-layout-top-bar-container-border-right: none !default;
36
32
  $base-layout-top-bar-container-border-bottom: 1px solid #dee2e6 !default;
37
33
  $base-layout-top-bar-container-border-left: none !default;
38
34
 
39
-
40
35
  // Side Bar Wrapper
41
36
  $base-layout-side-bar-container-border-top: none !default;
42
37
  $base-layout-side-bar-container-border-right: 1px solid #dee2e6 !default;
@@ -13,7 +13,8 @@ seam-dashboard-widgets {
13
13
  max-width: $seam-dashboard-column-width;
14
14
  }
15
15
 
16
- .dashboard-widgets-list.cdk-drop-list-dragging .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
16
+ .dashboard-widgets-list.cdk-drop-list-dragging
17
+ .dashboard-widgets-list-item:not(.cdk-drag-placeholder) {
17
18
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
18
19
  }
19
20
  }
@@ -24,9 +25,10 @@ seam-dashboard-widgets {
24
25
 
25
26
  > div {
26
27
  border-radius: $border-radius;
27
- box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
28
- 0 8px 10px 1px rgba(0, 0, 0, 0.14),
29
- 0 3px 14px 2px rgba(0, 0, 0, 0.12);
28
+ box-shadow:
29
+ 0 5px 5px -3px rgba(0, 0, 0, 0.2),
30
+ 0 8px 10px 1px rgba(0, 0, 0, 0.14),
31
+ 0 3px 14px 2px rgba(0, 0, 0, 0.12);
30
32
  }
31
33
  }
32
34
  &.cdk-drag-disabled {
@@ -711,11 +711,11 @@ declare function isNavItemType<T extends keyof NavItemTypeMap>(item: ISideNavIte
711
711
  declare function isNavItemActive(item: ISideNavItem): boolean;
712
712
  declare function isExpanded(item: ISideNavItem): boolean;
713
713
  declare function hasChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink) & Required<SideNavItemCanHaveChildren>;
714
- declare function canHaveChildren(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
714
+ declare function canHaveChildren(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
715
715
  declare function hasActiveChild(item: ISideNavItem): boolean;
716
716
  declare function hasExpandedChild(item: ISideNavItem): boolean;
717
- declare function canBeActive(item: ISideNavItem): item is (ISideNavButton | ISideNavLink);
718
- declare function canExpand(item: ISideNavItem): item is (ISideNavBasic | ISideNavLink);
717
+ declare function canBeActive(item: ISideNavItem): item is ISideNavButton | ISideNavLink;
718
+ declare function canExpand(item: ISideNavItem): item is ISideNavBasic | ISideNavLink;
719
719
  declare function findLinkItems(items: ISideNavItem[]): ISideNavLink[];
720
720
  declare function setItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K, value: ISideNavItemState[K]): void;
721
721
  declare function getItemStateProp<K extends keyof ISideNavItemState>(item: ISideNavItem, prop: K): ISideNavItemState[K];
@@ -1357,11 +1357,11 @@ declare function isHorizontalNavItemActive(item: INavItem): boolean;
1357
1357
  declare function isHorizontalNavItemExpanded(item: INavItem): boolean;
1358
1358
  declare function isHorizontalNavItemFocused(item: INavItem): boolean;
1359
1359
  declare function horizontalNavItemHasChildren(item: INavItem): item is (INavBasic | INavLink) & Required<NavItemCanHaveChildren>;
1360
- declare function horizontalNavItemCanHaveChildren(item: INavItem): item is (INavBasic | INavLink);
1360
+ declare function horizontalNavItemCanHaveChildren(item: INavItem): item is INavBasic | INavLink;
1361
1361
  declare function horizontalNavItemHasActiveChild(item: INavItem): boolean;
1362
1362
  declare function horizontalNavItemHasExpandedChild(item: INavItem): boolean;
1363
- declare function horizontalNavItemCanBeActive(item: INavItem): item is (INavBasic | INavLink);
1364
- declare function horizontalNavItemCanExpand(item: INavItem): item is (INavBasic | INavLink);
1363
+ declare function horizontalNavItemCanBeActive(item: INavItem): item is INavBasic | INavLink;
1364
+ declare function horizontalNavItemCanExpand(item: INavItem): item is INavBasic | INavLink;
1365
1365
  declare function findHorizontalNavLinkItems(items: INavItem[]): INavLink[];
1366
1366
  declare function setHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K, value: INavItemState[K]): void;
1367
1367
  declare function getHorizontalNavItemStateProp<K extends keyof INavItemState>(item: INavItem, prop: K): INavItemState[K];
@@ -67,7 +67,7 @@ seam-nav-item {
67
67
  min-height: 24px;
68
68
  text-align: center;
69
69
 
70
- margin-right: .5rem;
70
+ margin-right: 0.5rem;
71
71
 
72
72
  .nav-item--badge {
73
73
  top: -4px;
@@ -118,9 +118,7 @@ seam-nav-item {
118
118
  color: $seam-nav-toggle-btn-color;
119
119
  text-decoration: $link-decoration;
120
120
  border-radius: $seam-nav-toggle-btn-border-radius;
121
- border:
122
- $seam-nav-toggle-btn-border-width
123
- $seam-nav-toggle-btn-border-style
121
+ border: $seam-nav-toggle-btn-border-width $seam-nav-toggle-btn-border-style
124
122
  $seam-nav-toggle-btn-border-color;
125
123
 
126
124
  @include hover {
@@ -180,7 +178,11 @@ seam-nav-item {
180
178
 
181
179
  @for $i from 1 through 9 {
182
180
  .nav--group--level-#{$i} {
183
- background-color: color.adjust($seam-nav-bg-color, $lightness: -($i * $seam-nav-group-bg-variation-amount), $space: hsl)
181
+ background-color: color.adjust(
182
+ $seam-nav-bg-color,
183
+ $lightness: -($i * $seam-nav-group-bg-variation-amount),
184
+ $space: hsl
185
+ );
184
186
  }
185
187
  }
186
188
 
@@ -202,4 +204,3 @@ seam-nav-item {
202
204
  left: 0;
203
205
  }
204
206
  }
205
-
@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
17
17
  $seam-nav-item-border-radius: 0 !default;
18
18
 
19
19
  $seam-nav-item-bg-color: transparent !default;
20
- $seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
20
+ $seam-nav-item-bg-color-active: color.adjust(
21
+ $seam-nav-bg-color,
22
+ $lightness: -10%,
23
+ $space: hsl
24
+ ) !default;
21
25
  $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
22
26
  $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
23
- $seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
27
+ $seam-nav-item-bg-color-hover: color.adjust(
28
+ $seam-nav-bg-color,
29
+ $lightness: -5%,
30
+ $space: hsl
31
+ ) !default;
24
32
 
25
33
  $seam-nav-item-color: $black !default;
26
34
  $seam-nav-item-color-active: $seam-nav-item-color !default;
27
35
  $seam-nav-item-color-expanded: $seam-nav-item-color !default;
28
36
  $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
29
37
 
30
- $seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
38
+ $seam-nav-item-disabled-color: color.adjust(
39
+ $seam-nav-item-color,
40
+ $lightness: -20%,
41
+ $space: hsl
42
+ ) !default;
31
43
 
32
44
  $seam-nav-item-margin: 0 !default;
33
45
 
34
46
  // Divider
35
- $seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
47
+ $seam-nav-divider-color: color.adjust(
48
+ $seam-nav-bg-color,
49
+ $lightness: -10%,
50
+ $space: hsl
51
+ ) !default;
36
52
  $seam-nav-divider-size: 1px !default;
37
53
 
38
54
  // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
43
59
  $seam-nav-title-padding-left: 10px !default;
44
60
 
45
61
  // Toggle Buttons
46
- $seam-nav-toggle-btn-padding: 0 .5rem !default;
62
+ $seam-nav-toggle-btn-padding: 0 0.5rem !default;
47
63
 
48
64
  $seam-nav-toggle-btn-use-transform-active: true !default;
49
65
  $seam-nav-toggle-btn-transform: none !default;
@@ -17,22 +17,38 @@ $seam-nav-item-text-align: inherit !default;
17
17
  $seam-nav-item-border-radius: 0 !default;
18
18
 
19
19
  $seam-nav-item-bg-color: transparent !default;
20
- $seam-nav-item-bg-color-active: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
20
+ $seam-nav-item-bg-color-active: color.adjust(
21
+ $seam-nav-bg-color,
22
+ $lightness: -10%,
23
+ $space: hsl
24
+ ) !default;
21
25
  $seam-nav-item-bg-color-expanded: $seam-nav-item-bg-color !default;
22
26
  $seam-nav-item-bg-color-child-active: $seam-nav-item-bg-color-active !default;
23
- $seam-nav-item-bg-color-hover: color.adjust($seam-nav-bg-color, $lightness: -5%, $space: hsl) !default;
27
+ $seam-nav-item-bg-color-hover: color.adjust(
28
+ $seam-nav-bg-color,
29
+ $lightness: -5%,
30
+ $space: hsl
31
+ ) !default;
24
32
 
25
33
  $seam-nav-item-color: $white !default;
26
34
  $seam-nav-item-color-active: $seam-nav-item-color !default;
27
35
  $seam-nav-item-color-expanded: $seam-nav-item-color !default;
28
36
  $seam-nav-item-color-child-active: $seam-nav-item-color-active !default;
29
37
 
30
- $seam-nav-item-disabled-color: color.adjust($seam-nav-item-color, $lightness: -20%, $space: hsl) !default;
38
+ $seam-nav-item-disabled-color: color.adjust(
39
+ $seam-nav-item-color,
40
+ $lightness: -20%,
41
+ $space: hsl
42
+ ) !default;
31
43
 
32
44
  $seam-nav-item-margin: 0 !default;
33
45
 
34
46
  // Divider
35
- $seam-nav-divider-color: color.adjust($seam-nav-bg-color, $lightness: -10%, $space: hsl) !default;
47
+ $seam-nav-divider-color: color.adjust(
48
+ $seam-nav-bg-color,
49
+ $lightness: -10%,
50
+ $space: hsl
51
+ ) !default;
36
52
  $seam-nav-divider-size: 1px !default;
37
53
 
38
54
  // Title
@@ -43,7 +59,7 @@ $seam-nav-title-font-size: 24px !default;
43
59
  $seam-nav-title-padding-left: 10px !default;
44
60
 
45
61
  // Toggle Buttons
46
- $seam-nav-toggle-btn-padding: 0 .5rem !default;
62
+ $seam-nav-toggle-btn-padding: 0 0.5rem !default;
47
63
 
48
64
  $seam-nav-toggle-btn-use-transform-active: true !default;
49
65
  $seam-nav-toggle-btn-transform: none !default;
@@ -174,7 +174,11 @@ seam-side-nav-item {
174
174
 
175
175
  @for $i from 1 through 9 {
176
176
  .side-nav--group--level-#{$i} {
177
- background-color: color.adjust($seam-side-nav-bg-color, $lightness: -($i * $seam-side-nav-group-bg-variation-amount), $space: hsl);
177
+ background-color: color.adjust(
178
+ $seam-side-nav-bg-color,
179
+ $lightness: -($i * $seam-side-nav-group-bg-variation-amount),
180
+ $space: hsl
181
+ );
178
182
  }
179
183
  }
180
184
 
@@ -196,4 +200,3 @@ seam-side-nav-item {
196
200
  left: 0;
197
201
  }
198
202
  }
199
-
@@ -22,7 +22,11 @@ $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
22
22
  $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
23
23
  $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
24
24
 
25
- $seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
25
+ $seam-side-nav-item-toggle-disabled-color: color.adjust(
26
+ $seam-side-nav-item-toggle-color,
27
+ $lightness: -20%,
28
+ $space: hsl
29
+ ) !default;
26
30
 
27
31
  // Divider
28
32
  $seam-side-nav-divider-color: $gray-500 !default;
@@ -10,22 +10,42 @@ $seam-side-nav-background-bg-color: rgba($dark, 0.6) !default;
10
10
  $seam-side-nav-group-bg-variation-amount: 3% !default;
11
11
 
12
12
  // Item
13
- $seam-side-nav-item-bg-color-active: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
14
- $seam-side-nav-item-bg-color-hover: color.adjust($seam-side-nav-bg-color, $lightness: -5%, $space: hsl) !default;
13
+ $seam-side-nav-item-bg-color-active: color.adjust(
14
+ $seam-side-nav-bg-color,
15
+ $lightness: -10%,
16
+ $space: hsl
17
+ ) !default;
18
+ $seam-side-nav-item-bg-color-hover: color.adjust(
19
+ $seam-side-nav-bg-color,
20
+ $lightness: -5%,
21
+ $space: hsl
22
+ ) !default;
15
23
 
16
24
  $seam-side-nav-item-color: $white !default;
17
25
  $seam-side-nav-item-color-active: $seam-side-nav-item-color !default;
18
26
 
19
- $seam-side-nav-item-disabled-color: color.adjust($seam-side-nav-item-color, $lightness: -20%, $space: hsl) !default;
27
+ $seam-side-nav-item-disabled-color: color.adjust(
28
+ $seam-side-nav-item-color,
29
+ $lightness: -20%,
30
+ $space: hsl
31
+ ) !default;
20
32
 
21
33
  $seam-side-nav-item-toggle-color: $seam-side-nav-item-color !default;
22
34
  $seam-side-nav-item-toggle-color-active: $seam-side-nav-item-toggle-color !default;
23
35
  $seam-side-nav-item-toggle-color-hover: $seam-side-nav-item-toggle-color !default;
24
36
 
25
- $seam-side-nav-item-toggle-disabled-color: color.adjust($seam-side-nav-item-toggle-color, $lightness: -20%, $space: hsl) !default;
37
+ $seam-side-nav-item-toggle-disabled-color: color.adjust(
38
+ $seam-side-nav-item-toggle-color,
39
+ $lightness: -20%,
40
+ $space: hsl
41
+ ) !default;
26
42
 
27
43
  // Divider
28
- $seam-side-nav-divider-color: color.adjust($seam-side-nav-bg-color, $lightness: -10%, $space: hsl) !default;
44
+ $seam-side-nav-divider-color: color.adjust(
45
+ $seam-side-nav-bg-color,
46
+ $lightness: -10%,
47
+ $space: hsl
48
+ ) !default;
29
49
  $seam-side-nav-divider-size: 1px !default;
30
50
 
31
51
  // Title
@@ -24,6 +24,18 @@ declare function inlineVariable(query: DocumentNode$1, variableName: string, var
24
24
 
25
25
  declare function parseComments(ast: DocumentNode): Token[];
26
26
 
27
+ declare class GQLDirection {
28
+ readonly direction: string;
29
+ constructor(direction: string);
30
+ static readonly ASC: GQLDirection;
31
+ static readonly DESC: GQLDirection;
32
+ }
33
+
34
+ interface HintTransformOperation {
35
+ query: DocumentNode$1;
36
+ variables: Record<string, any>;
37
+ }
38
+
27
39
  declare enum HintsKind {
28
40
  OperationDefinition = "OperationDefinition",
29
41
  Field = "Field",
@@ -38,6 +50,15 @@ interface HintsToken {
38
50
  kind: HintsKind;
39
51
  }
40
52
 
53
+ type HintTransformer = (operation: HintTransformOperation, hintsToken: HintsToken) => HintTransformOperation;
54
+
55
+ interface HintDefinition {
56
+ readonly name: string;
57
+ readonly appliesTo: HintsKind[];
58
+ readonly transformer?: HintTransformer;
59
+ }
60
+
61
+ declare const DEFAULT_TO_REMOVE_ON_UNDEFINED: string[];
41
62
  interface QueryProcessingVariablesConfig {
42
63
  removeIfNotDefined?: string[];
43
64
  removeIfNotUsed?: string[];
@@ -51,6 +72,12 @@ interface QueryProcessingConfig {
51
72
  disablePaging?: boolean;
52
73
  }
53
74
 
75
+ declare class GQLVariable {
76
+ readonly name: string;
77
+ readonly type: string;
78
+ constructor(name: string, type: string);
79
+ }
80
+
54
81
  type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' | 'filterStates'> & {
55
82
  ngxDatatable: {
56
83
  offset: number;
@@ -60,9 +87,9 @@ type GqlDatatableAccessor = Pick<DatatableComponent, 'page' | 'sort' | 'sorts' |
60
87
  };
61
88
  };
62
89
 
63
- type EmptyObject = {
90
+ interface EmptyObject {
64
91
  [key: string]: any;
65
- };
92
+ }
66
93
 
67
94
  declare const HINT_PREFIX_REGEX: RegExp;
68
95
  declare const HINT_NAMES_CAPTURE_REGEX: RegExp;
@@ -97,7 +124,7 @@ interface DatatableGraphQLDataMapperResult<TRow = EmptyObject> {
97
124
  */
98
125
  totalCount?: number;
99
126
  }
100
- type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => (DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>);
127
+ type DatatableGraphQLDataMapper<TData, TRow = EmptyObject> = (data: TData) => DatatableGraphQLDataMapperResult<TRow> | Promise<DatatableGraphQLDataMapperResult<TRow>> | Observable<DatatableGraphQLDataMapperResult<TRow>>;
101
128
  type DatatableGraphQLVariables = {
102
129
  skip?: number;
103
130
  take?: number;
@@ -166,7 +193,7 @@ type FilterStateMapperResult = {
166
193
  filter: FilterStateMapperFilter;
167
194
  variables: FilterStateMapperVariables;
168
195
  } | null;
169
- type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => (FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>);
196
+ type FilterStateMapper = (filterState: DataFilterState, context: MapperContext) => FilterStateMapperResult | Promise<FilterStateMapperResult> | Observable<FilterStateMapperResult>;
170
197
  interface FilterStateMappers {
171
198
  [filterName: string]: FilterStateMapper;
172
199
  }
@@ -175,7 +202,7 @@ declare function mapFilterStates(filterStates: DataFilterState[], filterStateMap
175
202
  type SortsMapperResult = {
176
203
  [name: string]: any;
177
204
  }[];
178
- type SortsMapper = (sorts: SortItem[], context: MapperContext) => (SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>);
205
+ type SortsMapper = (sorts: SortItem[], context: MapperContext) => SortsMapperResult | Promise<SortsMapperResult> | Observable<SortsMapperResult>;
179
206
  declare function observeRowsWithGqlInputsHandling<TData, TRow, GqlVariables extends EmptyObject>(queryRef: DatatableGraphQLQueryRef<TData, GqlVariables, TRow>, rows: Observable<TRow[]>, datatable: Observable<GqlDatatableAccessor | undefined> | Promise<GqlDatatableAccessor | undefined> | GqlDatatableAccessor, extraVariables: Observable<Partial<GqlVariables>> | Promise<Partial<GqlVariables>> | Partial<GqlVariables>, sortsMapper: SortsMapper, filterStateMappers: FilterStateMappers): Observable<TRow[]>;
180
207
 
181
208
  /**
@@ -210,6 +237,21 @@ declare const mapSearchNumericColumnsDataFilterStateToGql: (filterState: Columns
210
237
 
211
238
  declare const mapSearchTextColumnsDataFilterStateToGql: (filterState: ColumnsDataFilterState<TheSeamColumnsDataFilterTextSearchFormState>, context: MapperContext<any>) => FilterStateMapperResult;
212
239
 
240
+ declare const inlineVariableTransformer: HintTransformer;
241
+
242
+ declare const removeNotDefinedTransformer: HintTransformer;
243
+
244
+ /**
245
+ * Maps variable value to gql and inlines it into the query.
246
+ */
247
+ declare const inlineVariableHintDef: HintDefinition;
248
+
249
+ /**
250
+ * Remove the variable from the query if it is not defined in the operation
251
+ * variables.
252
+ */
253
+ declare const removeNotDefinedHintDef: HintDefinition;
254
+
213
255
  declare const baseSchemaFragment: apollo_angular.TypedDocumentNode<unknown, unknown>;
214
256
 
215
257
  interface WhereItemDef {
@@ -332,5 +374,5 @@ interface SimpleGqlTestVariables extends SimpleGqlTestExtraVariables {
332
374
  where?: any;
333
375
  }
334
376
 
335
- export { DATATABLE_GRAPHQL_SERVICE_CONFIG, DEFAULT_PAGE_SIZE, DatatableGraphQLQueryRef, DatatableGraphqlService, HINT_NAMES_CAPTURE_REGEX, HINT_PREFIX_REGEX, MockDatatable, SIMPLE_GQL_TEST_QUERY, baseSchemaFragment, checkRecordsHaveValue, containsVariable, createApolloTestingProvider, createHintsToken, createSimpleGqlTestRecord, createSimpleGqlTestRoot, filterWhere, filteredResults, getHintsToken, getPageInfo, getTokenAppliesTo, gqlVar, hintNamesFromHintToken, hintsTokensContainingHint, inlineVariable, isCommentToken, isHintToken, isInlineComment, mapFilterStates, mapSearchDateColumnsDataFilterStateToGql, mapSearchNumericColumnsDataFilterStateToGql, mapSearchTextColumnsDataFilterStateToGql, observeRowsWithGqlInputsHandling, parseAst, parseComments, parseHints, removeVariable, removeVariableDefinition, removeVariableDefinitionsNotDefined, simpleGqlTestSchema, skipAndTake, toGQL };
336
- export type { DatatableGraphQLDataMapper, DatatableGraphQLDataMapperResult, DatatableGraphQLVariables, DatatableGraphqlServiceConfig, DatatableQueryOptions, FilterStateMapper, FilterStateMapperFilter, FilterStateMapperResult, FilterStateMapperVariables, FilterStateMappers, FilteredResults, FilteredResultsPageInfo, MapperContext, SimpleGqlTestExtraVariables, SimpleGqlTestRecord, SimpleGqlTestVariables, SortsMapper, SortsMapperResult, WhereArg };
377
+ export { DATATABLE_GRAPHQL_SERVICE_CONFIG, DEFAULT_PAGE_SIZE, DEFAULT_TO_REMOVE_ON_UNDEFINED, DatatableGraphQLQueryRef, DatatableGraphqlService, GQLDirection, GQLVariable, HINT_NAMES_CAPTURE_REGEX, HINT_PREFIX_REGEX, HintsKind, MockDatatable, SIMPLE_GQL_TEST_QUERY, baseSchemaFragment, checkRecordsHaveValue, containsVariable, createApolloTestingProvider, createHintsToken, createSimpleGqlTestRecord, createSimpleGqlTestRoot, filterWhere, filteredResults, getHintsToken, getPageInfo, getTokenAppliesTo, gqlVar, hintNamesFromHintToken, hintsTokensContainingHint, inlineVariable, inlineVariableHintDef, inlineVariableTransformer, isCommentToken, isHintToken, isInlineComment, mapFilterStates, mapSearchDateColumnsDataFilterStateToGql, mapSearchNumericColumnsDataFilterStateToGql, mapSearchTextColumnsDataFilterStateToGql, observeRowsWithGqlInputsHandling, parseAst, parseComments, parseHints, removeNotDefinedHintDef, removeNotDefinedTransformer, removeVariable, removeVariableDefinition, removeVariableDefinitionsNotDefined, simpleGqlTestSchema, skipAndTake, toGQL };
378
+ export type { DatatableGraphQLDataMapper, DatatableGraphQLDataMapperResult, DatatableGraphQLVariables, DatatableGraphqlServiceConfig, DatatableQueryOptions, EmptyObject, FilterStateMapper, FilterStateMapperFilter, FilterStateMapperResult, FilterStateMapperVariables, FilterStateMappers, FilteredResults, FilteredResultsPageInfo, GqlDatatableAccessor, HintDefinition, HintTransformOperation, HintTransformer, HintsToken, MapperContext, QueryProcessingConfig, QueryProcessingVariablesConfig, SimpleGqlTestExtraVariables, SimpleGqlTestRecord, SimpleGqlTestVariables, SortsMapper, SortsMapperResult, WhereArg };
package/modal/README.md CHANGED
@@ -1,5 +1,5 @@
1
- # Modal
2
-
3
- For now this module will be mostly using code from the `cdk-experimental` `dialog`.
4
-
5
- When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.
1
+ # Modal
2
+
3
+ For now this module will be mostly using code from the `cdk-experimental` `dialog`.
4
+
5
+ When `cdk-experimental` gets moved to `cdk` we may just end up using it. If we have neccessary customizations for our use cases then this will just wrap it or extend neccessary parts.
package/modal/index.d.ts CHANGED
@@ -351,7 +351,7 @@ declare class Modal implements OnDestroy {
351
351
  afterAllClosed: Observable<void>;
352
352
  /** Stream that emits when a dialog is opened. */
353
353
  get afterOpened(): Subject<ModalRef<any>>;
354
- _afterOpened: Subject<ModalRef<any>>;
354
+ _afterOpened: Subject<ModalRef<any, any>>;
355
355
  /** Stream that emits when a dialog is opened. */
356
356
  get openDialogs(): ModalRef<any>[];
357
357
  _openDialogs: ModalRef<any>[];
package/models/index.d.ts CHANGED
@@ -14,7 +14,7 @@ declare enum HttpStatus {
14
14
  NotImplemented = 501,
15
15
  BadGateway = 502,
16
16
  ServiceUnavailable = 503,
17
- GatewayTimeout = 502
17
+ GatewayTimeout = 504
18
18
  }
19
19
 
20
20
  type ThemeTypes = 'default' | 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'light' | 'dark' | 'lightgray' | 'lightblue';