quicksnack 3.1.0 → 3.1.1

package/dist/components/Floater/Floater.d.ts

@@ -2,7 +2,7 @@ import { BoxProps } from "../Box/Box";
 import React from "react";
 interface Props extends BoxProps {
     stretch?: boolean;
-    items: JSX.Element[];
+    items: Array<JSX.Element | false>;
 }
 export declare const Floater: React.FC<Props>;
 export {};

package/dist/components/Floater/Floater.js

@@ -34,6 +34,8 @@ var verticalMargin = { mobile: -1, laptop: 0 };
 var display = { mobile: "block", laptop: "flex" };
 var Floater = function (_a) {
     var items = _a.items, _b = _a.stretch, stretch = _b === void 0 ? false : _b, props = __rest(_a, ["items", "stretch"]);
-    return react_1.default.createElement(Box_1.Box, __assign({ mb: verticalMargin, mt: verticalMargin, ml: horizontalMargin, mr: horizontalMargin, display: display }, props), items.map(function (item, i) { return react_1.default.createElement(FloaterItem_1.FloaterItem, { key: i, stretch: stretch }, item); }));
+    return react_1.default.createElement(Box_1.Box, __assign({ mb: verticalMargin, mt: verticalMargin, ml: horizontalMargin, mr: horizontalMargin, display: display }, props), items
+        .filter(Boolean)
+        .map(function (item, i) { return react_1.default.createElement(FloaterItem_1.FloaterItem, { key: i, stretch: stretch }, item); }));
 };
 exports.Floater = Floater;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quicksnack",
   "description": "Quickly create beautiful admin layouts using react",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "private": false,
   "files": [
     "dist/**"