@geotab/zenith 3.1.1-beta.0 → 3.1.1-beta.2

package/dist/formGroup/utils/getLabelClasses/getReviewOrInlineEditClasses.d.ts

@@ -0,0 +1,2 @@
+import { ILabelClasses } from "./types";
+export declare const getReviewOrInlineEditClasses: (labelAlign: any, columns: any) => ILabelClasses;

package/dist/formGroup/utils/getLabelClasses/getReviewOrInlineEditClasses.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getReviewOrInlineEditClasses = void 0;
+const getReviewOrInlineEditClasses = (labelAlign, columns) => {
+    const labelClasses = {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+    if (labelAlign === "top") {
+        if (columns === 1) {
+            labelClasses.labelClasses1 = "zen-lg-4 zen-md-3 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            labelClasses.labelClasses2 = "zen-lg-2 zen-md-3 zen-sm-1 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            return labelClasses;
+        }
+        labelClasses.labelClasses1 = "zen-lg-3 zen-md-2 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+        labelClasses.labelClasses2 = "zen-lg-3 zen-md-2 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+        return labelClasses;
+    }
+    if (labelAlign === "left") {
+        if (columns === 1) {
+            labelClasses.labelClasses1 = "zen-lg-1 zen-md-1 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            labelClasses.labelClasses2 = "zen-lg-1 zen-md-1 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            return labelClasses;
+        }
+        labelClasses.labelClasses1 = "zen-lg-1 zen-md-1 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+        labelClasses.labelClasses2 = "zen-lg-1 zen-md-1 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+        return labelClasses;
+    }
+    return labelClasses;
+};
+exports.getReviewOrInlineEditClasses = getReviewOrInlineEditClasses;

package/dist/formGroup/utils/getLabelClasses/getTwoLabelsOneControlClasses.d.ts

@@ -0,0 +1,4 @@
+import { TLabelAlign } from "../../../formField/formField";
+import { TFormLayoutColumns } from "../../../formLayout/types";
+import { ILabelClasses } from "./types";
+export declare const getTwoLabelsOneControlClasses: (labelAlign: TLabelAlign, columns: TFormLayoutColumns) => ILabelClasses;

package/dist/formGroup/utils/getLabelClasses/getTwoLabelsOneControlClasses.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTwoLabelsOneControlClasses = void 0;
+const getTwoLabelsOneControlClasses = (labelAlign, columns) => {
+    const labelClasses = {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+    if (labelAlign === "left") {
+        if (columns === 1) {
+            labelClasses.labelClasses1 = "zen-lg-3 zen-md-2 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            labelClasses.labelClasses2 = "zen-lg-2 zen-md-2 zen-sm-1";
+            return labelClasses;
+        }
+        labelClasses.labelClasses1 = "zen-lg-2 zen-md-2 zen-sm-4 zen-sm-start-1";
+        labelClasses.labelClasses2 = "zen-lg-2 zen-md-1 zen-sm-1";
+        return labelClasses;
+    }
+    if (columns === 1) {
+        labelClasses.labelClasses1 = "zen-lg-4 zen-md-3 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+        labelClasses.labelClasses2 = "zen-lg-2 zen-md-3 zen-sm-1";
+        return labelClasses;
+    }
+    labelClasses.labelClasses1 = "zen-lg-2 zen-md-4 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+    labelClasses.labelClasses2 = "zen-lg-2 zen-md-1 zen-sm-1";
+    return labelClasses;
+};
+exports.getTwoLabelsOneControlClasses = getTwoLabelsOneControlClasses;

package/dist/formGroup/utils/getLabelClasses/getTwoLabelsTwoControlsClasses.d.ts

@@ -0,0 +1,4 @@
+import { TLabelAlign } from "../../../formField/formField";
+import { TFormLayoutColumns } from "../../../formLayout/types";
+import { ILabelClasses } from "./types";
+export declare const getTwoLabelsTwoControlsClasses: (labelAlign: TLabelAlign, columns: TFormLayoutColumns) => ILabelClasses;

package/dist/formGroup/utils/getLabelClasses/getTwoLabelsTwoControlsClasses.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTwoLabelsTwoControlsClasses = void 0;
+const getTwoLabelsTwoControlsClasses = (labelAlign, columns) => {
+    const labelClasses = {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+    if (labelAlign === "top") {
+        if (columns === 1) {
+            labelClasses.labelClasses1 = "zen-lg-4 zen-md-3 zen-sm-4 zen-lg-start-1 zen-md-start-1 zen-sm-start-1";
+            labelClasses.labelClasses2 = "zen-lg-2 zen-md-3 zen-sm-1";
+            return labelClasses;
+        }
+        labelClasses.labelClasses1 = "zen-lg-3 zen-md-2 zen-sm-4";
+        labelClasses.labelClasses2 = "zen-lg-3 zen-md-2 zen-sm-4";
+        return labelClasses;
+    }
+    if (columns === 1) {
+        labelClasses.labelClasses1 = "zen-lg-3 zen-md-2 zen-sm-4";
+        labelClasses.labelClasses2 = "zen-lg-1 zen-md-1 zen-sm-4";
+        return labelClasses;
+    }
+    labelClasses.labelClasses1 = "zen-lg-1 zen-md-1 zen-sm-4";
+    labelClasses.labelClasses2 = "zen-lg-1 zen-md-1 zen-sm-4";
+    return labelClasses;
+};
+exports.getTwoLabelsTwoControlsClasses = getTwoLabelsTwoControlsClasses;

package/dist/formGroup/utils/getLabelClasses/getZeroLabelClasses.d.ts

@@ -0,0 +1,2 @@
+import { ILabelClasses } from "./types";
+export declare const getZeroLabelClasses: () => ILabelClasses;

package/dist/formGroup/utils/getLabelClasses/getZeroLabelClasses.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getZeroLabelClasses = void 0;
+const getZeroLabelClasses = () => ({
+    labelClasses1: "",
+    labelClasses2: ""
+});
+exports.getZeroLabelClasses = getZeroLabelClasses;

package/dist/formGroup/utils/getLabelClasses/types.d.ts

@@ -0,0 +1,4 @@
+export interface ILabelClasses {
+    labelClasses1: string;
+    labelClasses2: string;
+}

package/dist/formGroup/utils/getLabelClasses/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/formGroup/utils/getLabelListClasses/getLabelListClasses.d.ts

@@ -0,0 +1,7 @@
+import { TFormLayoutColumns } from "../../../formLayout/types";
+import { TFormSectionMode } from "../../../formSection/types";
+import { ITotalState } from "../../types";
+export declare const getLabelListClasses: (state: ITotalState, columns: TFormLayoutColumns, mode: TFormSectionMode) => {
+    labelClasses1: string;
+    labelClasses2: string;
+};

package/dist/formGroup/utils/getLabelListClasses/getLabelListClasses.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLabelListClasses = void 0;
+const getOneLabelOneControlClasses_1 = require("./getOneLabelOneControlClasses");
+const getOneLabelTwoControlsClasses_1 = require("./getOneLabelTwoControlsClasses");
+const getOneLabelZeroControlsClasses_1 = require("./getOneLabelZeroControlsClasses");
+const getTwoLabelsTwoControlsClasses_1 = require("./getTwoLabelsTwoControlsClasses");
+const getLabelListClasses = (state, columns, mode) => {
+    const { totalCount, controlsCount, labelsCount } = state;
+    // 0 label, 1 control
+    if (totalCount === 1 && controlsCount === 1) {
+        return {
+            labelClasses1: "",
+            labelClasses2: ""
+        };
+    }
+    if (totalCount === 1 && labelsCount === 1) {
+        return (0, getOneLabelZeroControlsClasses_1.getOneLabelZeroControlsClasses)(columns);
+    }
+    if (totalCount === 2) {
+        return (0, getOneLabelOneControlClasses_1.getOneLabelOneControlClasses)(state, columns, mode);
+    }
+    if (totalCount === 3) {
+        return (0, getOneLabelTwoControlsClasses_1.getOneLabelTwoControlsClasses)(state, columns, mode);
+    }
+    if (totalCount === 4) {
+        return (0, getTwoLabelsTwoControlsClasses_1.getTwoLabelsTwoControlsClasses)(state, columns);
+    }
+    return {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+};
+exports.getLabelListClasses = getLabelListClasses;

package/dist/formGroup/utils/getLabelListClasses/getOneLabelOneControlClasses.d.ts

@@ -0,0 +1,6 @@
+import { TFormSectionMode } from "../../../formSection/types";
+import { ITotalState } from "../../types";
+export declare const getOneLabelOneControlClasses: (state: ITotalState, columns: number, mode: TFormSectionMode) => {
+    labelClasses1: string;
+    labelClasses2: string;
+};

package/dist/formGroup/utils/getLabelListClasses/getOneLabelOneControlClasses.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOneLabelOneControlClasses = void 0;
+const convertStateToClasses_1 = require("../../../gridLayout/utils/convertStateToClasses");
+// columns
+// mode
+// labelAlign
+// no label case?
+const getOneLabelOneControlClasses = (state, columns, mode) => {
+    const labelClasses = {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+    const { elements } = state;
+    // TODO: labelAlign from section?
+    const label = elements.label1;
+    const labelAlign = label === null || label === void 0 ? void 0 : label.labelAlign;
+    if (mode === "review") {
+        if (columns === 1) {
+            labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 2, sm: 1, lgStart: 1, mdStart: 1, smStart: 1 });
+            return labelClasses;
+        }
+        // 2 columns
+        labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 2, md: 1, sm: 1, lgStart: 1, mdStart: 1, smStart: 1 });
+        return labelClasses;
+    }
+    switch (labelAlign) {
+        case "left": {
+            if (columns === 1) {
+                labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 4, mdStart: 3, smStart: 1 });
+                return labelClasses;
+            }
+            // 2 columns
+            labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 });
+            return labelClasses;
+        }
+        case "top":
+        default: {
+            if (columns === 1) {
+                labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 4, md: 3, sm: 4, lgStart: 4, mdStart: 3, smStart: 1 });
+                return labelClasses;
+            }
+            labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 4, md: 3, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 });
+            return labelClasses;
+        }
+    }
+};
+exports.getOneLabelOneControlClasses = getOneLabelOneControlClasses;

package/dist/formGroup/utils/getLabelListClasses/getOneLabelTwoControlsClasses.d.ts

@@ -0,0 +1,7 @@
+import { TFormLayoutColumns } from "../../../formLayout/types";
+import { TFormSectionMode } from "../../../formSection/types";
+import { ITotalState } from "../../types";
+export declare const getOneLabelTwoControlsClasses: (state: ITotalState, columns: TFormLayoutColumns, mode: TFormSectionMode) => {
+    labelClasses1: string;
+    labelClasses2: string;
+};

package/dist/formGroup/utils/getLabelListClasses/getOneLabelTwoControlsClasses.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOneLabelTwoControlsClasses = void 0;
+const convertStateToClasses_1 = require("../../../gridLayout/utils/convertStateToClasses");
+const getOneLabelTwoControlsClasses = (state, columns, mode) => {
+    const { elements } = state;
+    const label1 = elements.label1;
+    const labelAlign = (label1 === null || label1 === void 0 ? void 0 : label1.labelAlign) || "left";
+    if (mode === "review") {
+        return { labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 2, sm: 1, lgStart: 1, mdStart: 1, smStart: 1 }), labelClasses2: "" };
+    }
+    switch (labelAlign) {
+        case "left": {
+            if (columns === 1) {
+                return { labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 4, lg: 1, mdStart: 3, md: 1, smStart: 1, sm: 1 }), labelClasses2: "" };
+            }
+            // 2 columns
+            return { labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 3, lg: 1, mdStart: 1, md: 1 }), labelClasses2: "" };
+        }
+        case "top":
+        default: {
+            if (columns === 1) {
+                return { labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 4, lg: 5, mdStart: 3, md: 1, smStart: 1, sm: 1 }), labelClasses2: "" };
+            }
+            return { labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 3, lg: 4, mdStart: 1, md: 6, smStart: 1, sm: 4 }), labelClasses2: "" };
+        }
+    }
+};
+exports.getOneLabelTwoControlsClasses = getOneLabelTwoControlsClasses;

package/dist/formGroup/utils/getLabelListClasses/getOneLabelZeroControlsClasses.d.ts

@@ -0,0 +1,4 @@
+export declare const getOneLabelZeroControlsClasses: (columns: number) => {
+    labelClasses1: string;
+    labelClasses2: string;
+};

package/dist/formGroup/utils/getLabelListClasses/getOneLabelZeroControlsClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOneLabelZeroControlsClasses = void 0;
+const convertStateToClasses_1 = require("../../../gridLayout/utils/convertStateToClasses");
+const getOneLabelZeroControlsClasses = (columns) => {
+    if (columns === 1) {
+        return {
+            labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 4, lg: 5, mdStart: 3, md: 4, smStart: 1, sm: 4 }),
+            labelClasses2: ""
+        };
+    }
+    return {
+        labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 3, lg: 4, mdStart: 1, md: 4, smStart: 1, sm: 4 }),
+        labelClasses2: ""
+    };
+};
+exports.getOneLabelZeroControlsClasses = getOneLabelZeroControlsClasses;

package/dist/formGroup/utils/getLabelListClasses/getTwoLabelsTwoControlsClasses.d.ts

@@ -0,0 +1,5 @@
+import { ITotalState } from "../../types";
+export declare const getTwoLabelsTwoControlsClasses: (state: ITotalState, columns: number) => {
+    labelClasses1: string;
+    labelClasses2: string;
+};

package/dist/formGroup/utils/getLabelListClasses/getTwoLabelsTwoControlsClasses.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTwoLabelsTwoControlsClasses = void 0;
+const convertStateToClasses_1 = require("../../../gridLayout/utils/convertStateToClasses");
+const getTwoLabelsTwoControlsClasses = (state, columns) => {
+    var _a, _b;
+    const labelClasses = {
+        labelClasses1: "",
+        labelClasses2: ""
+    };
+    const { elements } = state;
+    const isLeftAlign = ((_a = elements.label1) === null || _a === void 0 ? void 0 : _a.labelAlign) === "left" && ((_b = elements.label2) === null || _b === void 0 ? void 0 : _b.labelAlign) === "left";
+    if (isLeftAlign) {
+        if (columns === 1) {
+            return {
+                labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 4, mdStart: 3, smStart: 1 }),
+                labelClasses2: (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 7, mdStart: 5, smStart: 1 })
+            };
+        }
+        return {
+            labelClasses1: (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 }),
+            labelClasses2: (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 5, mdStart: 3, smStart: 1 })
+        };
+    }
+    if (columns === 1) {
+        labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 2, sm: 4, lgStart: 4, mdStart: 3, smStart: 1 });
+        labelClasses.labelClasses2 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 3, sm: 4, lgStart: 7, mdStart: 5, smStart: 1 });
+        return labelClasses;
+    }
+    // 2 columns
+    labelClasses.labelClasses1 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 4, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 });
+    labelClasses.labelClasses2 = (0, convertStateToClasses_1.convertStateToClasses)({ lg: 2, md: 0, sm: 0, lgStart: 5, mdStart: 0, smStart: 0 });
+    return labelClasses;
+};
+exports.getTwoLabelsTwoControlsClasses = getTwoLabelsTwoControlsClasses;

package/dist/formGroup/utils/getLabelNode.d.ts

@@ -0,0 +1 @@
+export declare const getLabelNode: (node: React.ReactElement | null) => React.ReactElement | null;

package/dist/formGroup/utils/getLabelNode.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLabelNode = void 0;
+const isFormLabel_1 = require("./isFormLabel");
+const getLabelNode = (node) => node && (0, isFormLabel_1.isFormLabel)(node) ? node : null;
+exports.getLabelNode = getLabelNode;

package/dist/formGroup/utils/getListClasses.d.ts

@@ -0,0 +1,3 @@
+import { TLabelAlign } from "../../formField/formField";
+import { TFormLayoutColumns } from "../../formLayout/types";
+export declare const getListClasses: (align: TLabelAlign | undefined, columns: TFormLayoutColumns, isFirstLabel?: boolean) => string;

package/dist/formGroup/utils/getListClasses.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getListClasses = void 0;
+const convertStateToClasses_1 = require("../../gridLayout/utils/convertStateToClasses");
+// TODO: can we get rid of this file?
+const getListClasses = (align = "left", columns, isFirstLabel = false) => {
+    if (isFirstLabel) {
+        if (align === "left") {
+            if (columns === 1) {
+                return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 2, sm: 1, lgStart: 1, mdStart: 1, smStart: 1 });
+            }
+            return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 2, md: 4, sm: 4, lgStart: 1, mdStart: 1, smStart: 1 });
+        }
+        if (columns === 1) {
+            return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 8, md: 4, sm: 4, lgStart: 1, mdStart: 1, smStart: 1 });
+        }
+        return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 6, md: 2, sm: 4, lgStart: 1, mdStart: 1, smStart: 1 });
+    }
+    if (align === "top") {
+        if (columns === 1) {
+            return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 5, md: 3, sm: 4, lgStart: 1, mdStart: 1, smStart: 1 });
+        }
+        return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 4, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 });
+    }
+    // align === "left"
+    if (columns === 1) {
+        return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 3, md: 3, sm: 4, lgStart: 1, mdStart: 1, smStart: 1 });
+    }
+    return (0, convertStateToClasses_1.convertStateToClasses)({ lg: 1, md: 1, sm: 4, lgStart: 3, mdStart: 1, smStart: 1 });
+};
+exports.getListClasses = getListClasses;

package/dist/formGroup/utils/getToggleClasses.d.ts

@@ -0,0 +1,3 @@
+import { TLabelAlign } from "../../formField/formField";
+import { TFormLayoutColumns } from "../../formLayout/types";
+export declare const getToggleClasses: (columns: TFormLayoutColumns, labelAlign?: TLabelAlign) => string;

package/dist/formGroup/utils/getToggleClasses.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToggleClasses = void 0;
+const convertStateToClasses_1 = require("../../gridLayout/utils/convertStateToClasses");
+const getToggleClasses = (columns, labelAlign = "left") => {
+    if (labelAlign === "left") {
+        if (columns === 1) {
+            return (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 4, lg: 5, mdStart: 3, md: 4, sm: 2 });
+        }
+        return (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 3, lg: 5, mdStart: 1, md: 3, smStart: 1, sm: 4 });
+    }
+    if (columns === 1) {
+        return (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 4, lg: 5, mdStart: 3, md: 3, smStart: 1, sm: 4 });
+    }
+    return (0, convertStateToClasses_1.convertStateToClasses)({ lgStart: 1, mdStart: 1, smStart: 1, lg: 6, md: 4, sm: 4 });
+};
+exports.getToggleClasses = getToggleClasses;

package/dist/formGroup/utils/getTotalState.d.ts

@@ -0,0 +1,2 @@
+import { ITotalState, IElementsState } from "../types";
+export declare const getTotalState: (elements: IElementsState) => ITotalState;

package/dist/formGroup/utils/getTotalState.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTotalState = void 0;
+const hasCustomWidthControl_1 = require("./hasCustomWidthControl");
+const getTotalState = (elements) => {
+    let totalCount = 0;
+    let controlsCount = 0;
+    let labelsCount = 0;
+    // TODO: should calculate base on label inside control?
+    Object.values(elements).forEach((el) => {
+        if (el) {
+            totalCount++;
+            if (el.type === "control") {
+                controlsCount++;
+            }
+            if (el.type === "label") {
+                labelsCount++;
+            }
+        }
+    });
+    return { totalCount, controlsCount, labelsCount, elements, custom: !!(0, hasCustomWidthControl_1.hasCustomWidthControl)(elements) };
+};
+exports.getTotalState = getTotalState;

package/dist/formGroup/utils/hasCustomWidthControl.d.ts

@@ -0,0 +1,2 @@
+import { IElementsState } from "../types";
+export declare const hasCustomWidthControl: (state: IElementsState) => boolean;

package/dist/formGroup/utils/hasCustomWidthControl.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasCustomWidthControl = void 0;
+const hasCustomWidthControl = (state) => {
+    var _a, _b, _c, _d;
+    if (((_b = (_a = state.control1) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.props.width) || ((_d = (_c = state.control2) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.props.width)) {
+        return true;
+    }
+    return false;
+};
+exports.hasCustomWidthControl = hasCustomWidthControl;

package/dist/formGroup/utils/hasWidthProp.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const hasWidthProp: (children: React.ReactNode) => boolean;

package/dist/formGroup/utils/hasWidthProp.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasWidthProp = void 0;
+const react_1 = __importDefault(require("react"));
+const hasWidthProp = (children) => react_1.default.Children.toArray(children).some((child) => {
+    if (react_1.default.isValidElement(child)) {
+        return !!child.props.width;
+    }
+    return false;
+});
+exports.hasWidthProp = hasWidthProp;

package/dist/formGroup/utils/initializeState.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { IFormFieldWithLabel, TLabelAlign } from "../../formField/formField";
+import { TFormLayoutMode } from "../../formLayout/types";
+import { IElementsState } from "../types";
+export interface IControlNode extends Pick<IFormFieldWithLabel, "isReadOnly" | "readOnlyValue"> {
+    label?: string;
+    labelAlign?: TLabelAlign;
+    tooltip?: React.ReactNode;
+    value?: React.ReactNode;
+    className?: string;
+}
+export declare const initializeState: (initState: IElementsState, children: React.ReactNode, mode: TFormLayoutMode, label?: string, labelAlign?: TLabelAlign, tooltip?: React.ReactNode) => import("../types").ITotalState;

package/dist/formGroup/utils/initializeState.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeState = void 0;
+const react_1 = __importDefault(require("react"));
+const getElementsControl_1 = require("./getElementsControl");
+const getTotalState_1 = require("./getTotalState");
+const getControlNode_1 = require("./getControlNode");
+const getLabelNode_1 = require("./getLabelNode");
+const attachLabelToState = (state, labelKey, sectionState, control) => {
+    const label = (control === null || control === void 0 ? void 0 : control.props.label) || sectionState.label;
+    const labelAlign = (control === null || control === void 0 ? void 0 : control.props.labelAlign) || sectionState.labelAlign;
+    const tooltip = (control === null || control === void 0 ? void 0 : control.props.tooltip) || sectionState.tooltip;
+    if (label) {
+        state[labelKey] = { value: label, labelAlign: labelAlign, tooltip, type: "label", className: "" };
+    }
+};
+const initializeState = (initState, children, mode, label = "", labelAlign, tooltip) => {
+    // Parsing children
+    const nodes = react_1.default.Children.toArray(children).slice(0, 2);
+    const [item1, item2] = nodes;
+    let controlNode1 = (0, getControlNode_1.getControlNode)(item1);
+    let controlNode2 = (0, getControlNode_1.getControlNode)(item2);
+    const labelNode2 = (0, getLabelNode_1.getLabelNode)(item2);
+    // attach label 1 to state
+    attachLabelToState(initState, "label1", { label, labelAlign, tooltip }, controlNode1);
+    if (controlNode1 === null || controlNode1 === void 0 ? void 0 : controlNode1.props.label) {
+        controlNode1 = react_1.default.cloneElement(controlNode1, { label: undefined, labelAlign: undefined });
+    }
+    // attach label 2 to state
+    attachLabelToState(initState, "label2", { label: labelNode2 === null || labelNode2 === void 0 ? void 0 : labelNode2.props.label, labelAlign: labelAlign, tooltip: labelNode2 === null || labelNode2 === void 0 ? void 0 : labelNode2.props.tooltip, className: labelNode2 === null || labelNode2 === void 0 ? void 0 : labelNode2.props.className }, controlNode2);
+    if (controlNode2 === null || controlNode2 === void 0 ? void 0 : controlNode2.props.label) {
+        controlNode2 = react_1.default.cloneElement(controlNode2, { label: undefined, labelAlign: undefined });
+    }
+    // attach control 1 to state
+    (0, getElementsControl_1.getElementsControl)(controlNode1, mode, initState, "control1");
+    // attach control 2 to state
+    (0, getElementsControl_1.getElementsControl)(((labelNode2 === null || labelNode2 === void 0 ? void 0 : labelNode2.props.children) || controlNode2), mode, initState, "control2");
+    return (0, getTotalState_1.getTotalState)(initState);
+};
+exports.initializeState = initializeState;

package/dist/formGroup/utils/isFormLabel.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { ILabelState } from "../types";
+export declare const isFormLabel: (element: any) => element is ReactElement<ILabelState, string | import("react").JSXElementConstructor<any>>;

package/dist/formGroup/utils/isFormLabel.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFormLabel = void 0;
+const formGroup_1 = require("../formGroup");
+const isFormLabel = (element) => (element === null || element === void 0 ? void 0 : element.type) === formGroup_1.FormGroup;
+exports.isFormLabel = isFormLabel;

package/dist/formGroup/utils/isTopAlign.d.ts

@@ -0,0 +1,3 @@
+import { TLabelAlign } from "../../formField/formField";
+import { ITotalState } from "../types";
+export declare const isTopAligned: (state: ITotalState, sectionAlign: TLabelAlign | undefined) => boolean;

package/dist/formGroup/utils/isTopAlign.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTopAligned = void 0;
+const isTopAligned = (state, sectionAlign) => {
+    var _a, _b, _c, _d;
+    return (((_a = state.elements.label2) === null || _a === void 0 ? void 0 : _a.labelAlign) === "top" && ((_b = state.elements.label1) === null || _b === void 0 ? void 0 : _b.labelAlign) === "top") ||
+        (sectionAlign === "top" && !((_c = state.elements.label1) === null || _c === void 0 ? void 0 : _c.labelAlign) && !((_d = state.elements.label2) === null || _d === void 0 ? void 0 : _d.labelAlign));
+};
+exports.isTopAligned = isTopAligned;

package/dist/formGroup/utils/isTwoRowsStructure.d.ts

@@ -0,0 +1,3 @@
+import { TFormLayoutColumns } from "../../formLayout/types";
+import { ITotalState } from "../types";
+export declare const isTwoRowsStructure: (state: Partial<ITotalState>, mode: string, columns: TFormLayoutColumns, isMobile: boolean, isTablet: any) => boolean;

package/dist/formGroup/utils/isTwoRowsStructure.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTwoRowsStructure = void 0;
+const isTwoRowsStructure = (state, mode, columns, isMobile, isTablet) => {
+    var _a, _b, _c, _d;
+    // const isTopAlignedVal = isTopAligned(st, undefined);
+    if (isMobile) {
+        return false;
+    }
+    if (isTablet && columns === 2) {
+        return false;
+    }
+    if (state.totalCount === 3 && mode === "edit" && ((_b = (_a = state.elements) === null || _a === void 0 ? void 0 : _a.label1) === null || _b === void 0 ? void 0 : _b.labelAlign) === "top") {
+        return true;
+    }
+    const label1 = (_c = state.elements) === null || _c === void 0 ? void 0 : _c.label1;
+    const label2 = (_d = state.elements) === null || _d === void 0 ? void 0 : _d.label2;
+    if (state.totalCount === 4 && (label1 === null || label1 === void 0 ? void 0 : label1.labelAlign) === undefined && (label2 === null || label2 === void 0 ? void 0 : label2.labelAlign) === undefined) {
+        return true;
+    }
+    if (state.totalCount === 4 && (label1 === null || label1 === void 0 ? void 0 : label1.labelAlign) === "top" && (label2 === null || label2 === void 0 ? void 0 : label2.labelAlign) === "top") {
+        return true;
+    }
+    if (state.totalCount === 4 && (label1 === null || label1 === void 0 ? void 0 : label1.labelAlign) === "left" && (label2 === null || label2 === void 0 ? void 0 : label2.labelAlign) === "left") {
+        return true;
+    }
+    return false;
+};
+exports.isTwoRowsStructure = isTwoRowsStructure;

package/dist/formGroupItem/formGroupItem.d.ts

@@ -0,0 +1,8 @@
+import { FC } from "react";
+import { IZenIdComponentProps } from "../commonHelpers/zenComponent";
+import "./formGroupItem.less";
+export interface IFormGroupItem extends Partial<IZenIdComponentProps> {
+    value?: string;
+    tooltip?: React.ReactNode;
+}
+export declare const FormGroupItem: FC<IFormGroupItem>;

package/dist/formGroupItem/formGroupItem.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormGroupItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const tooltipInfo_1 = require("../tooltipInfo/tooltipInfo");
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const useMode_1 = require("../formGroup/hooks/useMode");
+const FormGroupItem = ({ id, value, tooltip, className = "" }) => {
+    const mode = (0, useMode_1.useMode)();
+    const textClasses = (0, classNames_1.classNames)(["zen-field-label__text", mode === "review" ? "zen-field-label__text--review" : ""]);
+    return value ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-field-label", className]), children: [id && (0, jsx_runtime_1.jsx)("label", { className: textClasses, htmlFor: id, children: value }), !id && (0, jsx_runtime_1.jsx)("span", { className: textClasses, children: value }), (0, jsx_runtime_1.jsx)(tooltipInfo_1.TooltipInfo, { className: (0, classNames_1.classNames)(["zen-field-label-tooltip"]), value: tooltip })] }) : null;
+};
+exports.FormGroupItem = FormGroupItem;