@doyourjob/gravity-ui-page-constructor-addons 2.1.25-dev.0 → 2.1.25

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 (133) hide show
  1. package/build/cjs/components/Navigation/components/Navigation/Navigation.d.ts +2 -2
  2. package/build/cjs/components/Navigation/components/Navigation/NavigationItem/NavigationItem.d.ts +2 -2
  3. package/build/cjs/components/Navigation/components/Navigation/NavigationItem/NavigationItem.js +2 -2
  4. package/build/cjs/components/index.d.ts +0 -1
  5. package/build/cjs/components/index.js +0 -1
  6. package/build/esm/components/Navigation/components/Navigation/Navigation.d.ts +2 -2
  7. package/build/esm/components/Navigation/components/Navigation/NavigationItem/NavigationItem.d.ts +2 -2
  8. package/build/esm/components/Navigation/components/Navigation/NavigationItem/NavigationItem.js +2 -2
  9. package/build/esm/components/index.d.ts +0 -1
  10. package/build/esm/components/index.js +0 -1
  11. package/package.json +1 -1
  12. package/build/cjs/components/NewHeader/NewHeader.css +0 -162
  13. package/build/cjs/components/NewHeader/NewHeader.d.ts +0 -13
  14. package/build/cjs/components/NewHeader/NewHeader.js +0 -79
  15. package/build/cjs/components/NewHeader/components/CompanyPopup/CompanyPopup.css +0 -30
  16. package/build/cjs/components/NewHeader/components/CompanyPopup/CompanyPopup.d.ts +0 -3
  17. package/build/cjs/components/NewHeader/components/CompanyPopup/CompanyPopup.js +0 -20
  18. package/build/cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.css +0 -79
  19. package/build/cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.d.ts +0 -3
  20. package/build/cjs/components/NewHeader/components/InvestorPopup/InvestorPopup.js +0 -22
  21. package/build/cjs/components/NewHeader/components/LoginButton/LoginButton.d.ts +0 -10
  22. package/build/cjs/components/NewHeader/components/LoginButton/LoginButton.js +0 -46
  23. package/build/cjs/components/NewHeader/components/LoginPopup/LoginPopup.css +0 -45
  24. package/build/cjs/components/NewHeader/components/LoginPopup/LoginPopup.d.ts +0 -3
  25. package/build/cjs/components/NewHeader/components/LoginPopup/LoginPopup.js +0 -12
  26. package/build/cjs/components/NewHeader/components/MediumPopup/MediumPopup.css +0 -8
  27. package/build/cjs/components/NewHeader/components/MediumPopup/MediumPopup.d.ts +0 -3
  28. package/build/cjs/components/NewHeader/components/MediumPopup/MediumPopup.js +0 -17
  29. package/build/cjs/components/NewHeader/components/MobileNavigation/MobileNavigation.css +0 -47
  30. package/build/cjs/components/NewHeader/components/MobileNavigation/MobileNavigation.d.ts +0 -14
  31. package/build/cjs/components/NewHeader/components/MobileNavigation/MobileNavigation.js +0 -25
  32. package/build/cjs/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.css +0 -75
  33. package/build/cjs/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.d.ts +0 -3
  34. package/build/cjs/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.js +0 -30
  35. package/build/cjs/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.css +0 -55
  36. package/build/cjs/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.d.ts +0 -9
  37. package/build/cjs/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.js +0 -47
  38. package/build/cjs/components/NewHeader/components/Navigation/Navigation.css +0 -23
  39. package/build/cjs/components/NewHeader/components/Navigation/Navigation.d.ts +0 -10
  40. package/build/cjs/components/NewHeader/components/Navigation/Navigation.js +0 -74
  41. package/build/cjs/components/NewHeader/components/NavigationItem/NavigationItem.css +0 -81
  42. package/build/cjs/components/NewHeader/components/NavigationItem/NavigationItem.d.ts +0 -12
  43. package/build/cjs/components/NewHeader/components/NavigationItem/NavigationItem.js +0 -29
  44. package/build/cjs/components/NewHeader/components/NavigationPopup/NavigationPopup.css +0 -10
  45. package/build/cjs/components/NewHeader/components/NavigationPopup/NavigationPopup.d.ts +0 -9
  46. package/build/cjs/components/NewHeader/components/NavigationPopup/NavigationPopup.js +0 -18
  47. package/build/cjs/components/NewHeader/components/PopupItem/PopupItem.css +0 -111
  48. package/build/cjs/components/NewHeader/components/PopupItem/PopupItem.d.ts +0 -12
  49. package/build/cjs/components/NewHeader/components/PopupItem/PopupItem.js +0 -28
  50. package/build/cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.css +0 -113
  51. package/build/cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.d.ts +0 -3
  52. package/build/cjs/components/NewHeader/components/ProductsPopup/ProductsPopup.js +0 -65
  53. package/build/cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.css +0 -191
  54. package/build/cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.d.ts +0 -3
  55. package/build/cjs/components/NewHeader/components/ResourcesPopup/ResourcesPopup.js +0 -42
  56. package/build/cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css +0 -49
  57. package/build/cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.d.ts +0 -3
  58. package/build/cjs/components/NewHeader/components/SolutionsPopup/SolutionsPopup.js +0 -20
  59. package/build/cjs/components/NewHeader/components/Tag/Tag.css +0 -21
  60. package/build/cjs/components/NewHeader/components/Tag/Tag.d.ts +0 -6
  61. package/build/cjs/components/NewHeader/components/Tag/Tag.js +0 -22
  62. package/build/cjs/components/NewHeader/components/WhyPopup/WhyPopup.css +0 -81
  63. package/build/cjs/components/NewHeader/components/WhyPopup/WhyPopup.d.ts +0 -3
  64. package/build/cjs/components/NewHeader/components/WhyPopup/WhyPopup.js +0 -21
  65. package/build/cjs/components/NewHeader/constants.d.ts +0 -7
  66. package/build/cjs/components/NewHeader/constants.js +0 -11
  67. package/build/cjs/components/NewHeader/contexts/route-change.d.ts +0 -3
  68. package/build/cjs/components/NewHeader/contexts/route-change.js +0 -6
  69. package/build/cjs/components/NewHeader/models.d.ts +0 -199
  70. package/build/cjs/components/NewHeader/models.js +0 -20
  71. package/build/cjs/components/NewHeader/styles/mixins.css +0 -0
  72. package/build/cjs/components/NewHeader/styles/variables.css +0 -5
  73. package/build/esm/components/NewHeader/NewHeader.css +0 -162
  74. package/build/esm/components/NewHeader/NewHeader.d.ts +0 -14
  75. package/build/esm/components/NewHeader/NewHeader.js +0 -75
  76. package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.css +0 -30
  77. package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.d.ts +0 -4
  78. package/build/esm/components/NewHeader/components/CompanyPopup/CompanyPopup.js +0 -16
  79. package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.css +0 -79
  80. package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.d.ts +0 -4
  81. package/build/esm/components/NewHeader/components/InvestorPopup/InvestorPopup.js +0 -18
  82. package/build/esm/components/NewHeader/components/LoginButton/LoginButton.d.ts +0 -10
  83. package/build/esm/components/NewHeader/components/LoginButton/LoginButton.js +0 -41
  84. package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.css +0 -45
  85. package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.d.ts +0 -4
  86. package/build/esm/components/NewHeader/components/LoginPopup/LoginPopup.js +0 -8
  87. package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.css +0 -8
  88. package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.d.ts +0 -4
  89. package/build/esm/components/NewHeader/components/MediumPopup/MediumPopup.js +0 -13
  90. package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.css +0 -47
  91. package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.d.ts +0 -15
  92. package/build/esm/components/NewHeader/components/MobileNavigation/MobileNavigation.js +0 -21
  93. package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.css +0 -75
  94. package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.d.ts +0 -4
  95. package/build/esm/components/NewHeader/components/MobileNavigationItem/MobileNavigationItem.js +0 -26
  96. package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.css +0 -55
  97. package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.d.ts +0 -10
  98. package/build/esm/components/NewHeader/components/MobileNavigationPopup/MobileNavigationPopup.js +0 -43
  99. package/build/esm/components/NewHeader/components/Navigation/Navigation.css +0 -23
  100. package/build/esm/components/NewHeader/components/Navigation/Navigation.d.ts +0 -11
  101. package/build/esm/components/NewHeader/components/Navigation/Navigation.js +0 -70
  102. package/build/esm/components/NewHeader/components/NavigationItem/NavigationItem.css +0 -81
  103. package/build/esm/components/NewHeader/components/NavigationItem/NavigationItem.d.ts +0 -13
  104. package/build/esm/components/NewHeader/components/NavigationItem/NavigationItem.js +0 -25
  105. package/build/esm/components/NewHeader/components/NavigationPopup/NavigationPopup.css +0 -10
  106. package/build/esm/components/NewHeader/components/NavigationPopup/NavigationPopup.d.ts +0 -10
  107. package/build/esm/components/NewHeader/components/NavigationPopup/NavigationPopup.js +0 -14
  108. package/build/esm/components/NewHeader/components/PopupItem/PopupItem.css +0 -111
  109. package/build/esm/components/NewHeader/components/PopupItem/PopupItem.d.ts +0 -13
  110. package/build/esm/components/NewHeader/components/PopupItem/PopupItem.js +0 -24
  111. package/build/esm/components/NewHeader/components/ProductsPopup/ProductsPopup.css +0 -113
  112. package/build/esm/components/NewHeader/components/ProductsPopup/ProductsPopup.d.ts +0 -4
  113. package/build/esm/components/NewHeader/components/ProductsPopup/ProductsPopup.js +0 -61
  114. package/build/esm/components/NewHeader/components/ResourcesPopup/ResourcesPopup.css +0 -191
  115. package/build/esm/components/NewHeader/components/ResourcesPopup/ResourcesPopup.d.ts +0 -4
  116. package/build/esm/components/NewHeader/components/ResourcesPopup/ResourcesPopup.js +0 -38
  117. package/build/esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.css +0 -49
  118. package/build/esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.d.ts +0 -4
  119. package/build/esm/components/NewHeader/components/SolutionsPopup/SolutionsPopup.js +0 -16
  120. package/build/esm/components/NewHeader/components/Tag/Tag.css +0 -21
  121. package/build/esm/components/NewHeader/components/Tag/Tag.d.ts +0 -7
  122. package/build/esm/components/NewHeader/components/Tag/Tag.js +0 -18
  123. package/build/esm/components/NewHeader/components/WhyPopup/WhyPopup.css +0 -81
  124. package/build/esm/components/NewHeader/components/WhyPopup/WhyPopup.d.ts +0 -4
  125. package/build/esm/components/NewHeader/components/WhyPopup/WhyPopup.js +0 -17
  126. package/build/esm/components/NewHeader/constants.d.ts +0 -7
  127. package/build/esm/components/NewHeader/constants.js +0 -8
  128. package/build/esm/components/NewHeader/contexts/route-change.d.ts +0 -3
  129. package/build/esm/components/NewHeader/contexts/route-change.js +0 -2
  130. package/build/esm/components/NewHeader/models.d.ts +0 -199
  131. package/build/esm/components/NewHeader/models.js +0 -17
  132. package/build/esm/components/NewHeader/styles/mixins.css +0 -0
  133. package/build/esm/components/NewHeader/styles/variables.css +0 -5
@@ -1,111 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-navigation-popup-item {
4
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
5
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
6
- margin-bottom: 2px;
7
- }
8
-
9
- .pc-addons-navigation-popup-item__content {
10
- outline: none;
11
- color: inherit;
12
- text-decoration: none;
13
- display: flex;
14
- border-radius: var(--g-border-radius-xl);
15
- height: 100%;
16
- }
17
-
18
- .utilityfocus .pc-addons-navigation-popup-item__content:focus {
19
- outline: 2px solid #ffdb4d;
20
- }
21
-
22
- .pc-addons-navigation-popup-item__content:focus {
23
- outline: 2px solid var(--g-color-line-focus);
24
- outline-offset: -2px;
25
- }
26
-
27
- .pc-addons-navigation-popup-item__content:focus:not(:focus-visible) {
28
- outline: 0;
29
- }
30
-
31
- .pc-addons-navigation-popup-item__content_padding_default {
32
- padding: 12px;
33
- }
34
-
35
- .pc-addons-navigation-popup-item__content_padding_s {
36
- padding: 6px 12px;
37
- }
38
-
39
- .pc-addons-navigation-popup-item__content:hover, .pc-addons-navigation-popup-item__content:active {
40
- color: var(--g-color-base-brand);
41
- }
42
-
43
- .pc-addons-navigation-popup-item__content_hover:hover, .pc-addons-navigation-popup-item__content_hover:active {
44
- color: inherit;
45
- }
46
-
47
- .pc-addons-navigation-popup-item__content_hover:hover {
48
- background-color: var(--g-color-base-simple-hover);
49
- }
50
-
51
- .pc-addons-navigation-popup-item__content_disable {
52
- pointer-events: none;
53
- }
54
-
55
- .pc-addons-navigation-popup-item__icon {
56
- color: var(--g-color-base-brand);
57
- }
58
-
59
- .pc-addons-navigation-popup-item__icon-container {
60
- position: absolute;
61
- width: 20px;
62
- height: 20px;
63
- display: flex;
64
- justify-content: center;
65
- align-items: center;
66
- }
67
-
68
- .pc-addons-navigation-popup-item__container_with-margin {
69
- margin-left: 28px;
70
- }
71
-
72
- .pc-addons-navigation-popup-item__description {
73
- font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
74
- line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
75
- display: block;
76
- margin-top: 2px;
77
- color: var(--g-color-text-secondary);
78
- }
79
-
80
- .pc-addons-navigation-popup-item__tag {
81
- position: relative;
82
- top: -2px;
83
- }
84
-
85
- .pc-addons-navigation-popup-item__image {
86
- display: block;
87
- position: relative;
88
- top: 2px;
89
- }
90
-
91
- .pc-addons-navigation-popup-item__image_size_m {
92
- width: 18px;
93
- height: 18px;
94
- }
95
-
96
- .pc-addons-navigation-popup-item__image_size_xm {
97
- width: 16px;
98
- height: 16px;
99
- }
100
-
101
- .pc-addons-navigation-popup-item__image_size_s {
102
- width: 14px;
103
- height: 14px;
104
- }
105
-
106
- .pc-addons-navigation-popup-item__image-container {
107
- display: flex;
108
- justify-content: center;
109
- min-width: 20px;
110
- margin-right: 8px;
111
- }
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import type { GridColumnSizesType } from '@doyourjob/gravity-ui-page-constructor';
3
- import { PopupItemData } from '../../models';
4
- export interface PopupItemProps extends Partial<PopupItemData> {
5
- hover?: boolean;
6
- sizes?: GridColumnSizesType;
7
- className?: string;
8
- padding?: 'default' | 's';
9
- imageSize?: 's' | 'xm' | 'm';
10
- target?: string;
11
- }
12
- export declare const PopupItem: (props: PopupItemProps) => React.JSX.Element;
@@ -1,28 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.PopupItem = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const uikit_1 = require("@gravity-ui/uikit");
8
- const cn_1 = require("../../../../utils/cn");
9
- const constants_1 = require("../../constants");
10
- const Tag_1 = require("../Tag/Tag");
11
- const b = (0, cn_1.block)('navigation-popup-item');
12
- const PopupItem = (props) => {
13
- const { icon, url, target, title, tag, description, image, imageSize = 'm', hover, className, sizes = constants_1.DefaultCategorizedItemSizes, padding = 'default', } = props;
14
- const navigationTag = tag && react_1.default.createElement(Tag_1.NavigationTag, Object.assign({ className: b('tag'), size: "s" }, tag));
15
- return (react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b(null, className), sizes: sizes },
16
- react_1.default.createElement("a", Object.assign({ className: b('content', { hover, padding, disable: !url }), href: url }, (0, gravity_ui_page_constructor_1.getLinkProps)(url || '', undefined, target)),
17
- icon && (react_1.default.createElement("div", { className: b('icon-container') },
18
- react_1.default.createElement(uikit_1.Icon, { className: b('icon'), data: icon, size: 16 }))),
19
- image && (react_1.default.createElement("div", { className: b('image-container') },
20
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('image', { size: imageSize }), src: image }))),
21
- react_1.default.createElement("div", { className: b('container', { 'with-margin': Boolean(icon) }) },
22
- react_1.default.createElement("div", { className: b('title-tag-wrapper') },
23
- react_1.default.createElement("span", { className: b('title') }, title),
24
- "\u00A0",
25
- navigationTag),
26
- description && react_1.default.createElement(gravity_ui_page_constructor_1.HTML, { className: b('description') }, description)))));
27
- };
28
- exports.PopupItem = PopupItem;
@@ -1,113 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-products-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- max-width: 1200px;
9
- width: 100%;
10
- border-radius: var(--pc-border-radius, 24px);
11
- scrollbar-width: none;
12
- }
13
-
14
- .pc-addons-products-popup::-webkit-scrollbar {
15
- display: none;
16
- }
17
-
18
- .pc-addons-products-popup__container {
19
- padding: 0;
20
- }
21
-
22
- .pc-addons-products-popup > div + div {
23
- border-top: 1px solid #e4ebf0;
24
- }
25
-
26
- .pc-addons-products-popup__wrap {
27
- padding: 24px;
28
- gap: 24px;
29
- display: flex;
30
- flex-direction: column;
31
- }
32
-
33
- .pc-addons-products-popup__title {
34
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
35
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
36
- padding: 24px;
37
- max-width: 108px;
38
- font-weight: 600;
39
- background-color: #e0e0e0;
40
- }
41
-
42
- .pc-addons-products-popup__subtitle {
43
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
44
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
45
- font-weight: 700;
46
- color: #e0e0e0;
47
- }
48
-
49
- .pc-addons-products-popup__powered-card {
50
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
51
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
52
- font-weight: 500;
53
- background-color: #f2f6f9;
54
- border-radius: 16px;
55
- padding: 16px;
56
- display: flex;
57
- gap: 24px;
58
- }
59
-
60
- .pc-addons-products-popup__powered-card-wrap {
61
- display: flex;
62
- flex-direction: column;
63
- justify-content: center;
64
- flex: 1;
65
- gap: 20px;
66
- }
67
-
68
- .pc-addons-products-popup__powered-card-description {
69
- color: #9fb1bd;
70
- }
71
-
72
- .pc-addons-products-popup__powered-card-container-image {
73
- flex: 1;
74
- max-width: 140px;
75
- }
76
-
77
- .pc-addons-products-popup__powered-card-image {
78
- width: 100%;
79
- aspect-ratio: 1;
80
- }
81
-
82
- .pc-addons-products-popup__run-card {
83
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
84
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
85
- font-weight: 500;
86
- border-radius: 16px;
87
- background-color: #f2f6f9;
88
- padding: 16px;
89
- display: flex;
90
- flex-direction: column;
91
- gap: 20px;
92
- height: 100%;
93
- }
94
-
95
- .pc-addons-products-popup__run-card_border {
96
- border: 1px solid #e4ebf0;
97
- background-color: transparent;
98
- }
99
-
100
- .pc-addons-products-popup__run-card-wrap {
101
- display: flex;
102
- flex-direction: column;
103
- flex: 1;
104
- gap: 4px;
105
- }
106
-
107
- .pc-addons-products-popup__run-card-description {
108
- color: #9fb1bd;
109
- }
110
-
111
- .pc-addons-products-popup__run-card-image {
112
- height: 40px;
113
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ProductsPopupData } from '../../models';
3
- export declare const ProductsPopup: ({ sections, poweredCard }: ProductsPopupData) => React.JSX.Element;
@@ -1,65 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ProductsPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const PopupItem_1 = require("../PopupItem/PopupItem");
9
- const b = (0, cn_1.block)('products-popup');
10
- const PoweredCard = ({ title, description, image }) => {
11
- return (react_1.default.createElement("div", { className: b('powered-card') },
12
- react_1.default.createElement("div", { className: b('powered-card-wrap') },
13
- react_1.default.createElement("div", { className: b('powered-card-title') }, title),
14
- react_1.default.createElement("div", { className: b('powered-card-description') }, description)),
15
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('powered-card-image'), containerClassName: b('powered-card-container-image'), src: image })));
16
- };
17
- const RunCard = ({ title, description, image, border }) => {
18
- return (react_1.default.createElement("div", { className: b('run-card', { border: border }) },
19
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('run-card-image'), src: image }),
20
- react_1.default.createElement("div", { className: b('run-card-wrap') },
21
- react_1.default.createElement("div", { className: b('run-card-title') }, title),
22
- react_1.default.createElement("div", { className: b('run-card-description') }, description))));
23
- };
24
- const ProductsPopup = ({ sections, poweredCard }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section, index) => {
25
- var _a, _b, _c;
26
- const isScaleSection = index === 2; // "Scale" section is usually the 3rd one
27
- const isRunSection = section.runCards && section.runCards.length > 0;
28
- let content;
29
- if (isRunSection) {
30
- content = (react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
31
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, (_a = section.runCards) === null || _a === void 0 ? void 0 : _a.map((card, cardIndex) => (react_1.default.createElement(gravity_ui_page_constructor_1.Col, { key: `${card.title}-${cardIndex}`, sizes: {
32
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 3,
33
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
34
- } },
35
- react_1.default.createElement(RunCard, Object.assign({}, card))))))));
36
- }
37
- else if (isScaleSection) {
38
- content = (react_1.default.createElement(react_1.default.Fragment, null,
39
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: {
40
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8,
41
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
42
- } },
43
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, (_b = section.items) === null || _b === void 0 ? void 0 : _b.map((item, itemIndex) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
44
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 6,
45
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
46
- } })))))),
47
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: {
48
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
49
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
50
- } }, poweredCard && react_1.default.createElement(PoweredCard, Object.assign({}, poweredCard)))));
51
- }
52
- else {
53
- content = (_c = section.items) === null || _c === void 0 ? void 0 : _c.map((item, itemIndex) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: `${item.title}-${itemIndex}` }, item, { hover: true, sizes: {
54
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
55
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
56
- } }))));
57
- }
58
- return (react_1.default.createElement(gravity_ui_page_constructor_1.Row, { key: section.title },
59
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('title') }, section.title),
60
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('wrap') },
61
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
62
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('subtitle') }, section.subtitle)),
63
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, content))));
64
- })));
65
- exports.ProductsPopup = ProductsPopup;
@@ -1,191 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-resources-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- max-width: 1200px;
9
- width: 100%;
10
- border-radius: var(--pc-border-radius, 24px);
11
- scrollbar-width: none;
12
- }
13
-
14
- .pc-addons-resources-popup::-webkit-scrollbar {
15
- display: none;
16
- }
17
-
18
- .pc-addons-resources-popup__container {
19
- padding: 0;
20
- display: flex;
21
- }
22
-
23
- .pc-addons-resources-popup__wrap {
24
- display: flex;
25
- flex-direction: column;
26
- flex: 1;
27
- }
28
-
29
- .pc-addons-resources-popup__wrap > div + div {
30
- border-top: 1px solid #e4ebf0;
31
- }
32
-
33
- .pc-addons-resources-popup__group {
34
- padding: 32px 20px;
35
- flex: 1;
36
- display: flex;
37
- flex-direction: column;
38
- gap: 24px;
39
- }
40
-
41
- .pc-addons-resources-popup__title {
42
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
43
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
44
- font-weight: 600;
45
- margin-bottom: 8px;
46
- }
47
-
48
- .pc-addons-resources-popup__subtitle {
49
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
50
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
51
- font-weight: 500;
52
- color: #9fb1bd;
53
- }
54
-
55
- .pc-addons-resources-popup__events {
56
- width: 300px;
57
- flex-shrink: 0;
58
- padding: 32px;
59
- display: flex;
60
- flex-direction: column;
61
- background-color: #f2f6f9;
62
- gap: 8px;
63
- }
64
-
65
- .pc-addons-resources-popup__events-title {
66
- font-size: var(--g-text-body-3-font-size, var(--pc-text-body-3-font-size));
67
- line-height: var(--g-text-body-3-line-height, var(--pc-text-body-3-line-height));
68
- font-weight: 500;
69
- color: #9fb1bd;
70
- }
71
-
72
- .pc-addons-resources-popup__banner {
73
- background-color: #f2f6f9;
74
- border-radius: 16px;
75
- display: flex;
76
- padding: 16px;
77
- gap: 24px;
78
- }
79
-
80
- .pc-addons-resources-popup__banner-container-image {
81
- width: 263px;
82
- height: 148px;
83
- }
84
-
85
- .pc-addons-resources-popup__banner-image {
86
- display: block;
87
- width: 100%;
88
- height: 100%;
89
- object-fit: cover;
90
- }
91
-
92
- .pc-addons-resources-popup__banner-container-icon {
93
- height: 20px;
94
- }
95
-
96
- .pc-addons-resources-popup__banner-icon {
97
- display: block;
98
- height: 100%;
99
- object-fit: contain;
100
- }
101
-
102
- .pc-addons-resources-popup__banner-wrap {
103
- flex: 1;
104
- display: flex;
105
- flex-direction: column;
106
- justify-content: space-between;
107
- }
108
-
109
- .pc-addons-resources-popup__banner-content {
110
- display: flex;
111
- flex-direction: column;
112
- gap: 8px;
113
- }
114
-
115
- .pc-addons-resources-popup__banner-title {
116
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
117
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
118
- font-weight: 500;
119
- }
120
-
121
- .pc-addons-resources-popup__banner-description {
122
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
123
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
124
- font-weight: 500;
125
- color: #9fb1bd;
126
- }
127
-
128
- .pc-addons-resources-popup__event-card {
129
- position: relative;
130
- display: flex;
131
- flex-direction: column;
132
- border-radius: 16px;
133
- border: 1px solid #e4ebf0;
134
- }
135
-
136
- .pc-addons-resources-popup__event-card-tag {
137
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
138
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
139
- position: absolute;
140
- top: 12px;
141
- left: 12px;
142
- padding: 8px 12px;
143
- border-radius: 8px;
144
- background-color: #ffffff;
145
- }
146
-
147
- .pc-addons-resources-popup__event-card-container-image {
148
- width: 100%;
149
- height: 150px;
150
- }
151
-
152
- .pc-addons-resources-popup__event-card-image {
153
- display: block;
154
- width: 100%;
155
- height: 100%;
156
- object-fit: cover;
157
- }
158
-
159
- .pc-addons-resources-popup__event-card-wrap {
160
- display: flex;
161
- flex-direction: column;
162
- gap: 4px;
163
- }
164
-
165
- .pc-addons-resources-popup__event-card-content {
166
- padding: 16px;
167
- display: flex;
168
- flex-direction: column;
169
- justify-content: center;
170
- gap: 16px;
171
- }
172
-
173
- .pc-addons-resources-popup__event-card-title {
174
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
175
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
176
- font-weight: 500;
177
- }
178
-
179
- .pc-addons-resources-popup__event-card-date {
180
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
181
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
182
- font-weight: 500;
183
- color: #9fb1bd;
184
- }
185
-
186
- .pc-addons-resources-popup__event-card-location {
187
- font-size: var(--g-text-body-2-font-size, var(--pc-text-body-2-font-size));
188
- line-height: var(--g-text-body-2-line-height, var(--pc-text-body-2-line-height));
189
- font-weight: 500;
190
- color: #9fb1bd;
191
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { ResourcesPopupData } from '../../models';
3
- export declare const ResourcesPopup: ({ groups, banner, events }: ResourcesPopupData) => React.JSX.Element;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ResourcesPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const PopupItem_1 = require("../PopupItem/PopupItem");
9
- const b = (0, cn_1.block)('resources-popup');
10
- const EventCard = ({ tag, image, date, title, location }) => {
11
- return (react_1.default.createElement("div", { className: b('event-card') },
12
- react_1.default.createElement("div", { className: b('event-card-tag') }, tag),
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('event-card-image'), containerClassName: b('event-card-container-image'), src: image }),
14
- react_1.default.createElement("div", { className: b('event-card-content') },
15
- react_1.default.createElement("div", { className: b('event-card-wrap') },
16
- react_1.default.createElement("div", { className: b('event-card-date') }, date),
17
- react_1.default.createElement("div", { className: b('event-card-title') }, title)),
18
- react_1.default.createElement("div", { className: b('event-card-location') }, location))));
19
- };
20
- const ResourcesPopup = ({ groups, banner, events }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') },
21
- react_1.default.createElement("div", { className: b('wrap') },
22
- groups.map((group) => (react_1.default.createElement("div", { className: b('group'), key: group.title },
23
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
24
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.Md]: 8, [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } },
25
- react_1.default.createElement("a", Object.assign({ href: group.url, className: b('title') }, (0, gravity_ui_page_constructor_1.getLinkProps)(group.url)), group.title),
26
- react_1.default.createElement("div", { className: b('subtitle') }, group.subtitle)),
27
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { sizes: { [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4, [gravity_ui_page_constructor_1.GridColumnSize.All]: 12 } })),
28
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, group.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item)))))))),
29
- banner && (react_1.default.createElement("div", { className: b('group') },
30
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
31
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, null,
32
- react_1.default.createElement("a", Object.assign({ href: banner.url, className: b('banner') }, (0, gravity_ui_page_constructor_1.getLinkProps)(banner.url)),
33
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('banner-image'), containerClassName: b('banner-container-image'), src: banner.image }),
34
- react_1.default.createElement("div", { className: b('banner-wrap') },
35
- react_1.default.createElement(gravity_ui_page_constructor_1.Image, { className: b('banner-icon'), containerClassName: b('banner-container-icon'), src: banner.icon }),
36
- react_1.default.createElement("div", { className: b('banner-content') },
37
- react_1.default.createElement("div", { className: b('banner-title') }, banner.title),
38
- react_1.default.createElement("div", { className: b('banner-description') }, banner.description))))))))),
39
- events && (react_1.default.createElement("div", { className: b('events') },
40
- react_1.default.createElement("div", { className: b('events-title') }, events.title),
41
- events.items.map((event) => (react_1.default.createElement(EventCard, Object.assign({ key: event.title }, event))))))));
42
- exports.ResourcesPopup = ResourcesPopup;
@@ -1,49 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-solutions-popup {
4
- background: var(--g-color-base-float);
5
- box-shadow: 0 4px 24px var(--g-color-base-generic), 0 2px 8px var(--g-color-base-generic);
6
- max-height: calc(100vh - 64px - 64px);
7
- overflow: auto;
8
- max-width: 1200px;
9
- width: 100%;
10
- border-radius: var(--pc-border-radius, 24px);
11
- scrollbar-width: none;
12
- }
13
-
14
- .pc-addons-solutions-popup::-webkit-scrollbar {
15
- display: none;
16
- }
17
-
18
- .pc-addons-solutions-popup__container {
19
- padding: 0;
20
- }
21
-
22
- .pc-addons-solutions-popup > div + div {
23
- border-top: 1px solid #e4ebf0;
24
- }
25
-
26
- .pc-addons-solutions-popup__wrap {
27
- padding: 24px;
28
- gap: 24px;
29
- display: flex;
30
- flex-direction: column;
31
- }
32
-
33
- .pc-addons-solutions-popup__head {
34
- display: flex;
35
- gap: 24px;
36
- }
37
-
38
- .pc-addons-solutions-popup__title {
39
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
40
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
41
- font-weight: 600;
42
- }
43
-
44
- .pc-addons-solutions-popup__subtitle {
45
- font-size: var(--g-text-header-1-font-size, var(--pc-text-header-1-font-size));
46
- line-height: var(--g-text-header-1-line-height, var(--pc-text-header-1-line-height));
47
- font-weight: 700;
48
- color: #e0e0e0;
49
- }
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import { SolutionsPopupData } from '../../models';
3
- export declare const SolutionsPopup: ({ sections }: SolutionsPopupData) => React.JSX.Element;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SolutionsPopup = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = tslib_1.__importDefault(require("react"));
6
- const gravity_ui_page_constructor_1 = require("@doyourjob/gravity-ui-page-constructor");
7
- const cn_1 = require("../../../../utils/cn");
8
- const PopupItem_1 = require("../PopupItem/PopupItem");
9
- const b = (0, cn_1.block)('solutions-popup');
10
- const SolutionsPopup = ({ sections }) => (react_1.default.createElement(gravity_ui_page_constructor_1.Grid, { className: b(), containerClass: b('container') }, sections.map((section) => (react_1.default.createElement(gravity_ui_page_constructor_1.Row, { key: section.title },
11
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('wrap') },
12
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null,
13
- react_1.default.createElement(gravity_ui_page_constructor_1.Col, { className: b('head') },
14
- react_1.default.createElement("div", { className: b('title') }, section.title),
15
- react_1.default.createElement("div", { className: b('subtitle') }, section.subtitle))),
16
- react_1.default.createElement(gravity_ui_page_constructor_1.Row, null, section.items.map((item) => (react_1.default.createElement(PopupItem_1.PopupItem, Object.assign({ key: item.title }, item, { hover: true, sizes: {
17
- [gravity_ui_page_constructor_1.GridColumnSize.Md]: 4,
18
- [gravity_ui_page_constructor_1.GridColumnSize.All]: 12,
19
- } })))))))))));
20
- exports.SolutionsPopup = SolutionsPopup;
@@ -1,21 +0,0 @@
1
- /* use this for style redefinitions to awoid problems with
2
- unpredictable css rules order in build */
3
- .pc-addons-navigation-tag {
4
- font-size: var(--g-text-body-1-font-size, var(--pc-text-body-1-font-size));
5
- line-height: var(--g-text-body-1-line-height, var(--pc-text-body-1-line-height));
6
- display: inline-block;
7
- padding: 0 8px;
8
- border-radius: 2px;
9
- height: 20px;
10
- line-height: 20px;
11
- border-radius: 4px;
12
- text-transform: capitalize;
13
- }
14
-
15
- .pc-addons-navigation-tag_size_s {
16
- font-size: var(--g-text-caption-2-font-size, var(--pc-text-caption-2-font-size));
17
- line-height: var(--g-text-caption-2-line-height, var(--pc-text-caption-2-line-height));
18
- padding: 0 4px;
19
- height: 16px;
20
- line-height: 16px;
21
- }