@gravity-ui/page-constructor 5.28.3 → 5.28.5

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.
@@ -24,7 +24,7 @@ const FPS = 60;
24
24
  // eslint-disable-next-line react/display-name
25
25
  exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
26
26
  const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
27
- const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain, } = props;
27
+ const { src, previewImgUrl, loop = false, controls = models_1.MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain = true, } = props;
28
28
  const { type = models_1.PlayButtonType.Default, theme = models_1.PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
29
29
  const { type: customControlsType = models_1.CustomControlsType.WithMuteButton, muteButtonShown, positioning = models_1.CustomControlsButtonPositioning.Center, } = customControlsOptions;
30
30
  const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
@@ -1,7 +1,8 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
+ const tslib_1 = require("tslib");
3
4
  const react_1 = require("react");
4
- const lodash_1 = require("lodash");
5
+ const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
5
6
  const useShowBorder = (withBorder, withBorderOnScroll) => {
6
7
  const [showBorder, setShowBorder] = (0, react_1.useState)(withBorder);
7
8
  (0, react_1.useEffect)(() => {
@@ -12,7 +13,7 @@ const useShowBorder = (withBorder, withBorderOnScroll) => {
12
13
  setShowBorder(window.scrollY > 0);
13
14
  }
14
15
  };
15
- const scrollHandler = (0, lodash_1.debounce)(showBorderOnScroll, 20);
16
+ const scrollHandler = (0, debounce_1.default)(showBorderOnScroll, 20);
16
17
  window.addEventListener('scroll', scrollHandler, { passive: true });
17
18
  return () => window.removeEventListener('scroll', scrollHandler);
18
19
  });
@@ -87,6 +87,9 @@ unpredictable css rules order in build */
87
87
  .pc-content_theme_dark .pc-content__title *,
88
88
  .pc-content_theme_dark .pc-content__text .yfm,
89
89
  .pc-content_theme_dark .pc-content__text .yfm *,
90
+ .pc-content_theme_dark .pc-content__list *,
91
+ .pc-content_theme_dark .pc-content__list .yfm,
92
+ .pc-content_theme_dark .pc-content__list .yfm *,
90
93
  .pc-content_theme_dark .pc-content__links a {
91
94
  color: var(--g-color-text-light-primary);
92
95
  }
@@ -101,11 +104,13 @@ unpredictable css rules order in build */
101
104
  .pc-content_theme_dark .pc-content__notice .yfm a:hover {
102
105
  color: var(--g-color-text-light-primary);
103
106
  }
104
- .pc-content_theme_dark .pc-content__text .yfm a {
107
+ .pc-content_theme_dark .pc-content__text .yfm a,
108
+ .pc-content_theme_dark .pc-content__list .yfm a {
105
109
  color: var(--g-color-text-light-primary);
106
110
  text-decoration: underline;
107
111
  }
108
- .pc-content_theme_dark .pc-content__text .yfm a:hover {
112
+ .pc-content_theme_dark .pc-content__text .yfm a:hover,
113
+ .pc-content_theme_dark .pc-content__list .yfm a:hover {
109
114
  color: var(--g-color-text-light-secondary);
110
115
  }
111
116
  .pc-content_theme_dark .pc-content__title a {
@@ -119,6 +124,9 @@ unpredictable css rules order in build */
119
124
  .pc-content_theme_light .pc-content__title *,
120
125
  .pc-content_theme_light .pc-content__text .yfm,
121
126
  .pc-content_theme_light .pc-content__text .yfm *,
127
+ .pc-content_theme_light .pc-content__list *,
128
+ .pc-content_theme_light .pc-content__list .yfm,
129
+ .pc-content_theme_light .pc-content__list .yfm *,
122
130
  .pc-content_theme_light .pc-content__links a {
123
131
  color: var(--g-color-text-dark-primary);
124
132
  }
@@ -133,11 +141,13 @@ unpredictable css rules order in build */
133
141
  .pc-content_theme_light .pc-content__notice .yfm a:hover {
134
142
  color: var(--g-color-text-dark-primary);
135
143
  }
136
- .pc-content_theme_light .pc-content__text .yfm a {
144
+ .pc-content_theme_light .pc-content__text .yfm a,
145
+ .pc-content_theme_light .pc-content__list .yfm a {
137
146
  color: var(--g-color-text-dark-primary);
138
147
  text-decoration: underline;
139
148
  }
140
- .pc-content_theme_light .pc-content__text .yfm a:hover {
149
+ .pc-content_theme_light .pc-content__text .yfm a:hover,
150
+ .pc-content_theme_light .pc-content__list .yfm a:hover {
141
151
  color: var(--g-color-text-dark-secondary);
142
152
  }
143
153
  .pc-content_theme_light .pc-content__title a {
@@ -21,7 +21,7 @@ const FPS = 60;
21
21
  // eslint-disable-next-line react/display-name
22
22
  export const ReactPlayerBlock = React.forwardRef((props, originRef) => {
23
23
  const isMobile = useContext(MobileContext);
24
- const { src, previewImgUrl, loop = false, controls = MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain, } = props;
24
+ const { src, previewImgUrl, loop = false, controls = MediaVideoControlsType.Default, customControlsOptions = {}, muted: initiallyMuted = false, elapsedTime, playButton, className, customBarControlsClassName, showPreview, onClickPreview, analyticsEvents, height, ariaLabel, ratio, autoRatio, contain = true, } = props;
25
25
  const { type = PlayButtonType.Default, theme = PlayButtonThemes.Blue, text, className: buttonClassName, } = playButton || {};
26
26
  const { type: customControlsType = CustomControlsType.WithMuteButton, muteButtonShown, positioning = CustomControlsButtonPositioning.Center, } = customControlsOptions;
27
27
  const autoPlay = Boolean(!isMobile && !previewImgUrl && props.autoplay);
@@ -1,5 +1,5 @@
1
1
  import { useEffect, useState } from 'react';
2
- import { debounce } from 'lodash';
2
+ import debounce from 'lodash/debounce';
3
3
  const useShowBorder = (withBorder, withBorderOnScroll) => {
4
4
  const [showBorder, setShowBorder] = useState(withBorder);
5
5
  useEffect(() => {
@@ -87,6 +87,9 @@ unpredictable css rules order in build */
87
87
  .pc-content_theme_dark .pc-content__title *,
88
88
  .pc-content_theme_dark .pc-content__text .yfm,
89
89
  .pc-content_theme_dark .pc-content__text .yfm *,
90
+ .pc-content_theme_dark .pc-content__list *,
91
+ .pc-content_theme_dark .pc-content__list .yfm,
92
+ .pc-content_theme_dark .pc-content__list .yfm *,
90
93
  .pc-content_theme_dark .pc-content__links a {
91
94
  color: var(--g-color-text-light-primary);
92
95
  }
@@ -101,11 +104,13 @@ unpredictable css rules order in build */
101
104
  .pc-content_theme_dark .pc-content__notice .yfm a:hover {
102
105
  color: var(--g-color-text-light-primary);
103
106
  }
104
- .pc-content_theme_dark .pc-content__text .yfm a {
107
+ .pc-content_theme_dark .pc-content__text .yfm a,
108
+ .pc-content_theme_dark .pc-content__list .yfm a {
105
109
  color: var(--g-color-text-light-primary);
106
110
  text-decoration: underline;
107
111
  }
108
- .pc-content_theme_dark .pc-content__text .yfm a:hover {
112
+ .pc-content_theme_dark .pc-content__text .yfm a:hover,
113
+ .pc-content_theme_dark .pc-content__list .yfm a:hover {
109
114
  color: var(--g-color-text-light-secondary);
110
115
  }
111
116
  .pc-content_theme_dark .pc-content__title a {
@@ -119,6 +124,9 @@ unpredictable css rules order in build */
119
124
  .pc-content_theme_light .pc-content__title *,
120
125
  .pc-content_theme_light .pc-content__text .yfm,
121
126
  .pc-content_theme_light .pc-content__text .yfm *,
127
+ .pc-content_theme_light .pc-content__list *,
128
+ .pc-content_theme_light .pc-content__list .yfm,
129
+ .pc-content_theme_light .pc-content__list .yfm *,
122
130
  .pc-content_theme_light .pc-content__links a {
123
131
  color: var(--g-color-text-dark-primary);
124
132
  }
@@ -133,11 +141,13 @@ unpredictable css rules order in build */
133
141
  .pc-content_theme_light .pc-content__notice .yfm a:hover {
134
142
  color: var(--g-color-text-dark-primary);
135
143
  }
136
- .pc-content_theme_light .pc-content__text .yfm a {
144
+ .pc-content_theme_light .pc-content__text .yfm a,
145
+ .pc-content_theme_light .pc-content__list .yfm a {
137
146
  color: var(--g-color-text-dark-primary);
138
147
  text-decoration: underline;
139
148
  }
140
- .pc-content_theme_light .pc-content__text .yfm a:hover {
149
+ .pc-content_theme_light .pc-content__text .yfm a:hover,
150
+ .pc-content_theme_light .pc-content__list .yfm a:hover {
141
151
  color: var(--g-color-text-dark-secondary);
142
152
  }
143
153
  .pc-content_theme_light .pc-content__title a {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/page-constructor",
3
- "version": "5.28.3",
3
+ "version": "5.28.5",
4
4
  "description": "Gravity UI Page Constructor",
5
5
  "license": "MIT",
6
6
  "repository": {