@gravity-ui/page-constructor 8.9.0 → 8.11.0

package/build/cjs/blocks/CardLayout/schema.d.ts

@@ -274,8 +274,17 @@ export declare const CardLayoutProps: {
             };
         };
         visible: {
-            type: string;
-            enum: string[];
+            oneOf: ({
+                type: string;
+                enum: string[];
+                additionalProperties?: undefined;
+                properties?: undefined;
+            } | {
+                type: string;
+                additionalProperties: boolean;
+                properties: {};
+                enum?: undefined;
+            })[];
         };
         resetPaddings: {
             type: string;
@@ -578,8 +587,17 @@ export declare const CardLayoutBlock: {
                 };
             };
             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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/containers/PageConstructor/components/ConstructorItem/ConstructorItem.js

@@ -7,6 +7,7 @@ const React = tslib_1.__importStar(require("react"));
 const blockIdContext_1 = require("../../../../context/blockIdContext/index.js");
 const innerContext_1 = require("../../../../context/innerContext/index.js");
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration.js");
+const utils_1 = require("../../../../grid/utils.js");
 const ConstructorItem = ({ data, blockKey, children, }) => {
     const { itemMap } = React.useContext(innerContext_1.InnerContext);
     const { type, ...rest } = data;
@@ -14,6 +15,10 @@ const ConstructorItem = ({ data, blockKey, children, }) => {
     return ((0, jsx_runtime_1.jsx)(blockIdContext_1.BlockIdContext.Provider, { value: blockKey, children: (0, jsx_runtime_1.jsx)(Component, { ...rest, children: children }) }));
 };
 exports.ConstructorItem = ConstructorItem;
-const ConstructorHeader = ({ data, blockKey, }) => ((0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: data.type, children: (0, jsx_runtime_1.jsx)(exports.ConstructorItem, { data: data, blockKey: blockKey }, data.type) }));
+const ConstructorHeader = ({ data, blockKey, }) => {
+    const { visible } = data;
+    const visibilityClasses = visible ? (0, utils_1.getVisibleClasses)(visible) : '';
+    return ((0, jsx_runtime_1.jsx)("div", { className: visibilityClasses, children: (0, jsx_runtime_1.jsx)(BlockDecoration_1.BlockDecoration, { type: data.type, children: (0, jsx_runtime_1.jsx)(exports.ConstructorItem, { data: data, blockKey: blockKey }, data.type) }) }));
+};
 exports.ConstructorHeader = ConstructorHeader;
 //# sourceMappingURL=ConstructorItem.js.map

package/build/cjs/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,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAC9D,kFAA0E;AAQnE,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,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,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,uBAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B;AAEK,MAAM,iBAAiB,GAAG,CAAC,EAC9B,IAAI,EACJ,QAAQ,GACsC,EAAE,EAAE,CAAC,CACnD,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,CACrB,CAAC;AAPW,QAAA,iBAAiB,qBAO5B","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,qDAA+B;AAE/B,gFAAkE;AAClE,4EAA8D;AAC9D,kFAA0E;AAC1E,qDAAyD;AAQlD,MAAM,eAAe,GAAG,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,QAAQ,GACoC,EAAE,EAAE;IAChD,MAAM,EAAC,OAAO,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,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,uBAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,YACpC,uBAAC,SAAS,OAAK,IAAI,YAAG,QAAQ,GAAa,GACrB,CAC7B,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B;AAEK,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,IAAA,yBAAiB,EAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpE,OAAO,CACH,gCAAK,SAAS,EAAE,iBAAiB,YAC7B,uBAAC,iCAAe,IAAC,IAAI,EAAE,IAAI,CAAC,IAAiB,YACzC,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAkB,QAAQ,EAAE,QAAQ,IAA7B,IAAI,CAAC,IAAI,CAAwB,GACrD,GAChB,CACT,CAAC;AACN,CAAC,CAAC;AAfW,QAAA,iBAAiB,qBAe5B","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/cjs/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/cjs/grid/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"../../../src","sources":["grid/types.ts"],"names":[],"mappings":";;;AAAA,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,kCAAlB,kBAAkB,QAM7B;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAED,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB;AAED,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,mCAAnB,mBAAmB,QAI9B;AAED,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,qCAArB,qBAAqB,QAIhC;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,yCAAzB,yBAAyB,QAGpC;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,sCAAtB,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,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,kCAAlB,kBAAkB,QAM7B;AAED,IAAY,cAIX;AAJD,WAAY,cAAc;IACtB,6CAA2B,CAAA;IAC3B,+CAA6B,CAAA;IAC7B,yCAAuB,CAAA;AAC3B,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB;AAED,IAAY,cAMX;AAND,WAAY,cAAc;IACtB,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,2BAAS,CAAA;IACT,6BAAW,CAAA;AACf,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB;AAED,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC3B,iDAA0B,CAAA;IAC1B,mDAA4B,CAAA;IAC5B,6CAAsB,CAAA;AAC1B,CAAC,EAJW,mBAAmB,mCAAnB,mBAAmB,QAI9B;AAED,IAAY,qBAIX;AAJD,WAAY,qBAAqB;IAC7B,oCAAW,CAAA;IACX,0CAAiB,CAAA;IACjB,wCAAe,CAAA;AACnB,CAAC,EAJW,qBAAqB,qCAArB,qBAAqB,QAIhC;AAED,IAAY,yBAGX;AAHD,WAAY,yBAAyB;IACjC,0CAAa,CAAA;IACb,4CAAe,CAAA;AACnB,CAAC,EAHW,yBAAyB,yCAAzB,yBAAyB,QAGpC;AAED,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAC9B,yCAAe,CAAA;IACf,uCAAa,CAAA;AACjB,CAAC,EAHW,sBAAsB,sCAAtB,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/cjs/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/cjs/grid/utils.js

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