@simplybusiness/mobius 3.5.0 → 3.5.1

package/CHANGELOG.md

@@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file, or link in
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [3.5.1] - 2023-07-07
+
+### Fixed
+
+- Fix an issue where `gap` prop is ignored in `<Flex>`
+
 ## [3.5.0] - 2023-04-28
 
 ### Added
@@ -238,6 +244,7 @@ Additionally, mobius and themes are available on the public NPM registry and can
 
 ## Github Links
 
+[3.5.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.5.1
 [3.5.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.5.0
 [3.4.5]: https://github.com/simplybusiness/mobius/releases/tag/v3.4.5
 [3.4.4]: https://github.com/simplybusiness/mobius/releases/tag/v3.4.4

package/dist/cjs/components/Flex/Flex.d.ts

@@ -1,35 +1,4 @@
-import { Ref, ReactNode, RefAttributes } from "react";
-import type { Property } from "csstype";
-import { DOMProps } from "@react-types/shared";
 import { ForwardedRefComponent } from "../../types/components";
-export type FlexElementType = HTMLDivElement;
-export interface FlexStyleProps {
-    elementType?: string | React.ElementType;
-    flexDirection?: Property.FlexDirection;
-    flexWrap?: Property.FlexWrap;
-    flexGrow?: Property.FlexGrow;
-    flex?: Property.Flex;
-    /** Aligns grid items along the block (column) axis  */
-    alignItems?: Property.AlignItems;
-    /** Aligns the grid along the inline (row) axis */
-    alignContent?: Property.AlignContent;
-    /** Aligns the grid along the inline (row) axis */
-    justifyContent?: Property.JustifyContent;
-    /** How big a gap between the columns and rows */
-    gap?: Property.Gap;
-    /** How big a gap between the rows */
-    rowGap?: Property.RowGap;
-    /** How big a gap between the columns */
-    columnGap?: Property.ColumnGap;
-    style?: React.CSSProperties;
-}
-export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
-    children?: ReactNode;
-    /** Custom class name for setting specific CSS */
-    className?: string;
-}
-export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
-}
-export type FlexRef = Ref<FlexElementType>;
+import { FlexElementType, FlexProps } from "./types";
 declare const Flex: ForwardedRefComponent<FlexProps, FlexElementType>;
 export { Flex };

package/dist/cjs/components/Flex/Flex.js

@@ -18,45 +18,12 @@ exports.Flex = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const clsx_1 = __importDefault(require("clsx"));
-const buildFlexStyles = (props) => {
-    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, } = props;
-    return {
-        display: "flex",
-        flexDirection,
-        flexWrap,
-        flexGrow,
-        flex,
-        justifyContent,
-        alignItems,
-        alignContent,
-        gap,
-        rowGap,
-        columnGap,
-    };
-};
-const splitProps = (props) => {
-    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props, otherProps = __rest(props, ["flexDirection", "flexWrap", "flexGrow", "flex", "justifyContent", "alignItems", "alignContent", "gap", "rowGap", "columnGap"]);
-    return [
-        {
-            flexDirection,
-            flexWrap,
-            flexGrow,
-            flex,
-            justifyContent,
-            alignItems,
-            alignContent,
-            gap,
-            rowGap,
-            columnGap,
-        },
-        otherProps,
-    ];
-};
+const propUtils_1 = require("./propUtils");
 const Flex = (0, react_1.forwardRef)((props, ref) => {
     const { elementType: Element = "div" } = props, otherProps = __rest(props, ["elementType"]);
     const classes = (0, clsx_1.default)("mobius", "mobius/Flex", props.className);
-    const [styleProps, restProps] = splitProps(otherProps);
-    const flexStyles = buildFlexStyles(styleProps);
+    const [styleProps, restProps] = (0, propUtils_1.splitProps)(otherProps);
+    const flexStyles = (0, propUtils_1.buildFlexStyles)(styleProps);
     return ((0, jsx_runtime_1.jsx)(Element, Object.assign({ ref: ref, style: flexStyles }, restProps, { className: classes })));
 });
 exports.Flex = Flex;

package/dist/cjs/components/Flex/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAkE;AAGlE,gDAAwB;AAsCxB,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IAChD,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,OAAO;QACL,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,cAAc;QACd,UAAU;QACV,YAAY;QACZ,GAAG;QACH,MAAM;QACN,SAAS;KACV,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,KAAgB,EAAuC,EAAE;IAC3E,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,KAEP,KAAK,EADJ,UAAU,UACX,KAAK,EAZH,+HAYL,CAAQ,CAAC;IAEV,OAAO;QACL;YACE,aAAa;YACb,QAAQ;YACR,QAAQ;YACR,IAAI;YACJ,cAAc;YACd,UAAU;YACV,YAAY;YACZ,GAAG;YACH,MAAM;YACN,SAAS;SACV;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,UAAU,IAAM,SAAS,IAAE,SAAS,EAAE,OAAO,IAAI,CAC5E,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
+{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../../src/components/Flex/Flex.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,gDAAwB;AAGxB,2CAA0D;AAE1D,MAAM,IAAI,GAAsD,IAAA,kBAAU,EACxE,CAAC,KAAgB,EAAE,GAAY,EAAE,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAAvD,eAA+C,CAAQ,CAAC;IAC9D,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IAE/D,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,GAAG,IAAA,sBAAU,EAAC,UAAU,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAA,2BAAe,EAAC,UAAU,CAAC,CAAC;IAE/C,OAAO,CACL,uBAAC,OAAO,kBACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,IACb,SAAS,IACb,SAAS,EAAE,OAAO,IAClB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,oBAAI;AADb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/components/Flex/index.d.ts

@@ -1 +1,2 @@
 export * from "./Flex";
+export * from "./types";

package/dist/cjs/components/Flex/index.js

@@ -15,4 +15,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Flex"), exports);
+__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/Flex/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Flex/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Flex/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yCAAuB;AACvB,0CAAwB"}

package/dist/cjs/components/Flex/propUtils.d.ts

@@ -0,0 +1,8 @@
+import { FlexNonStyleProps, FlexProps, FlexStyleProps } from "./types";
+export declare const withoutUndefinedValues: (obj: Record<string, unknown>) => {
+    [k: string]: unknown;
+};
+export declare const buildFlexStyles: (props: FlexStyleProps) => {
+    [k: string]: unknown;
+};
+export declare const splitProps: (props: FlexProps) => [FlexStyleProps, FlexNonStyleProps];

package/dist/cjs/components/Flex/propUtils.js

@@ -0,0 +1,54 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitProps = exports.buildFlexStyles = exports.withoutUndefinedValues = void 0;
+const withoutUndefinedValues = (obj) => Object.fromEntries(Object.entries(obj).filter(([_, value]) => value));
+exports.withoutUndefinedValues = withoutUndefinedValues;
+const buildFlexStyles = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap, } = props;
+    const styleProps = {
+        display: "flex",
+        flexDirection,
+        flexWrap,
+        flexGrow,
+        flex,
+        justifyContent,
+        alignItems,
+        alignContent,
+        gap,
+        rowGap,
+        columnGap,
+    };
+    return (0, exports.withoutUndefinedValues)(styleProps);
+};
+exports.buildFlexStyles = buildFlexStyles;
+const splitProps = (props) => {
+    const { flexDirection, flexWrap, flexGrow, flex, justifyContent, alignItems, alignContent, gap, rowGap, columnGap } = props, otherProps = __rest(props, ["flexDirection", "flexWrap", "flexGrow", "flex", "justifyContent", "alignItems", "alignContent", "gap", "rowGap", "columnGap"]);
+    return [
+        {
+            flexDirection,
+            flexWrap,
+            flexGrow,
+            flex,
+            justifyContent,
+            alignItems,
+            alignContent,
+            gap,
+            rowGap,
+            columnGap,
+        },
+        otherProps,
+    ];
+};
+exports.splitProps = splitProps;
+//# sourceMappingURL=propUtils.js.map

package/dist/cjs/components/Flex/propUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEO,MAAM,sBAAsB,GAAG,CAAC,GAA4B,EAAE,EAAE,CACrE,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAD3D,QAAA,sBAAsB,0BACqC;AAEjE,MAAM,eAAe,GAAG,CAAC,KAAqB,EAAE,EAAE;IACvD,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,GACV,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,OAAO,EAAE,MAAM;QACf,aAAa;QACb,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,cAAc;QACd,UAAU;QACV,YAAY;QACZ,GAAG;QACH,MAAM;QACN,SAAS;KACV,CAAC;IAEF,OAAO,IAAA,8BAAsB,EAAC,UAAU,CAAC,CAAC;AAC5C,CAAC,CAAC;AA7BW,QAAA,eAAe,mBA6B1B;AAEK,MAAM,UAAU,GAAG,CACxB,KAAgB,EACqB,EAAE;IACvC,MAAM,EACJ,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,UAAU,EACV,YAAY,EACZ,GAAG,EACH,MAAM,EACN,SAAS,KAEP,KAAK,EADJ,UAAU,UACX,KAAK,EAZH,+HAYL,CAAQ,CAAC;IAEV,OAAO;QACL;YACE,aAAa;YACb,QAAQ;YACR,QAAQ;YACR,IAAI;YACJ,cAAc;YACd,UAAU;YACV,YAAY;YACZ,GAAG;YACH,MAAM;YACN,SAAS;SACV;QACD,UAAU;KACX,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,UAAU,cAgCrB"}

package/dist/cjs/components/Flex/propUtils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/components/Flex/propUtils.test.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const propUtils_1 = require("./propUtils");
+describe("withoutUndefinedValues", () => {
+    it("returns object without undefined values", () => {
+        const props = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+            e: undefined,
+            f: undefined,
+        };
+        const actual = (0, propUtils_1.withoutUndefinedValues)(props);
+        const expected = {
+            a: 1,
+            b: "Two",
+            c: [],
+            d: {},
+        };
+        expect(actual).toStrictEqual(expected);
+    });
+});
+describe("buildFlexStyles", () => {
+    describe("given a list of props", () => {
+        it("returns a specified list of flex props", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const expectedProps = Object.assign(Object.assign({}, props), { display: "flex" });
+            const actual = (0, propUtils_1.buildFlexStyles)(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+    describe("given a list of partially defined props", () => {
+        it("returns flex props that are defined", () => {
+            const props = {
+                flexDirection: "row",
+                flexWrap: undefined,
+                flexGrow: "1",
+                flex: undefined,
+                justifyContent: "start",
+                alignItems: undefined,
+                alignContent: "center",
+                gap: undefined,
+                rowGap: "20px",
+                columnGap: undefined,
+            };
+            const expectedProps = {
+                flexDirection: "row",
+                flexGrow: "1",
+                justifyContent: "start",
+                alignContent: "center",
+                rowGap: "20px",
+                display: "flex",
+            };
+            const actual = (0, propUtils_1.buildFlexStyles)(props);
+            expect(actual).toStrictEqual(expectedProps);
+        });
+    });
+});
+describe("splitProps", () => {
+    describe("given a list of props", () => {
+        it("returns an array with two items: 1) specified flex props; 2) all other props", () => {
+            const flexProps = {
+                flexDirection: "row",
+                flexWrap: "wrap",
+                flexGrow: "1",
+                flex: "1 1 0px",
+                justifyContent: "start",
+                alignItems: "stretch",
+                alignContent: "center",
+                gap: "10px",
+                rowGap: "20px",
+                columnGap: "30px",
+            };
+            const otherProps = {
+                a: 1,
+                b: "Two",
+                c: [],
+                d: {},
+            };
+            const props = Object.assign(Object.assign({}, flexProps), otherProps);
+            const actual = (0, propUtils_1.splitProps)(props);
+            const expected = [flexProps, otherProps];
+            expect(actual).toStrictEqual(expected);
+        });
+    });
+});
+//# sourceMappingURL=propUtils.test.js.map

package/dist/cjs/components/Flex/propUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propUtils.test.js","sourceRoot":"","sources":["../../../../src/components/Flex/propUtils.test.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/Flex/types.d.ts

@@ -0,0 +1,32 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import type { Property } from "csstype";
+import { DOMProps } from "@react-types/shared";
+export type FlexElementType = HTMLDivElement;
+export interface FlexStyleProps {
+    elementType?: string | React.ElementType;
+    flexDirection?: Property.FlexDirection;
+    flexWrap?: Property.FlexWrap;
+    flexGrow?: Property.FlexGrow;
+    flex?: Property.Flex;
+    /** Aligns grid items along the block (column) axis  */
+    alignItems?: Property.AlignItems;
+    /** Aligns the grid along the inline (row) axis */
+    alignContent?: Property.AlignContent;
+    /** Aligns the grid along the inline (row) axis */
+    justifyContent?: Property.JustifyContent;
+    /** How big a gap between the columns and rows */
+    gap?: Property.Gap;
+    /** How big a gap between the rows */
+    rowGap?: Property.RowGap;
+    /** How big a gap between the columns */
+    columnGap?: Property.ColumnGap;
+    style?: React.CSSProperties;
+}
+export interface FlexNonStyleProps extends DOMProps, RefAttributes<FlexElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export interface FlexProps extends FlexStyleProps, FlexNonStyleProps {
+}
+export type FlexRef = Ref<FlexElementType>;

package/dist/cjs/components/Flex/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/Flex/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/Flex/types.ts"],"names":[],"mappings":""}