@doyourjob/gravity-ui-page-constructor 5.31.156 → 5.31.158

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 (20) hide show
  1. package/build/cjs/blocks/Header/Header.js +11 -2
  2. package/build/cjs/components/Button/Button.css +11 -0
  3. package/build/cjs/containers/PageConstructor/PageConstructor.css +3 -0
  4. package/build/cjs/models/constructor-items/blocks.d.ts +4 -0
  5. package/build/cjs/models/constructor-items/common.d.ts +1 -1
  6. package/build/cjs/schema/validators/common.js +1 -0
  7. package/build/esm/blocks/Header/Header.js +11 -2
  8. package/build/esm/components/Button/Button.css +11 -0
  9. package/build/esm/containers/PageConstructor/PageConstructor.css +3 -0
  10. package/build/esm/models/constructor-items/blocks.d.ts +4 -0
  11. package/build/esm/models/constructor-items/common.d.ts +1 -1
  12. package/build/esm/schema/validators/common.js +1 -0
  13. package/package.json +1 -1
  14. package/schema/index.js +1 -1
  15. package/server/models/constructor-items/blocks.d.ts +4 -0
  16. package/server/models/constructor-items/common.d.ts +1 -1
  17. package/styles/mixins.scss +10 -0
  18. package/styles/root.scss +3 -0
  19. package/styles/styles.css +3 -0
  20. package/widget/index.js +1 -1
package/build/cjs/blocks/Header/Header.js CHANGED
@@ -30,7 +30,7 @@ const Background = ({ background, isMobile }) => {
30
30
  const FullWidthBackground = ({ background }) => (react_1.default.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
31
31
  // eslint-disable-next-line complexity
32
32
  const HeaderBlock = (props) => {
33
- const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, } = props;
33
+ const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
34
34
  const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
35
35
  const { backButton, blockTag } = (0, react_1.useContext)(headerContext_1.HeaderContext);
36
36
  const theme = (0, theme_1.useTheme)();
@@ -44,6 +44,15 @@ const HeaderBlock = (props) => {
44
44
  const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
45
45
  const titleId = (0, uikit_1.useUniqId)();
46
46
  const headerRef = (0, react_1.useRef)(null);
47
+ const backButtonItem = (0, react_1.useMemo)(() => {
48
+ if (backLink) {
49
+ return { link: backLink.url, text: backLink.title };
50
+ }
51
+ if (verticalOffset !== '0' && !breadcrumbs) {
52
+ return backButton;
53
+ }
54
+ return undefined;
55
+ }, [backButton, backLink, breadcrumbs, verticalOffset]);
47
56
  return (react_1.default.createElement("header", { ref: headerRef, className: b({
48
57
  ['has-media']: hasRightSideImage,
49
58
  ['full-width']: fullWidth,
@@ -56,7 +65,7 @@ const HeaderBlock = (props) => {
56
65
  backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (react_1.default.createElement(components_1.BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
57
66
  react_1.default.createElement(grid_1.Grid, { containerClass: b('container-fluid') },
58
67
  react_1.default.createElement(Breadcrumbs_1.default, { breadcrumbs: breadcrumbs, theme: textTheme }),
59
- react_1.default.createElement(BackButton_1.default, { backButton: verticalOffset !== '0' && !breadcrumbs ? backButton : undefined, theme: textTheme }),
68
+ react_1.default.createElement(BackButton_1.default, { backButton: backButtonItem, theme: textTheme }),
60
69
  react_1.default.createElement(grid_1.Row, null,
61
70
  react_1.default.createElement(grid_1.Col, { reset: true, className: b('content-wrapper') },
62
71
  react_1.default.createElement(grid_1.Row, null,
package/build/cjs/components/Button/Button.css CHANGED
@@ -39,6 +39,17 @@ unpredictable css rules order in build */
39
39
  color: var(--pc-monochrome-button-color);
40
40
  }
41
41
 
42
+ .pc-button-block_theme_violet.pc-button-block_theme_violet {
43
+ --g-button-background-color: var(--pc-violet-button-background-color);
44
+ --g-button-background-color-hover: var(--pc-violet-button-background-color-hover);
45
+ }
46
+ .pc-button-block_theme_violet.pc-button-block_theme_violet, .pc-button-block_theme_violet.pc-button-block_theme_violet:link, .pc-button-block_theme_violet.pc-button-block_theme_violet:visited, .pc-button-block_theme_violet.pc-button-block_theme_violet:active, .pc-button-block_theme_violet.pc-button-block_theme_violet:focus {
47
+ color: var(--pc-violet-button-color);
48
+ }
49
+ .pc-button-block_theme_violet.pc-button-block_theme_violet:hover {
50
+ color: var(--pc-violet-button-color);
51
+ }
52
+
42
53
  .pc-button-block_theme_normal-contrast:focus::before, .pc-button-block_theme_raised:focus::before {
43
54
  outline-offset: 1px;
44
55
  }
package/build/cjs/containers/PageConstructor/PageConstructor.css CHANGED
@@ -34,6 +34,9 @@ unpredictable css rules order in build */
34
34
  --pc-monochrome-button-background-color: #262626;
35
35
  --pc-monochrome-button-background-color-hover: #393939;
36
36
  --pc-monochrome-button-color: var(--g-color-text-light-primary);
37
+ --pc-violet-button-color: var(--g-color-text-light-primary);
38
+ --pc-violet-button-background-color: #5d52f6;
39
+ --pc-violet-button-background-color-hover: #443bba;
37
40
  --pc-text-header-color: var(--g-color-text-primary);
38
41
  --pc-media-card-meta-info-color: var(--g-color-text-secondary);
39
42
  --pc-tab-item-color: var(--g-color-text-primary);
package/build/cjs/models/constructor-items/blocks.d.ts CHANGED
@@ -209,6 +209,10 @@ export interface HeaderBlockProps {
209
209
  theme?: 'light' | 'dark';
210
210
  verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
211
211
  breadcrumbs?: HeaderBreadCrumbsProps;
212
+ backLink?: {
213
+ url: string;
214
+ title: string;
215
+ };
212
216
  status?: JSX.Element;
213
217
  renderTitle?: (title: string) => React.ReactNode;
214
218
  backgroundEffect?: {
package/build/cjs/models/constructor-items/common.d.ts CHANGED
@@ -153,7 +153,7 @@ export interface FileLinkProps extends ClassNameProps, Tabbable {
153
153
  onClick?: () => void;
154
154
  extraProps?: HTMLProps<HTMLAnchorElement>;
155
155
  }
156
- export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
156
+ export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome' | 'violet';
157
157
  export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
158
158
  text: string;
159
159
  url: string;
package/build/cjs/schema/validators/common.js CHANGED
@@ -349,6 +349,7 @@ exports.ButtonProps = {
349
349
  'scale',
350
350
  'github',
351
351
  'monochrome',
352
+ 'violet',
352
353
  ],
353
354
  },
354
355
  img: {
package/build/esm/blocks/Header/Header.js CHANGED
@@ -27,7 +27,7 @@ const Background = ({ background, isMobile }) => {
27
27
  const FullWidthBackground = ({ background }) => (React.createElement("div", { className: b('background', { ['full-width']: true }), style: { backgroundColor: background === null || background === void 0 ? void 0 : background.color } }));
28
28
  // eslint-disable-next-line complexity
29
29
  export const HeaderBlock = (props) => {
30
- const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, } = props;
30
+ const { title, switchingTitle, topTags, bottomTags, overtitle, description, buttons, stock, stockPrice, stockShares, image, video, width = 's', imageSize, offset = 'default', background, theme: textTheme = 'light', verticalOffset = 'm', className, breadcrumbs, status, renderTitle, children, mediaView = 'full', backgroundEffect, headerSpace, backLink, } = props;
31
31
  const isMobile = useContext(MobileContext);
32
32
  const { backButton, blockTag } = useContext(HeaderContext);
33
33
  const theme = useTheme();
@@ -41,6 +41,15 @@ export const HeaderBlock = (props) => {
41
41
  const fullWidth = (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidth) || (backgroundThemed === null || backgroundThemed === void 0 ? void 0 : backgroundThemed.fullWidthMedia);
42
42
  const titleId = useUniqId();
43
43
  const headerRef = useRef(null);
44
+ const backButtonItem = useMemo(() => {
45
+ if (backLink) {
46
+ return { link: backLink.url, text: backLink.title };
47
+ }
48
+ if (verticalOffset !== '0' && !breadcrumbs) {
49
+ return backButton;
50
+ }
51
+ return undefined;
52
+ }, [backButton, backLink, breadcrumbs, verticalOffset]);
44
53
  return (React.createElement("header", { ref: headerRef, className: b({
45
54
  ['has-media']: hasRightSideImage,
46
55
  ['full-width']: fullWidth,
@@ -53,7 +62,7 @@ export const HeaderBlock = (props) => {
53
62
  backgroundEffect && backgroundEffect.firstSrc && backgroundEffect.secondSrc && (React.createElement(BackgroundEffect, Object.assign({}, backgroundEffect, { attachRef: headerRef }))),
54
63
  React.createElement(Grid, { containerClass: b('container-fluid') },
55
64
  React.createElement(Breadcrumbs, { breadcrumbs: breadcrumbs, theme: textTheme }),
56
- React.createElement(BackButton, { backButton: verticalOffset !== '0' && !breadcrumbs ? backButton : undefined, theme: textTheme }),
65
+ React.createElement(BackButton, { backButton: backButtonItem, theme: textTheme }),
57
66
  React.createElement(Row, null,
58
67
  React.createElement(Col, { reset: true, className: b('content-wrapper') },
59
68
  React.createElement(Row, null,
package/build/esm/components/Button/Button.css CHANGED
@@ -39,6 +39,17 @@ unpredictable css rules order in build */
39
39
  color: var(--pc-monochrome-button-color);
40
40
  }
41
41
 
42
+ .pc-button-block_theme_violet.pc-button-block_theme_violet {
43
+ --g-button-background-color: var(--pc-violet-button-background-color);
44
+ --g-button-background-color-hover: var(--pc-violet-button-background-color-hover);
45
+ }
46
+ .pc-button-block_theme_violet.pc-button-block_theme_violet, .pc-button-block_theme_violet.pc-button-block_theme_violet:link, .pc-button-block_theme_violet.pc-button-block_theme_violet:visited, .pc-button-block_theme_violet.pc-button-block_theme_violet:active, .pc-button-block_theme_violet.pc-button-block_theme_violet:focus {
47
+ color: var(--pc-violet-button-color);
48
+ }
49
+ .pc-button-block_theme_violet.pc-button-block_theme_violet:hover {
50
+ color: var(--pc-violet-button-color);
51
+ }
52
+
42
53
  .pc-button-block_theme_normal-contrast:focus::before, .pc-button-block_theme_raised:focus::before {
43
54
  outline-offset: 1px;
44
55
  }
package/build/esm/containers/PageConstructor/PageConstructor.css CHANGED
@@ -34,6 +34,9 @@ unpredictable css rules order in build */
34
34
  --pc-monochrome-button-background-color: #262626;
35
35
  --pc-monochrome-button-background-color-hover: #393939;
36
36
  --pc-monochrome-button-color: var(--g-color-text-light-primary);
37
+ --pc-violet-button-color: var(--g-color-text-light-primary);
38
+ --pc-violet-button-background-color: #5d52f6;
39
+ --pc-violet-button-background-color-hover: #443bba;
37
40
  --pc-text-header-color: var(--g-color-text-primary);
38
41
  --pc-media-card-meta-info-color: var(--g-color-text-secondary);
39
42
  --pc-tab-item-color: var(--g-color-text-primary);
package/build/esm/models/constructor-items/blocks.d.ts CHANGED
@@ -209,6 +209,10 @@ export interface HeaderBlockProps {
209
209
  theme?: 'light' | 'dark';
210
210
  verticalOffset?: '0' | 's' | 'm' | 'l' | 'xl';
211
211
  breadcrumbs?: HeaderBreadCrumbsProps;
212
+ backLink?: {
213
+ url: string;
214
+ title: string;
215
+ };
212
216
  status?: JSX.Element;
213
217
  renderTitle?: (title: string) => React.ReactNode;
214
218
  backgroundEffect?: {
package/build/esm/models/constructor-items/common.d.ts CHANGED
@@ -153,7 +153,7 @@ export interface FileLinkProps extends ClassNameProps, Tabbable {
153
153
  onClick?: () => void;
154
154
  extraProps?: HTMLProps<HTMLAnchorElement>;
155
155
  }
156
- export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
156
+ export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome' | 'violet';
157
157
  export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width' | 'extraProps'> {
158
158
  text: string;
159
159
  url: string;
package/build/esm/schema/validators/common.js CHANGED
@@ -345,6 +345,7 @@ export const ButtonProps = {
345
345
  'scale',
346
346
  'github',
347
347
  'monochrome',
348
+ 'violet',
348
349
  ],
349
350
  },
350
351
  img: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@doyourjob/gravity-ui-page-constructor",
3
- "version": "5.31.156",
3
+ "version": "5.31.158",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {