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

package/dist/formLayout/types.js

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

package/dist/formLayout/utils/applyGridPropsOneColumn.d.ts

@@ -0,0 +1 @@
+export declare const applyGridPropsOneColumn: (element: any, indx: any, result: any) => void;

package/dist/formLayout/utils/applyGridPropsOneColumn.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyGridPropsOneColumn = void 0;
+const react_1 = require("react");
+const applyGridPropsOneColumn = (element, indx, result) => {
+    const clone = (0, react_1.cloneElement)(element, {
+        gridLgStart: 3,
+        gridLg: 8,
+        gridMdStart: 2,
+        gridMd: 6,
+        gridSmStart: 1,
+        gridSm: 4,
+        key: indx
+    });
+    result.push(clone);
+    return;
+};
+exports.applyGridPropsOneColumn = applyGridPropsOneColumn;

package/dist/formLayout/utils/applyGridPropsStatic.d.ts

@@ -0,0 +1 @@
+export declare const applyGridPropsStatic: (element: any, indx: any, columns: any, result: any) => void;

package/dist/formLayout/utils/applyGridPropsStatic.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyGridPropsStatic = void 0;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+const react_1 = require("react");
+const formStepper_1 = require("../../formStepper/formStepper");
+const formStepperButtons_1 = require("../../formStepperButtons/formStepperButtons");
+const applyGridPropsStatic = (element, indx, columns, result) => {
+    if (element.type === formStepper_1.FormStepper || element.type === formStepperButtons_1.FormStepperButtons) {
+        result.push((0, react_1.cloneElement)(element, {
+            // @ts-ignore
+            gridLgStart: 1,
+            gridLg: 12,
+            gridMdStart: 1,
+            gridMd: 8,
+            gridSmStart: 1,
+            gridSm: 4,
+            key: indx
+        }));
+        return;
+    }
+    if (columns === 1) {
+        result.push((0, react_1.cloneElement)(element, {
+            // @ts-ignore
+            gridLgStart: 3,
+            gridLg: 7,
+            gridMdStart: 2,
+            gridMd: 6,
+            gridSmStart: 1,
+            gridSm: 4,
+            key: indx
+        }));
+        return;
+    }
+    result.push((0, react_1.cloneElement)(element, {
+        // @ts-ignore
+        gridLgStart: 1,
+        gridLg: 12,
+        gridMdStart: 1,
+        gridMd: 8,
+        gridSmStart: 1,
+        gridSm: 4,
+        key: indx
+    }));
+};
+exports.applyGridPropsStatic = applyGridPropsStatic;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applyFirstColumn.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const applyFirstColumn: (element: ReactElement, indx: any, result: any) => void;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applyFirstColumn.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyFirstColumn = void 0;
+const react_1 = require("react");
+const applyFirstColumn = (element, indx, result) => {
+    const clone = (0, react_1.cloneElement)(element, {
+        gridLgStart: 1,
+        gridLg: 6,
+        gridMdStart: 1,
+        gridMd: 4,
+        gridSmStart: 1,
+        gridSm: 4,
+        key: indx,
+        column: 1
+    });
+    result.push(clone);
+};
+exports.applyFirstColumn = applyFirstColumn;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applyGridPropsTwoColumns.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const applyGridPropsTwoColumns: (element: ReactElement, indx: number, result: React.ReactElement[], nonStaticIndex: number) => void;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applyGridPropsTwoColumns.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyGridPropsTwoColumns = void 0;
+const applyFirstColumn_1 = require("./applyFirstColumn");
+const applySecondColumn_1 = require("./applySecondColumn");
+const applyGridPropsTwoColumns = (element, indx, result, nonStaticIndex) => {
+    const hasColumnProp = !!element.props.column;
+    if (hasColumnProp) {
+        if (element.props.column === 1) {
+            (0, applyFirstColumn_1.applyFirstColumn)(element, indx, result);
+        }
+        if (element.props.column === 2) {
+            (0, applySecondColumn_1.applySecondColumn)(element, indx, result);
+        }
+        return;
+    }
+    if (nonStaticIndex % 2 === 0) {
+        (0, applyFirstColumn_1.applyFirstColumn)(element, indx, result);
+    }
+    else if (nonStaticIndex % 2 === 1) {
+        (0, applySecondColumn_1.applySecondColumn)(element, indx, result);
+    }
+};
+exports.applyGridPropsTwoColumns = applyGridPropsTwoColumns;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applySecondColumn.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from "react";
+export declare const applySecondColumn: (element: ReactElement, indx: any, result: any) => void;

package/dist/formLayout/utils/applyGridPropsTwoColumns/applySecondColumn.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applySecondColumn = void 0;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+const react_1 = require("react");
+const applySecondColumn = (element, indx, result) => {
+    const clone = (0, react_1.cloneElement)(element, {
+        // @ts-ignore
+        gridLgStart: 7,
+        gridLg: 6,
+        gridMdStart: 5,
+        gridMd: 4,
+        gridSmStart: 1,
+        gridSm: 4,
+        key: indx,
+        column: 2
+    });
+    result.push(clone);
+};
+exports.applySecondColumn = applySecondColumn;

package/dist/formLayout/utils/applyLayoutPosition/applyLayoutPosition.d.ts

@@ -0,0 +1 @@
+export declare const applyLayoutPosition: (components: any, result: any) => void;

package/dist/formLayout/utils/applyLayoutPosition/applyLayoutPosition.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyLayoutPosition = void 0;
+const formStepper_1 = require("../../../formStepper/formStepper");
+const formStepperButtons_1 = require("../../../formStepperButtons/formStepperButtons");
+const banner_1 = require("../../../banner/banner");
+const formLayoutTitle_1 = require("../../components/formLayoutTitle");
+const formLayoutColumnTitle_1 = require("../../components/columnTitle/formLayoutColumnTitle");
+const STATIC_COMPONENTS = [
+    formStepper_1.FormStepper,
+    formStepperButtons_1.FormStepperButtons,
+    banner_1.Banner,
+    formLayoutTitle_1.FormLayoutTitle,
+    formLayoutColumnTitle_1.FormLayoutColumnTitle
+];
+const transform = (components) => {
+    const state = {};
+    // eslint-disable-next-line
+    // @ts-ignore
+    const movableComponents = components.filter((child) => !STATIC_COMPONENTS.includes(child.type));
+    // 1. Initialize state
+    components.forEach((child, index) => {
+        // eslint-disable-next-line
+        // @ts-ignore
+        if (STATIC_COMPONENTS.includes(child.type)) {
+            state[index] = {
+                value: child,
+                realPos: index,
+                oldPos: null,
+                newPos: null,
+                newRealPos: index
+            };
+            return;
+        }
+        // eslint-disable-next-line
+        // @ts-ignore
+        const layoutPosition = child.props.layoutPosition;
+        const newPositions = Object.values(state).map((field) => field.newPos);
+        let newPos;
+        if (layoutPosition !== undefined) {
+            newPos = layoutPosition < 0 ? 0 : layoutPosition > movableComponents.length - 1 ? movableComponents.length - 1 : layoutPosition;
+            // eslint-disable-next-line
+            if (newPositions.indexOf(newPos) !== -1) {
+                if (layoutPosition >= movableComponents.length - 1) {
+                    newPos = 0;
+                }
+                // eslint-disable-next-line
+                while (newPositions.indexOf(newPos) !== -1) {
+                    newPos++;
+                }
+            }
+        }
+        else {
+            newPos = null;
+        }
+        state[index] = {
+            value: child,
+            realPos: index,
+            oldPos: movableComponents.indexOf(child),
+            newPos: newPos,
+            newRealPos: null
+        };
+    });
+    // 2. Adjust positions
+    components.sort((a, b) => a.props.layoutPosition - b.props.layoutPosition).forEach((child, index) => {
+        // eslint-disable-next-line
+        // @ts-ignore
+        if (STATIC_COMPONENTS.includes(child.type)) {
+            return;
+        }
+        if (state[index].newPos !== null) {
+            return;
+        }
+        // eslint-disable-next-line
+        // @ts-ignore
+        const layoutPosition = child.props.layoutPosition;
+        const newPositions = Object.values(state).map((field) => field.newPos).filter((pos) => pos !== null);
+        let newPos = 0;
+        if (newPositions.indexOf(newPos) !== -1) {
+            if (layoutPosition >= movableComponents.length - 1) {
+                newPos = 0;
+            }
+            while (newPositions.indexOf(newPos) !== -1) {
+                newPos++;
+            }
+        }
+        state[index] = {
+            value: child,
+            realPos: index,
+            oldPos: movableComponents.indexOf(child),
+            newPos: newPos,
+            newRealPos: null
+        };
+    });
+    // 3. Update newRealPos
+    components.forEach((child) => {
+        // eslint-disable-next-line
+        // @ts-ignore
+        if (STATIC_COMPONENTS.includes(child.type)) {
+            return;
+        }
+        const index = components.indexOf(child);
+        const newPos = state[index].newPos;
+        const withOldPos = Object.values(state).find((field) => field.oldPos === newPos);
+        if (withOldPos) {
+            state[index].newRealPos = withOldPos.realPos;
+        }
+    });
+    return Object.values(state).sort((a, b) => a.newRealPos - b.newRealPos).map((el) => el.value);
+};
+// TODO: test with titles
+const applyLayoutPosition = (components, result) => {
+    const state = transform(components);
+    result.length = 0;
+    result.push(...state);
+    return;
+};
+exports.applyLayoutPosition = applyLayoutPosition;

package/dist/formLayout/utils/attachHeadings.d.ts

@@ -0,0 +1 @@
+export declare const attachHeadings: (elements: React.ReactElement[], title?: string, secondary?: string) => (import("react/jsx-runtime").JSX.Element | null)[];

package/dist/formLayout/utils/attachHeadings.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachHeadings = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const banner_1 = require("../../banner/banner");
+const formLayoutSecondary_1 = require("../components/formLayoutSecondary");
+const formLayoutTitle_1 = require("../components/formLayoutTitle");
+const attachHeadings = (elements, title, secondary) => {
+    if (!title && !secondary) {
+        return elements;
+    }
+    const elementsClone = [...elements];
+    const titleElement = title ? (0, jsx_runtime_1.jsx)(formLayoutTitle_1.FormLayoutTitle, { value: title }) : null;
+    const secondaryElement = secondary ? (0, jsx_runtime_1.jsx)(formLayoutSecondary_1.FormLayoutSecondary, { value: secondary }) : null;
+    const bannerElement = elementsClone.find((el) => el.type === banner_1.Banner);
+    const bannerIndex = elementsClone.indexOf(bannerElement);
+    if (bannerElement && bannerIndex === 0) {
+        if (titleElement) {
+            elementsClone.splice(bannerIndex + 1, 0, titleElement);
+        }
+        if (secondaryElement && titleElement) {
+            elementsClone.splice(bannerIndex + 2, 0, secondaryElement);
+        }
+        else if (secondaryElement) {
+            elementsClone.splice(bannerIndex + 1, 0, secondaryElement);
+        }
+        return elementsClone;
+    }
+    return [titleElement, secondaryElement, ...elements].filter((el) => el !== null);
+};
+exports.attachHeadings = attachHeadings;

package/dist/formLayout/utils/attachSeparators.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TFormSectionType } from "../../formSection/types";
+import { TFormLayoutColumns } from "../types";
+export declare const attachSeparators: (components: React.ReactElement[], type: TFormSectionType, columns: TFormLayoutColumns) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];

package/dist/formLayout/utils/attachSeparators.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachSeparators = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const divider_1 = require("../../divider/divider");
+const formSection_1 = require("../../formSection/formSection");
+const isCustomFormSection_1 = require("./isCustomFormSection");
+const attachSeparators = (components, type, columns) => {
+    if (type !== "inline" || columns !== 1) {
+        return components;
+    }
+    const isSection = (el) => el.type === formSection_1.FormSection || (0, isCustomFormSection_1.isCustomFormSection)(el);
+    const elements = components.filter(isSection);
+    if (elements.length <= 1) {
+        return components;
+    }
+    const result = [];
+    components.forEach((el, indx, arr) => {
+        if (indx === arr.length - 1) {
+            result.push(el);
+            return;
+        }
+        if (!(isSection(el) && arr[indx + 1] && isSection(arr[indx + 1]))) {
+            result.push(el);
+            return;
+        }
+        result.push(el);
+        result.push((0, jsx_runtime_1.jsx)(divider_1.Divider, { className: "zen-form-separator" }));
+    });
+    return result;
+};
+exports.attachSeparators = attachSeparators;

package/dist/formLayout/utils/attachStepper.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+import { IFormStepperButtons } from "../../formStepperButtons/formStepperButtons";
+export declare const attachStepper: (components: ReactElement | ReactElement[], stepperProps: Partial<IFormStepperButtons>) => ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | (string | number | bigint | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element)[];

package/dist/formLayout/utils/attachStepper.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.attachStepper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const formStepper_1 = require("../../formStepper/formStepper");
+const formStepperButtons_1 = require("../../formStepperButtons/formStepperButtons");
+const hasStepper_1 = require("./hasStepper");
+const classNames_1 = require("../../commonHelpers/classNames/classNames");
+const banner_1 = require("../../banner/banner");
+const attachStepper = (components, stepperProps) => {
+    var _a;
+    if (!(0, hasStepper_1.hasStepper)(stepperProps)) {
+        return components;
+    }
+    const isFirstComponentBanner = ((_a = components[0]) === null || _a === void 0 ? void 0 : _a.type) === banner_1.Banner;
+    const stepperClasses = (0, classNames_1.classNames)([...stepperProps.className || [], "zen-form-layout-stepper", isFirstComponentBanner ? "zen-form-layout-stepper--with-banner" : ""]);
+    const stepperButtonsClasses = (0, classNames_1.classNames)([...stepperProps.className || [], "zen-form-layout-stepper-buttons"]);
+    const stepper = (0, jsx_runtime_1.jsx)(formStepper_1.FormStepper, Object.assign({}, stepperProps, { className: stepperClasses }));
+    const stepperButtons = (0, jsx_runtime_1.jsx)(formStepperButtons_1.FormStepperButtons, Object.assign({}, stepperProps, { className: stepperButtonsClasses }));
+    return [stepper, ...react_1.Children.toArray(components), stepperButtons];
+};
+exports.attachStepper = attachStepper;

package/dist/formLayout/utils/formLayoutProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from "react";
+import { IFormLayout } from "../types";
+export interface IFormLayoutProviderProps extends Pick<IFormLayout, "columns" | "mode" | "sectionType" | "labelAlign">, PropsWithChildren {
+    hasCustomColumns?: boolean;
+}
+export declare const FormLayoutContext: import("react").Context<IFormLayoutProviderProps>;
+export declare const FormLayoutProvider: FC<IFormLayoutProviderProps>;

package/dist/formLayout/utils/formLayoutProvider.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormLayoutProvider = exports.FormLayoutContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+exports.FormLayoutContext = (0, react_1.createContext)({
+    columns: 1,
+    mode: undefined,
+    sectionType: undefined,
+    labelAlign: undefined,
+    hasCustomColumns: false
+});
+const FormLayoutProvider = ({ children, columns, mode, sectionType, labelAlign, hasCustomColumns }) => ((0, jsx_runtime_1.jsx)(exports.FormLayoutContext.Provider, { value: { columns, mode, sectionType, labelAlign, hasCustomColumns }, children: children }));
+exports.FormLayoutProvider = FormLayoutProvider;

package/dist/formLayout/utils/getAllowedComponents.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { IFormStepperButtons } from "../../formStepperButtons/formStepperButtons";
+import { IFormStepper } from "../../formStepper/formStepper";
+import { TFormSectionType } from "../../formSection/types";
+import { TFormLayoutColumns } from "../types";
+export declare const getAllowedComponents: (children: React.ReactNode, title: string, secondary: string, type: TFormSectionType, columns: TFormLayoutColumns, stepperProps: Partial<IFormStepperButtons> & Partial<IFormStepper>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/dist/formLayout/utils/getAllowedComponents.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllowedComponents = void 0;
+const react_1 = __importDefault(require("react"));
+const getFilteredComponents_1 = require("./getFilteredComponents");
+const attachStepper_1 = require("./attachStepper");
+const attachHeadings_1 = require("./attachHeadings");
+const attachSeparators_1 = require("./attachSeparators");
+const getAllowedComponents = (children, title, secondary, type, columns, stepperProps) => {
+    if (!children) {
+        return [];
+    }
+    let allowedComponents = react_1.default.Children.toArray(children).filter((child) => (0, getFilteredComponents_1.getFilteredComponents)(child));
+    allowedComponents = (0, attachSeparators_1.attachSeparators)(allowedComponents, type, columns);
+    allowedComponents = (0, attachHeadings_1.attachHeadings)(allowedComponents, title, secondary);
+    allowedComponents = (0, attachStepper_1.attachStepper)(allowedComponents, stepperProps);
+    return allowedComponents;
+};
+exports.getAllowedComponents = getAllowedComponents;

package/dist/formLayout/utils/getChildrenWithCustomColumns.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from "react";
+export declare const getChildrenWithCustomColumns: (children: React.ReactElement) => ReactNode[];

package/dist/formLayout/utils/getChildrenWithCustomColumns.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getChildrenWithCustomColumns = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const formSectionInner_1 = require("../../formSection/components/formSectionInner");
+const formSection_1 = require("../../formSection/formSection");
+const layoutColum_1 = require("../components/layoutColumn/layoutColum");
+const formLayoutColumnTitle_1 = require("../components/columnTitle/formLayoutColumnTitle");
+// eslint-disable-next-line complexity
+const getChildrenWithCustomColumns = (children) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    let numberOfColumns = 0;
+    if (!Array.isArray(children)) {
+        return ((0, react_1.isValidElement)(children) && children.type === layoutColum_1.LayoutColumn) ? [children.props.children] : [children];
+    }
+    let filtered = children.filter((child) => {
+        if (child.type !== layoutColum_1.LayoutColumn) {
+            return true;
+        }
+        if (child.type === layoutColum_1.LayoutColumn && !child.props.children) {
+            return false;
+        }
+        if (child.type === layoutColum_1.LayoutColumn && numberOfColumns < 2) {
+            numberOfColumns += 1;
+            return true;
+        }
+        return false;
+    });
+    if (numberOfColumns === 2) {
+        filtered = filtered.filter((child) => child.type !== formSection_1.FormSection && child.type !== formSectionInner_1.FormSectionInner);
+    }
+    const indexOfFirstColumn = filtered.findIndex((child) => child.type === layoutColum_1.LayoutColumn);
+    let indexOfSecondColumn = filtered.findIndex((child, index) => child.type === layoutColum_1.LayoutColumn && index > indexOfFirstColumn);
+    const firstColumnTittle = indexOfFirstColumn !== -1 ? (_b = (_a = filtered[indexOfFirstColumn]) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.title : null;
+    const secondColumnTittle = indexOfSecondColumn !== -1 ? (_d = (_c = filtered[indexOfSecondColumn]) === null || _c === void 0 ? void 0 : _c.props) === null || _d === void 0 ? void 0 : _d.title : null;
+    let childrenOfFirstColumn = indexOfFirstColumn !== -1 ? (_f = (_e = filtered[indexOfFirstColumn]) === null || _e === void 0 ? void 0 : _e.props) === null || _f === void 0 ? void 0 : _f.children : null;
+    let childrenOfSecondColumn = indexOfSecondColumn !== -1 ? (_h = (_g = filtered[indexOfSecondColumn]) === null || _g === void 0 ? void 0 : _g.props) === null || _h === void 0 ? void 0 : _h.children : null;
+    if (childrenOfFirstColumn) {
+        childrenOfFirstColumn = react_1.Children.toArray(childrenOfFirstColumn).map((child) => {
+            const clone = (0, react_1.cloneElement)(child, {
+                key: child.key + "1",
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                column: 1
+            });
+            return clone;
+        });
+        const title = ((_k = (_j = filtered[indexOfFirstColumn]) === null || _j === void 0 ? void 0 : _j.props) === null || _k === void 0 ? void 0 : _k.title) || "";
+        if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfFirstColumn)) {
+            childrenOfFirstColumn.unshift((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 1, value: title }, "column-1-title"));
+        }
+    }
+    if (childrenOfSecondColumn) {
+        childrenOfSecondColumn = react_1.Children.toArray(childrenOfSecondColumn).map((child) => {
+            const clone = (0, react_1.cloneElement)(child, {
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-ignore
+                column: 2,
+                key: child.key + "2"
+            });
+            return clone;
+        });
+        const title = ((_m = (_l = filtered[indexOfSecondColumn]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.title) || "";
+        if ((firstColumnTittle || secondColumnTittle) && Array.isArray(childrenOfSecondColumn)) {
+            childrenOfSecondColumn.unshift((0, jsx_runtime_1.jsx)(formLayoutColumnTitle_1.FormLayoutColumnTitle, { column: 2, value: title }, "column-2-title"));
+        }
+    }
+    indexOfFirstColumn !== -1 && filtered.splice(indexOfFirstColumn, 1, ...childrenOfFirstColumn);
+    indexOfSecondColumn = filtered.findIndex((child) => child.type === layoutColum_1.LayoutColumn);
+    indexOfSecondColumn !== -1 && filtered.splice(indexOfSecondColumn, 1, ...childrenOfSecondColumn);
+    return filtered;
+};
+exports.getChildrenWithCustomColumns = getChildrenWithCustomColumns;

package/dist/formLayout/utils/getComponentsWithClasses.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TFormLayoutColumns } from "../types";
+export declare const getComponentsWithClasses: (components: React.ReactElement[], columns: TFormLayoutColumns) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>>[];

package/dist/formLayout/utils/getComponentsWithClasses.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentsWithClasses = void 0;
+const isStaticElement_1 = require("./isStaticElement");
+const applyGridPropsOneColumn_1 = require("./applyGridPropsOneColumn");
+const applyGridPropsTwoColumns_1 = require("./applyGridPropsTwoColumns/applyGridPropsTwoColumns");
+const applyGridPropsStatic_1 = require("./applyGridPropsStatic");
+const getComponentsWithClasses = (components, columns) => {
+    let nonStaticIndex = 0;
+    const result = [];
+    components.forEach((child, indx) => {
+        if ((0, isStaticElement_1.isStaticElement)(child)) {
+            (0, applyGridPropsStatic_1.applyGridPropsStatic)(child, indx, columns, result);
+            return;
+        }
+        if (columns === 1) {
+            (0, applyGridPropsOneColumn_1.applyGridPropsOneColumn)(child, indx, result);
+            nonStaticIndex++;
+            return;
+        }
+        (0, applyGridPropsTwoColumns_1.applyGridPropsTwoColumns)(child, indx, result, nonStaticIndex);
+        nonStaticIndex++;
+        return;
+    });
+    return result;
+};
+exports.getComponentsWithClasses = getComponentsWithClasses;

package/dist/formLayout/utils/getFilteredComponents.d.ts

@@ -0,0 +1,4 @@
+import { JSXElementConstructor, ReactElement } from "react";
+import { IZenFormLayoutItem, IZenGridItem } from "../../commonHelpers/zenComponent";
+export declare const DEFAULT_SUPPORTED_COMPONENTS: JSXElementConstructor<unknown>[];
+export declare const getFilteredComponents: (child: ReactElement) => ReactElement<IZenGridItem & IZenFormLayoutItem> | null;

package/dist/formLayout/utils/getFilteredComponents.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilteredComponents = exports.DEFAULT_SUPPORTED_COMPONENTS = void 0;
+const banner_1 = require("../../banner/banner");
+const isCustomFormSection_1 = require("./isCustomFormSection");
+const formSection_1 = require("../../formSection/formSection");
+const layoutColum_1 = require("../components/layoutColumn/layoutColum");
+const formLayoutColumnTitle_1 = require("../components/columnTitle/formLayoutColumnTitle");
+exports.DEFAULT_SUPPORTED_COMPONENTS = [
+    banner_1.Banner,
+    formSection_1.FormSection,
+    layoutColum_1.LayoutColumn,
+    formLayoutColumnTitle_1.FormLayoutColumnTitle
+];
+const getFilteredComponents = (child) => {
+    // for React common components ("div", "span", etc.)
+    if (typeof child.type === "string") {
+        return null;
+    }
+    if (exports.DEFAULT_SUPPORTED_COMPONENTS.includes(child.type) || (0, isCustomFormSection_1.isCustomFormSection)(child)) {
+        return child;
+    }
+    return null;
+};
+exports.getFilteredComponents = getFilteredComponents;

package/dist/formLayout/utils/getFormSection.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const getFormSection: (child: React.ReactElement) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/formLayout/utils/getFormSection.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFormSection = void 0;
+const react_1 = __importDefault(require("react"));
+const formSection_1 = require("../../formSection/formSection");
+const formSectionInner_1 = require("../../formSection/components/formSectionInner");
+const getFormSection = (child) => {
+    if (child.type === formSectionInner_1.FormSectionInner || child.type === formSection_1.FormSection) {
+        // TODO:  support only one column. Do we need to support two columns?
+        const clone = react_1.default.cloneElement(child, {
+            gridLgStart: 3,
+            gridLg: 8,
+            gridMdStart: 2,
+            gridMd: 6,
+            gridSmStart: 1,
+            gridSm: 4
+        });
+        return clone;
+    }
+    return null;
+};
+exports.getFormSection = getFormSection;

package/dist/formLayout/utils/hasStepper.d.ts

@@ -0,0 +1,2 @@
+import { IFormStepperButtons } from "../../formStepperButtons/formStepperButtons";
+export declare const hasStepper: (props: Partial<IFormStepperButtons>) => boolean;

package/dist/formLayout/utils/hasStepper.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hasStepper = void 0;
+const hasStepper = (props) => props.steps !== undefined && props.current !== undefined && !!props.setCurrent && !!props.onCancel && !!props.onSubmit;
+exports.hasStepper = hasStepper;

package/dist/formLayout/utils/isCustomFormSection.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from "react";
+export declare const CUSTOM_FORM_SECTION = "CustomFormSection";
+export declare const isCustomFormSection: (el: ReactElement) => boolean;

package/dist/formLayout/utils/isCustomFormSection.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCustomFormSection = exports.CUSTOM_FORM_SECTION = void 0;
+exports.CUSTOM_FORM_SECTION = "CustomFormSection";
+const isCustomFormSection = (el) => typeof el.type === "function" && "displayName" in el.type && el.type.displayName === exports.CUSTOM_FORM_SECTION;
+exports.isCustomFormSection = isCustomFormSection;

package/dist/formLayout/utils/isStaticElement.d.ts

@@ -0,0 +1 @@
+export declare const isStaticElement: (element: React.ReactElement) => boolean;