@doyourjob/gravity-ui-page-constructor 5.31.273 → 5.31.274

package/build/cjs/components/Title/TitleItem.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
-export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
+export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 13 | 22 | 24 | 26 | 38 | 20;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;
     id?: string;

package/build/cjs/constructor-items.d.ts

@@ -65,7 +65,7 @@ export declare const blockMap: {
     "whats-new-block": import("react").FC<import("./models").WhatsNewBlockProps>;
 };
 export declare const subBlockMap: {
-    divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
+    divider: ({ size, border, visibility }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, analyticsEvents, label, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;

package/build/cjs/models/constructor-items/sub-blocks.d.ts

@@ -2,7 +2,7 @@ import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase } from '../common';
-import { ContentBlockProps } from './blocks';
+import { ContentBlockProps, VisibilityPreset } from './blocks';
 import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, ServiceLabelProps, TagProps, TextTheme, Themable, ThemedImage, TitleItemBaseProps, TitleTextSize } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
@@ -52,6 +52,7 @@ export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
     border?: boolean;
+    visibility?: VisibilityPreset;
 }
 export interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {
     className?: string;

package/build/cjs/sub-blocks/Divider/Divider.css

@@ -1,3 +1,39 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-divider-block.pc-divider-block_hidden {
+  display: none;
+}
+@media (min-width: 577px) and (max-width: 768px) {
+  .pc-divider-block.pc-divider-block_visible-sm {
+    display: block;
+  }
+}
+@media (min-width: 769px) and (max-width: 1080px) {
+  .pc-divider-block.pc-divider-block_visible-md {
+    display: block;
+  }
+}
+@media (min-width: 1081px) and (max-width: 1184px) {
+  .pc-divider-block.pc-divider-block_visible-lg {
+    display: block;
+  }
+}
+@media (min-width: 1185px) and (max-width: 1247px) {
+  .pc-divider-block.pc-divider-block_visible-xl {
+    display: block;
+  }
+}
+@media (min-width: 1248px) {
+  .pc-divider-block.pc-divider-block_visible-xxl {
+    display: block;
+  }
+}
+@media (max-width: 576px) {
+  .pc-divider-block.pc-divider-block_visible-xs {
+    display: block;
+  }
+}
+
 .pc-divider-block_size_xxs {
   padding-top: 12px;
 }

package/build/cjs/sub-blocks/Divider/Divider.d.ts

@@ -1,3 +1,3 @@
 import { DividerProps } from '../../models';
-declare const Divider: ({ size, border }: DividerProps) => JSX.Element;
+declare const Divider: ({ size, border, visibility }: DividerProps) => JSX.Element;
 export default Divider;

package/build/cjs/sub-blocks/Divider/Divider.js

@@ -4,5 +4,5 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('divider-block');
-const Divider = ({ size = 'm', border }) => react_1.default.createElement("div", { className: b({ size, border }) });
+const Divider = ({ size = 'm', border, visibility }) => (react_1.default.createElement("div", { className: b(Object.assign({ size, border }, (0, utils_1.getBlockVisibilityClasses)(visibility))) }));
 exports.default = Divider;

package/build/cjs/sub-blocks/Divider/schema.d.ts

@@ -5,6 +5,10 @@ export declare const Divider: {
             border: {
                 type: string;
             };
+            visibility: {
+                type: string;
+                enum: string[];
+            };
             size: {
                 enum: string[];
             };

package/build/cjs/sub-blocks/Divider/schema.js

@@ -7,6 +7,9 @@ exports.Divider = {
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, common_1.BaseProps), { border: {
                 type: 'boolean',
+            }, visibility: {
+                type: 'string',
+                enum: ['mobile', 'desktop'],
             }, size: common_1.dividerEnum }),
     },
 };

package/build/esm/components/Title/TitleItem.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { QAProps, TitleItemProps, TitleTextSize } from '../../models';
 import './TitleItem.css';
-export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 20 | 24 | 13 | 22 | 26 | 38;
+export declare function getArrowSize(size: TitleTextSize, isMobile: boolean): 16 | 13 | 22 | 24 | 26 | 38 | 20;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;
     id?: string;

package/build/esm/constructor-items.d.ts

@@ -65,7 +65,7 @@ export declare const blockMap: {
     "whats-new-block": import("react").FC<import("./models").WhatsNewBlockProps>;
 };
 export declare const subBlockMap: {
-    divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;
+    divider: ({ size, border, visibility }: import("./models").DividerProps) => JSX.Element;
     "price-detailed": (props: import("./models").PriceDetailedProps) => JSX.Element;
     "media-card": ({ border, analyticsEvents, label, ...mediaProps }: import("./models").MediaCardProps) => JSX.Element;
     "banner-card": (props: import("./models").BannerCardProps) => JSX.Element;

package/build/esm/models/constructor-items/sub-blocks.d.ts

@@ -2,7 +2,7 @@ import { ClassNameProps, QuoteType } from '../../models';
 import { ThemeSupporting } from '../../utils';
 import { HubspotEventData, HubspotEventHandlers } from '../../utils/hubspot';
 import { AnalyticsEventsBase } from '../common';
-import { ContentBlockProps } from './blocks';
+import { ContentBlockProps, VisibilityPreset } from './blocks';
 import { AuthorItem, ButtonProps, CardBaseProps, CardLayoutProps, ContentTheme, DividerSize, ImageCardMargins, ImageObjectProps, ImageProps, LinkProps, MediaProps, MediaView, PriceDetailedProps, ServiceLabelProps, TagProps, TextTheme, Themable, ThemedImage, TitleItemBaseProps, TitleTextSize } from './common';
 export declare enum SubBlockType {
     Divider = "divider",
@@ -52,6 +52,7 @@ export declare const SubBlockTypes: SubBlockType[];
 export interface DividerProps {
     size?: DividerSize;
     border?: boolean;
+    visibility?: VisibilityPreset;
 }
 export interface HubspotFormProps extends HubspotEventHandlers, AnalyticsEventsBase {
     className?: string;

package/build/esm/sub-blocks/Divider/Divider.css

@@ -1,3 +1,39 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
+.pc-divider-block.pc-divider-block_hidden {
+  display: none;
+}
+@media (min-width: 577px) and (max-width: 768px) {
+  .pc-divider-block.pc-divider-block_visible-sm {
+    display: block;
+  }
+}
+@media (min-width: 769px) and (max-width: 1080px) {
+  .pc-divider-block.pc-divider-block_visible-md {
+    display: block;
+  }
+}
+@media (min-width: 1081px) and (max-width: 1184px) {
+  .pc-divider-block.pc-divider-block_visible-lg {
+    display: block;
+  }
+}
+@media (min-width: 1185px) and (max-width: 1247px) {
+  .pc-divider-block.pc-divider-block_visible-xl {
+    display: block;
+  }
+}
+@media (min-width: 1248px) {
+  .pc-divider-block.pc-divider-block_visible-xxl {
+    display: block;
+  }
+}
+@media (max-width: 576px) {
+  .pc-divider-block.pc-divider-block_visible-xs {
+    display: block;
+  }
+}
+
 .pc-divider-block_size_xxs {
   padding-top: 12px;
 }

package/build/esm/sub-blocks/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
 import { DividerProps } from '../../models';
 import './Divider.css';
-declare const Divider: ({ size, border }: DividerProps) => JSX.Element;
+declare const Divider: ({ size, border, visibility }: DividerProps) => JSX.Element;
 export default Divider;

package/build/esm/sub-blocks/Divider/Divider.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { block } from '../../utils';
+import { block, getBlockVisibilityClasses } from '../../utils';
 import './Divider.css';
 const b = block('divider-block');
-const Divider = ({ size = 'm', border }) => React.createElement("div", { className: b({ size, border }) });
+const Divider = ({ size = 'm', border, visibility }) => (React.createElement("div", { className: b(Object.assign({ size, border }, getBlockVisibilityClasses(visibility))) }));
 export default Divider;

package/build/esm/sub-blocks/Divider/schema.d.ts

@@ -5,6 +5,10 @@ export declare const Divider: {
             border: {
                 type: string;
             };
+            visibility: {
+                type: string;
+                enum: string[];
+            };
             size: {
                 enum: string[];
             };

package/build/esm/sub-blocks/Divider/schema.js

@@ -4,6 +4,9 @@ export const Divider = {
         additionalProperties: false,
         properties: Object.assign(Object.assign({}, BaseProps), { border: {
                 type: 'boolean',
+            }, visibility: {
+                type: 'string',
+                enum: ['mobile', 'desktop'],
             }, size: dividerEnum }),
     },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@doyourjob/gravity-ui-page-constructor",
-  "version": "5.31.273",
+  "version": "5.31.274",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {