@gravity-ui/page-constructor 8.10.0 → 8.12.0

package/build/esm/blocks/ContentLayout/schema.d.ts

@@ -477,8 +477,17 @@ export declare const ContentLayoutBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/ExtendedFeatures/schema.d.ts

@@ -325,8 +325,17 @@ export declare const ExtendedFeaturesBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/FilterBlock/schema.d.ts

@@ -291,8 +291,17 @@ export declare const FilterProps: {
             };
         };
         visible: {
-            type: string;
-            enum: string[];
+            oneOf: ({
+                type: string;
+                enum: string[];
+                additionalProperties?: undefined;
+                properties?: undefined;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+                enum?: undefined;
+            })[];
         };
         resetPaddings: {
             type: string;
@@ -547,8 +556,17 @@ export declare const FilterBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/FoldableList/schema.d.ts

@@ -188,8 +188,17 @@ export declare const FoldableListBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Form/schema.d.ts

@@ -296,8 +296,17 @@ export declare const FormBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Header/schema.d.ts

@@ -1551,8 +1551,17 @@ export declare const HeaderBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/HeaderSlider/schema.d.ts

@@ -608,9 +608,6 @@ export declare const HeaderSliderBlock: {
                     };
                 };
             };
-            type: {
-                type: string;
-            };
             dots: {
                 type: string;
             };
@@ -656,6 +653,9 @@ export declare const HeaderSliderBlock: {
             animated: {
                 type: string;
             };
+            type: {
+                type: string;
+            };
             arrowSize: {
                 type: string;
             };
@@ -677,8 +677,17 @@ export declare const HeaderSliderBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Hero/schema.d.ts

@@ -1135,15 +1135,15 @@ export declare const HeroBlockProps: {
             contentType?: undefined;
         })[];
     };
+    theme: {
+        type: string;
+        enum: string[];
+    };
     text: {
         type: string;
         contentType: string;
         inputType: string;
     };
-    theme: {
-        type: string;
-        enum: string[];
-    };
     additionalInfo: {
         type: string;
         contentType: string;
@@ -1993,15 +1993,15 @@ export declare const HeroBlock: {
                     contentType?: undefined;
                 })[];
             };
+            theme: {
+                type: string;
+                enum: string[];
+            };
             text: {
                 type: string;
                 contentType: string;
                 inputType: string;
             };
-            theme: {
-                type: string;
-                enum: string[];
-            };
             additionalInfo: {
                 type: string;
                 contentType: string;
@@ -2046,8 +2046,17 @@ export declare const HeroBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Icons/schema.d.ts

@@ -142,8 +142,17 @@ export declare const IconsProps: {
             };
         };
         visible: {
-            type: string;
-            enum: string[];
+            oneOf: ({
+                type: string;
+                enum: string[];
+                additionalProperties?: undefined;
+                properties?: undefined;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+                enum?: undefined;
+            })[];
         };
         resetPaddings: {
             type: string;
@@ -314,8 +323,17 @@ export declare const IconsBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Map/schema.d.ts

@@ -561,8 +561,17 @@ export declare const MapBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Media/schema.d.ts

@@ -677,8 +677,17 @@ export declare const MediaBlockBaseProps: {
         };
     };
     visible: {
-        type: string;
-        enum: string[];
+        oneOf: ({
+            type: string;
+            enum: string[];
+            additionalProperties?: undefined;
+            properties?: undefined;
+        } | {
+            type: string;
+            additionalProperties: boolean;
+            properties: {};
+            enum?: undefined;
+        })[];
     };
     resetPaddings: {
         type: string;
@@ -1396,8 +1405,17 @@ export declare const MediaBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/PromoFeaturesBlock/schema.d.ts

@@ -482,8 +482,17 @@ export declare const PromoFeaturesBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Questions/schema.d.ts

@@ -188,8 +188,17 @@ export declare const QuestionsBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Slider/schema.d.ts

@@ -316,8 +316,17 @@ export declare const SliderBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/SliderOld/schema.d.ts

@@ -299,8 +299,17 @@ export declare const SliderOldBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Table/schema.d.ts

@@ -72,8 +72,17 @@ export declare const TableBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/blocks/Tabs/schema.d.ts

@@ -814,8 +814,17 @@ export declare const TabsBlock: {
                 };
             };
             visible: {
-                type: string;
-                enum: string[];
+                oneOf: ({
+                    type: string;
+                    enum: string[];
+                    additionalProperties?: undefined;
+                    properties?: undefined;
+                } | {
+                    type: string;
+                    additionalProperties: boolean;
+                    properties: {};
+                    enum?: undefined;
+                })[];
             };
             resetPaddings: {
                 type: string;

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -3,11 +3,16 @@ import * as React from 'react';
 import { BlockIdContext } from "../../../../context/blockIdContext/index.js";
 import { InnerContext } from "../../../../context/innerContext/index.js";
 import { BlockDecoration } from "../../../../customization/BlockDecoration.js";
+import { getVisibleClasses } from "../../../../grid/utils.js";
 export const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(InnerContext);
     const { type, ...rest } = data;
     const Component = itemMap[type];
     return (_jsx(BlockIdContext.Provider, { value: blockKey, children: _jsx(Component, { ...rest, children: children }) }));
 };
-export const ConstructorHeader = ({ data, blockKey, }) => (_jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
+export const ConstructorHeader = ({ data, blockKey, }) => {
+    const { visible } = data;
+    const visibilityClasses = visible ? getVisibleClasses(visible) : '';
+    return (_jsx("div", { className: visibilityClasses, children: _jsx(BlockDecoration, { type: data.type, children: _jsx(ConstructorItem, { data: data, blockKey: blockKey }, data.type) }) }));
+};
 //# sourceMappingURL=ConstructorItem.js.map

package/build/esm/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAQ1E,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => (\n    <BlockDecoration type={data.type as BlockType}>\n        <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n    </BlockDecoration>\n);\n"]}
+{"version":3,"file":"ConstructorItem.js","sourceRoot":"../../../../../../src","sources":["containers/PageConstructor/components/ConstructorItem/ConstructorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,cAAc,EAAC,oDAA2C;AAClE,OAAO,EAAC,YAAY,EAAC,kDAAyC;AAC9D,OAAO,EAAC,eAAe,EAAC,qDAAkD;AAC1E,OAAO,EAAC,iBAAiB,EAAC,kCAA+B;AAQzD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,IAAI,CAAC;IAE7B,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAE7B,CAAC;IAEF,OAAO,CACH,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,KAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE;IAClD,MAAM,EAAC,OAAO,EAAC,GAAG,IAAI,CAAC;IAEvB,MAAM,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpE,OAAO,CACH,cAAK,SAAS,EAAE,iBAAiB,YAC7B,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,KAAC,eAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,GAChB,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {BlockIdContext} from '../../../../context/blockIdContext';\nimport {InnerContext} from '../../../../context/innerContext';\nimport {BlockDecoration} from '../../../../customization/BlockDecoration';\nimport {getVisibleClasses} from '../../../../grid/utils';\nimport {BlockType, ConstructorBlock} from '../../../../models';\n\nexport interface ConstructorItemProps {\n    data: ConstructorBlock;\n    blockKey: string;\n}\n\nexport const ConstructorItem = ({\n    data,\n    blockKey,\n    children,\n}: React.PropsWithChildren<ConstructorItemProps>) => {\n    const {itemMap} = React.useContext(InnerContext);\n    const {type, ...rest} = data;\n\n    const Component = itemMap[type] as React.ComponentType<\n        React.ComponentProps<(typeof itemMap)[typeof type]>\n    >;\n\n    return (\n        <BlockIdContext.Provider value={blockKey}>\n            <Component {...rest}>{children}</Component>\n        </BlockIdContext.Provider>\n    );\n};\n\nexport const ConstructorHeader = ({\n    data,\n    blockKey,\n}: Pick<ConstructorItemProps, 'data' | 'blockKey'>) => {\n    const {visible} = data;\n\n    const visibilityClasses = visible ? getVisibleClasses(visible) : '';\n\n    return (\n        <div className={visibilityClasses}>\n            <BlockDecoration type={data.type as BlockType}>\n                <ConstructorItem data={data} key={data.type} blockKey={blockKey} />\n            </BlockDecoration>\n        </div>\n    );\n};\n"]}

package/build/esm/grid/types.d.ts

@@ -43,7 +43,7 @@ export interface GridColumnClassParams {
     offsets?: GridColumnSizesType;
     orders?: GridColumnOrderSizesType;
     hidden?: GridColumnSize;
-    visible?: GridColumnSize;
+    visible?: GridColumnSize | Partial<Record<GridColumnSize, boolean>>;
     alignSelf?: GridColumnAlignSelf;
     justifyContent?: GridJustifyContent;
     reset?: boolean;

package/build/esm/grid/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["grid/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,yDAAmC,CAAA;AACvC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC","sourcesContent":["export enum GridJustifyContent {\n    Start = 'justify-content-start',\n    Center = 'justify-content-center',\n    End = 'justify-content-end',\n    Around = 'justify-content-around',\n    Between = 'justify-content-between',\n}\n\nexport enum GridAlignItems {\n    Start = 'align-items-start',\n    Center = 'align-items-center',\n    End = 'align-items-end',\n}\n\nexport enum GridColumnSize {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n    All = 'all',\n}\n\nexport enum GridColumnAlignSelf {\n    Start = 'align-self-start',\n    Center = 'align-self-center',\n    End = 'align-self-end',\n}\n\nexport enum GridColumnClassPrefix {\n    Col = 'col',\n    Offset = 'offset',\n    Order = 'order',\n}\n\nexport enum GridColumnVisibilityClass {\n    None = 'none',\n    Block = 'block',\n}\n\nexport enum GridColumnOrderClasses {\n    First = 'first',\n    Last = 'last',\n}\n\nexport type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;\nexport type GridColumnOrderSizesType = Partial<\n    Record<GridColumnSize, number | GridColumnOrderClasses>\n>;\n\nexport interface GridColumnClassParams {\n    className?: string;\n    sizes?: GridColumnSizesType | number;\n    offsets?: GridColumnSizesType;\n    orders?: GridColumnOrderSizesType;\n    hidden?: GridColumnSize;\n    visible?: GridColumnSize;\n    alignSelf?: GridColumnAlignSelf;\n    justifyContent?: GridJustifyContent;\n    reset?: boolean;\n}\n\nexport type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["grid/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC1B,qDAA+B,CAAA;IAC/B,uDAAiC,CAAA;IACjC,iDAA2B,CAAA;IAC3B,uDAAiC,CAAA;IACjC,yDAAmC,CAAA;AACvC,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB;AAED,MAAM,CAAN,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,KAAd,cAAc,QAMzB;AAED,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AAED,MAAM,CAAN,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,KAArB,qBAAqB,QAIhC;AAED,MAAM,CAAN,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,KAAzB,yBAAyB,QAGpC;AAED,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC","sourcesContent":["export enum GridJustifyContent {\n    Start = 'justify-content-start',\n    Center = 'justify-content-center',\n    End = 'justify-content-end',\n    Around = 'justify-content-around',\n    Between = 'justify-content-between',\n}\n\nexport enum GridAlignItems {\n    Start = 'align-items-start',\n    Center = 'align-items-center',\n    End = 'align-items-end',\n}\n\nexport enum GridColumnSize {\n    Sm = 'sm',\n    Md = 'md',\n    Lg = 'lg',\n    Xl = 'xl',\n    All = 'all',\n}\n\nexport enum GridColumnAlignSelf {\n    Start = 'align-self-start',\n    Center = 'align-self-center',\n    End = 'align-self-end',\n}\n\nexport enum GridColumnClassPrefix {\n    Col = 'col',\n    Offset = 'offset',\n    Order = 'order',\n}\n\nexport enum GridColumnVisibilityClass {\n    None = 'none',\n    Block = 'block',\n}\n\nexport enum GridColumnOrderClasses {\n    First = 'first',\n    Last = 'last',\n}\n\nexport type GridColumnSizesType = Partial<Record<GridColumnSize, number>>;\nexport type GridColumnOrderSizesType = Partial<\n    Record<GridColumnSize, number | GridColumnOrderClasses>\n>;\n\nexport interface GridColumnClassParams {\n    className?: string;\n    sizes?: GridColumnSizesType | number;\n    offsets?: GridColumnSizesType;\n    orders?: GridColumnOrderSizesType;\n    hidden?: GridColumnSize;\n    visible?: GridColumnSize | Partial<Record<GridColumnSize, boolean>>;\n    alignSelf?: GridColumnAlignSelf;\n    justifyContent?: GridJustifyContent;\n    reset?: boolean;\n}\n\nexport type IndentValue = '0' | 'xs' | 's' | 'm' | 'l' | 'xl';\n"]}

package/build/esm/grid/utils.d.ts

@@ -3,6 +3,7 @@ export declare function getClasses(items: GridColumnSizesType | GridColumnOrderS
 export declare function getOffsetClass(offsets: GridColumnSizesType): string;
 export declare function getOrderClass(orders: GridColumnOrderSizesType): string;
 export declare function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass): string;
+export declare function getVisibleClasses(visible: GridColumnSize | Partial<Record<GridColumnSize, boolean>>): string;
 export declare function getSizeClass(sizes: GridColumnSizesType | number): string;
 export declare function getJustifyClass(justifyContent: GridJustifyContent): string;
 export declare function getResetClass(): string;

package/build/esm/grid/utils.js

@@ -17,11 +17,45 @@ export function getOrderClass(orders) {
     return getClasses(orders, GridColumnClassPrefix.Order);
 }
 export function getVisibilityClasses(size, type) {
+    if (size === GridColumnSize.All) {
+        return getVisibilityClass(type);
+    }
     const [oppositeClass, mainClass] = type === GridColumnVisibilityClass.None
         ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]
         : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];
     return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;
 }
+export function getVisibleClasses(visible) {
+    if (typeof visible === 'string') {
+        return getVisibilityClasses(visible, GridColumnVisibilityClass.Block);
+    }
+    const breakpoints = [
+        GridColumnSize.Sm,
+        GridColumnSize.Md,
+        GridColumnSize.Lg,
+        GridColumnSize.Xl,
+    ];
+    const classes = [];
+    const hasAnyFalse = breakpoints.some((bp) => visible[bp] === false);
+    if (!hasAnyFalse) {
+        return '';
+    }
+    const baseVisible = visible[GridColumnSize.Sm] !== false;
+    classes.push(baseVisible
+        ? getVisibilityClass(GridColumnVisibilityClass.Block)
+        : getVisibilityClass(GridColumnVisibilityClass.None));
+    let prevVisible = baseVisible;
+    for (const bp of breakpoints) {
+        const bpVisible = visible[bp] ?? prevVisible;
+        if (bpVisible !== prevVisible) {
+            classes.push(bpVisible
+                ? getVisibilityClass(GridColumnVisibilityClass.Block, bp)
+                : getVisibilityClass(GridColumnVisibilityClass.None, bp));
+        }
+        prevVisible = bpVisible;
+    }
+    return classes.join(' ');
+}
 export function getSizeClass(sizes) {
     if (typeof sizes === 'number') {
         return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;
@@ -44,7 +78,7 @@ export function getColClass(params) {
         offsets && getOffsetClass(offsets),
         orders && getOrderClass(orders),
         hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),
-        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),
+        visible && getVisibleClasses(visible),
         reset && getResetClass(),
         className,
     ]

package/build/esm/grid/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["grid/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    GridColumnClassParams,\n    GridColumnClassPrefix,\n    GridColumnOrderSizesType,\n    GridColumnSize,\n    GridColumnSizesType,\n    GridColumnVisibilityClass,\n    GridJustifyContent,\n} from './types';\n\nfunction getVisibilityClass(visibility: GridColumnVisibilityClass, size?: GridColumnSize) {\n    return `d${size ? `-${size}` : ''}-${visibility}`;\n}\n\nexport function getClasses(\n    items: GridColumnSizesType | GridColumnOrderSizesType,\n    prefix: GridColumnClassPrefix,\n) {\n    return Object.keys(items).reduce((result, size) => {\n        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;\n        const itemSize = items[size as keyof GridColumnSizesType];\n        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;\n\n        return result + ` ${prefix}${sizeName}${sizeValue}`;\n    }, '');\n}\n\nexport function getOffsetClass(offsets: GridColumnSizesType) {\n    return getClasses(offsets, GridColumnClassPrefix.Offset);\n}\n\nexport function getOrderClass(orders: GridColumnOrderSizesType) {\n    return getClasses(orders, GridColumnClassPrefix.Order);\n}\n\nexport function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass) {\n    const [oppositeClass, mainClass] =\n        type === GridColumnVisibilityClass.None\n            ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]\n            : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];\n\n    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;\n}\n\nexport function getSizeClass(sizes: GridColumnSizesType | number): string {\n    if (typeof sizes === 'number') {\n        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;\n    }\n\n    return getClasses(sizes, GridColumnClassPrefix.Col);\n}\n\nexport function getJustifyClass(justifyContent: GridJustifyContent): string {\n    return `d-flex ${justifyContent}`;\n}\n\nexport function getResetClass() {\n    return 'col-reset';\n}\n\nexport function getColClass(params: GridColumnClassParams) {\n    const {\n        className = '',\n        sizes,\n        offsets,\n        orders,\n        hidden,\n        visible,\n        alignSelf,\n        justifyContent,\n        reset,\n    } = params;\n    return [\n        GridColumnClassPrefix.Col,\n        alignSelf,\n        justifyContent && getJustifyClass(justifyContent),\n        sizes && getSizeClass(sizes),\n        offsets && getOffsetClass(offsets),\n        orders && getOrderClass(orders),\n        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),\n        visible && getVisibilityClasses(visible, GridColumnVisibilityClass.Block),\n        reset && getResetClass(),\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"../../../src","sources":["grid/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    GridColumnClassParams,\n    GridColumnClassPrefix,\n    GridColumnOrderSizesType,\n    GridColumnSize,\n    GridColumnSizesType,\n    GridColumnVisibilityClass,\n    GridJustifyContent,\n} from './types';\n\nfunction getVisibilityClass(visibility: GridColumnVisibilityClass, size?: GridColumnSize) {\n    return `d${size ? `-${size}` : ''}-${visibility}`;\n}\n\nexport function getClasses(\n    items: GridColumnSizesType | GridColumnOrderSizesType,\n    prefix: GridColumnClassPrefix,\n) {\n    return Object.keys(items).reduce((result, size) => {\n        const sizeName = size === GridColumnSize.All ? '' : `-${size}`;\n        const itemSize = items[size as keyof GridColumnSizesType];\n        const sizeValue = !itemSize && prefix === GridColumnClassPrefix.Col ? '' : `-${itemSize}`;\n\n        return result + ` ${prefix}${sizeName}${sizeValue}`;\n    }, '');\n}\n\nexport function getOffsetClass(offsets: GridColumnSizesType) {\n    return getClasses(offsets, GridColumnClassPrefix.Offset);\n}\n\nexport function getOrderClass(orders: GridColumnOrderSizesType) {\n    return getClasses(orders, GridColumnClassPrefix.Order);\n}\n\nexport function getVisibilityClasses(size: GridColumnSize, type: GridColumnVisibilityClass) {\n    if (size === GridColumnSize.All) {\n        return getVisibilityClass(type);\n    }\n\n    const [oppositeClass, mainClass] =\n        type === GridColumnVisibilityClass.None\n            ? [GridColumnVisibilityClass.None, GridColumnVisibilityClass.Block]\n            : [GridColumnVisibilityClass.Block, GridColumnVisibilityClass.None];\n\n    return `${getVisibilityClass(mainClass)} ${getVisibilityClass(oppositeClass, size)}`;\n}\n\nexport function getVisibleClasses(\n    visible: GridColumnSize | Partial<Record<GridColumnSize, boolean>>,\n): string {\n    if (typeof visible === 'string') {\n        return getVisibilityClasses(visible, GridColumnVisibilityClass.Block);\n    }\n\n    const breakpoints: GridColumnSize[] = [\n        GridColumnSize.Sm,\n        GridColumnSize.Md,\n        GridColumnSize.Lg,\n        GridColumnSize.Xl,\n    ];\n\n    const classes: string[] = [];\n\n    const hasAnyFalse = breakpoints.some((bp) => visible[bp] === false);\n\n    if (!hasAnyFalse) {\n        return '';\n    }\n\n    const baseVisible = visible[GridColumnSize.Sm] !== false;\n    classes.push(\n        baseVisible\n            ? getVisibilityClass(GridColumnVisibilityClass.Block)\n            : getVisibilityClass(GridColumnVisibilityClass.None),\n    );\n\n    let prevVisible = baseVisible;\n\n    for (const bp of breakpoints) {\n        const bpVisible = visible[bp] ?? prevVisible;\n\n        if (bpVisible !== prevVisible) {\n            classes.push(\n                bpVisible\n                    ? getVisibilityClass(GridColumnVisibilityClass.Block, bp)\n                    : getVisibilityClass(GridColumnVisibilityClass.None, bp),\n            );\n        }\n\n        prevVisible = bpVisible;\n    }\n\n    return classes.join(' ');\n}\n\nexport function getSizeClass(sizes: GridColumnSizesType | number): string {\n    if (typeof sizes === 'number') {\n        return `${GridColumnClassPrefix.Col}-${sizes.toString()}`;\n    }\n\n    return getClasses(sizes, GridColumnClassPrefix.Col);\n}\n\nexport function getJustifyClass(justifyContent: GridJustifyContent): string {\n    return `d-flex ${justifyContent}`;\n}\n\nexport function getResetClass() {\n    return 'col-reset';\n}\n\nexport function getColClass(params: GridColumnClassParams) {\n    const {\n        className = '',\n        sizes,\n        offsets,\n        orders,\n        hidden,\n        visible,\n        alignSelf,\n        justifyContent,\n        reset,\n    } = params;\n    return [\n        GridColumnClassPrefix.Col,\n        alignSelf,\n        justifyContent && getJustifyClass(justifyContent),\n        sizes && getSizeClass(sizes),\n        offsets && getOffsetClass(offsets),\n        orders && getOrderClass(orders),\n        hidden && getVisibilityClasses(hidden, GridColumnVisibilityClass.None),\n        visible && getVisibleClasses(visible),\n        reset && getResetClass(),\n        className,\n    ]\n        .filter(Boolean)\n        .join(' ');\n}\n"]}

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

@@ -38,7 +38,7 @@ export interface Childable {
 }
 export interface BlockBaseProps {
     anchor?: AnchorProps;
-    visible?: GridColumnSize;
+    visible?: GridColumnSize | Partial<Record<GridColumnSize, boolean>>;
     /** @deprecated */
     resetPaddings?: boolean;
     indent?: {