@micromerce/formbuilder-react 1.0.659 → 1.0.662

package/dist/components/FormBuilder/utils/extractFormControlValues/extractFormControlValues.js

@@ -0,0 +1,50 @@
+import { convert } from "html-to-text";
+import getSelectedOption from "../../../Select/utils/getSelectedOption";
+const extractFormControlValues = (controls) => {
+    const formState = {};
+    controls &&
+        Object.entries(controls)?.forEach(([key, control]) => {
+            const formControl = control.control;
+            const notListOrGroup = formControl !== "list" && formControl !== "group";
+            const isTextarea = formControl === "textarea";
+            const textareaEditorType = control?.["custom-attributes"]?.editor;
+            const textareaRichtext = isTextarea && textareaEditorType === "richtext";
+            const isSelect = formControl === "select";
+            if (formControl === "list") {
+                const listControls = control.items
+                    ?.map((item) => extractFormControlValues(item))
+                    .filter(Boolean);
+                if (listControls?.length > 0)
+                    formState[key] = listControls;
+            }
+            if (formControl === "group") {
+                const groupControls = extractFormControlValues(control.controls);
+                if (Object.entries(groupControls)?.length > 0) {
+                    formState[key] = groupControls;
+                }
+            }
+            if (isTextarea) {
+                // get textarea attributes
+                let textareaValue = control.value;
+                // check if html value is empty (can be <h1></h1>)
+                if (textareaRichtext) {
+                    const trimedValue = convert(textareaValue);
+                    if (trimedValue.trim().length <= 0) {
+                        textareaValue = undefined;
+                    }
+                }
+                formState[key] = textareaValue;
+            }
+            // get selected value from select because select control is possible not rendered because of sub menu component
+            if (isSelect && !control?.value) {
+                const selectDefaultValue = getSelectedOption(control.options, "");
+                formState[key] = selectDefaultValue?.value;
+            }
+            if (notListOrGroup && control.value && !isTextarea) {
+                formState[key] = control.value;
+            }
+        });
+    return formState;
+};
+export default extractFormControlValues;
+//# sourceMappingURL=extractFormControlValues.js.map

package/dist/components/FormBuilder/utils/extractFormControlValues/extractFormControlValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractFormControlValues.js","sourceRoot":"","sources":["../../../../../src/components/FormBuilder/utils/extractFormControlValues/extractFormControlValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,OAAO,iBAAiB,MAAM,yCAAyC,CAAC;AAMxE,MAAM,wBAAwB,GAAG,CAAC,QAAsB,EAAE,EAAE;IAC1D,MAAM,SAAS,GAAe,EAAE,CAAC;IACjC,QAAQ;QACN,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,EAAE;YACnD,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;YACpC,MAAM,cAAc,GAAG,WAAW,KAAK,MAAM,IAAI,WAAW,KAAK,OAAO,CAAC;YACzE,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;YAC9C,MAAM,kBAAkB,GAAG,OAAO,EAAE,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;YAClE,MAAM,gBAAgB,GAAG,UAAU,IAAI,kBAAkB,KAAK,UAAU,CAAC;YACzE,MAAM,QAAQ,GAAG,WAAW,KAAK,QAAQ,CAAC;YAE1C,IAAI,WAAW,KAAK,MAAM,EAAE,CAAC;gBAC3B,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK;oBAChC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;qBAC9C,MAAM,CAAC,OAAO,CAAC,CAAC;gBACnB,IAAI,YAAY,EAAE,MAAM,GAAG,CAAC;oBAAE,SAAS,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;YAC9D,CAAC;YACD,IAAI,WAAW,KAAK,OAAO,EAAE,CAAC;gBAC5B,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;gBACjE,IAAI,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,CAAC;oBAC9C,SAAS,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC;gBACjC,CAAC;YACH,CAAC;YACD,IAAI,UAAU,EAAE,CAAC;gBACf,0BAA0B;gBAC1B,IAAI,aAAa,GAAG,OAAO,CAAC,KAAK,CAAC;gBAElC,kDAAkD;gBAClD,IAAI,gBAAgB,EAAE,CAAC;oBACrB,MAAM,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;oBAC3C,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;wBACnC,aAAa,GAAG,SAAS,CAAC;oBAC5B,CAAC;gBACH,CAAC;gBAED,SAAS,CAAC,GAAG,CAAC,GAAG,aAAa,CAAC;YACjC,CAAC;YACD,+GAA+G;YAC/G,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAChC,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;gBAClE,SAAS,CAAC,GAAG,CAAC,GAAG,kBAAkB,EAAE,KAAK,CAAC;YAC7C,CAAC;YACD,IAAI,cAAc,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;gBACnD,SAAS,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;YACjC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/FormBuilder/utils/extractFormControlValues/index.js

@@ -0,0 +1,2 @@
+export { default } from "./extractFormControlValues";
+//# sourceMappingURL=index.js.map

package/dist/components/FormBuilder/utils/extractFormControlValues/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormBuilder/utils/extractFormControlValues/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/components/FormBuilder/utils/jsonToUrlEncoded/index.js

@@ -0,0 +1,2 @@
+export { default } from "./jsonToUrlEncoded";
+//# sourceMappingURL=index.js.map

package/dist/components/FormBuilder/utils/jsonToUrlEncoded/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormBuilder/utils/jsonToUrlEncoded/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/FormBuilder/utils/jsonToUrlEncoded/jsonToUrlEncoded.js

@@ -0,0 +1,15 @@
+import qs from "qs";
+const jsonToUrlEncoded = (obj) => {
+    return qs.stringify(obj, {
+        allowDots: true,
+        encoder: function (str, defaultEncoder, charset, type) {
+            const listKey = str[str.length - 1] === "]";
+            if (type === "key" && listKey) {
+                return encodeURIComponent(str.replace(/\[\d+\]$/, "")); // listKey[0] -> listKey
+            }
+            return encodeURIComponent(str);
+        },
+    });
+};
+export default jsonToUrlEncoded;
+//# sourceMappingURL=jsonToUrlEncoded.js.map

package/dist/components/FormBuilder/utils/jsonToUrlEncoded/jsonToUrlEncoded.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonToUrlEncoded.js","sourceRoot":"","sources":["../../../../../src/components/FormBuilder/utils/jsonToUrlEncoded/jsonToUrlEncoded.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,CAAC;AAMpB,MAAM,gBAAgB,GAAG,CAAC,GAAY,EAAE,EAAE;IACxC,OAAO,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE;QACvB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,UAAU,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI;YACnD,MAAM,OAAO,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC;YAE5C,IAAI,IAAI,KAAK,KAAK,IAAI,OAAO,EAAE,CAAC;gBAC9B,OAAO,kBAAkB,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,wBAAwB;YAClF,CAAC;YAED,OAAO,kBAAkB,CAAC,GAAG,CAAC,CAAC;QACjC,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/FormFooter/FormFooter.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AddIcon from "@mui/icons-material/Add";
+import SaveIcon from "@mui/icons-material/Save";
+import { FaSyncAlt } from "@react-icons/all-files/fa/FaSyncAlt";
+import Button from "@mui/material/Button";
+import FormControlLabel from "@mui/material/FormControlLabel";
+import capitalize from "lodash/capitalize";
+import { useContext } from "react";
+import { FormDataContext } from "../../context/FormData";
+import ErrorState from "../states/error";
+import * as styles from "./FormFooter.module.scss";
+import { CustomSwitch } from "./components/Switch";
+const icon = {
+    add: _jsx(AddIcon, { "data-testid": "formfooter__add-icon" }),
+    save: _jsx(SaveIcon, { "data-testid": "formfooter__save-icon" }),
+    update: _jsx(FaSyncAlt, { size: 14, "data-testid": "formfooter__update-icon" }),
+};
+const FormFooter = ({ controlProps, error, iconType, loading, onSubmit, }) => {
+    const { formControls, isExpertMode, hasExpertMode, toggleExpertMode } = useContext(FormDataContext);
+    const footerIcon = iconType && icon[iconType.toLowerCase()];
+    const buttonText = (iconType && capitalize(iconType)) || "Add";
+    const footerStyle = controlProps?.footerProps?.style ?? {};
+    const footerContainerStyle = controlProps?.footerProps?.container?.style ?? {};
+    const footerSubmitButtonContainerStyle = controlProps?.footerProps?.submitButtonContainer?.style ?? {};
+    const footerSubmitButtonStyle = controlProps?.footerProps?.submitButton?.sx ?? {};
+    return (_jsxs("div", { "data-testid": "form-footer-container", className: styles["form-footer-container"], style: footerStyle, children: [error && (_jsx("div", { className: styles.notificationContainer, children: _jsx(ErrorState, { error: error }) })), _jsxs("div", { className: styles.controlsContainer, style: footerContainerStyle, children: [hasExpertMode ? (_jsx(FormControlLabel, { "data-testid": "formfooter__expert-mode", control: _jsx(CustomSwitch, { checked: isExpertMode, onChange: toggleExpertMode }), label: "Expert Mode", sx: {
+                            color: "rgba(0,0,0,.54)",
+                            marginBottom: 0,
+                            input: {
+                                marginTop: 0,
+                            },
+                            ".MuiTypography-root": {
+                                fontSize: 12,
+                            },
+                        } })) : (_jsx("div", {})), _jsxs("div", { className: styles["submit-container"], style: footerSubmitButtonContainerStyle, children: [_jsx("span", { className: styles["required-message"], children: "* Please fill in all required fields" }), _jsx(Button, { "data-testid": "formfooter__submit", id: "submit-button", variant: "contained", type: "submit", form: "form-horizontal xhtmlInstantForm", onClick: () => onSubmit(formControls), sx: {
+                                    backgroundColor: "#4A96D2",
+                                    boxShadow: "none",
+                                    "&:hover": {
+                                        backgroundColor: "#0B5BA6",
+                                        boxShadow: "none",
+                                    },
+                                    ...footerSubmitButtonStyle,
+                                }, endIcon: loading ? (_jsx("svg", { className: `${styles["run-button__spinner"]} run-button__spinner`, "data-testid": "formfooter__loading-icon", xmlns: "http://www.w3.org/2000/svg", width: "21.076", height: "20.31", viewBox: "0 0 21.076 20.31", children: _jsxs("g", { id: "Gruppe_272", "data-name": "Gruppe 272", transform: "translate(-269.58 -82.717)", children: [_jsx("path", { id: "Pfad_338", "data-name": "Pfad 338", d: "M278.934,84.754l3.514-2.03v4.06l-3.514,2.03Z", transform: "translate(-5.841 -0.004)", fill: "#fff" }), _jsx("path", { id: "Pfad_339", "data-name": "Pfad 339", d: "M288.29,86.784v-4.06l3.514,2.03v4.06Z", transform: "translate(-11.683 -0.004)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_340", "data-name": "Pfad 340", d: "M282.45,119.233v-4.06l-3.514,2.03v4.06Z", transform: "translate(-5.842 -20.266)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_341", "data-name": "Pfad 341", d: "M285.963,128.014l-3.515-2.03-3.514,2.03,3.514,2.03Z", transform: "translate(-5.841 -27.017)", fill: "#fff" }), _jsx("path", { id: "Pfad_342", "data-name": "Pfad 342", d: "M297.625,124.639l3.514,2.03v-4.06l-3.514-2.03Z", transform: "translate(-17.513 -23.642)", fill: "#fff" }), _jsx("path", { id: "Pfad_343", "data-name": "Pfad 343", d: "M306.981,122.609v4.06l3.514-2.03v-4.06Z", transform: "translate(-23.355 -23.642)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_344", "data-name": "Pfad 344", d: "M273.094,106.394v4.06l-3.514-2.03v-4.06Z", transform: "translate(0 -13.516)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_345", "data-name": "Pfad 345", d: "M276.608,100.988l-3.514,2.03-3.514-2.03,3.514-2.03Z", transform: "translate(0 -10.141)", fill: "#fff" }), _jsx("path", { id: "Pfad_346", "data-name": "Pfad 346", d: "M310.5,92.185l-3.514,2.03v-4.06l3.514-2.03Z", transform: "translate(-23.355 -3.377)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_347", "data-name": "Pfad 347", d: "M304.657,84.747l-3.514,2.03-3.514-2.03,3.514-2.03Z", transform: "translate(-17.515)", fill: "#fff" }), _jsx("path", { id: "Pfad_348", "data-name": "Pfad 348", d: "M319.853,100.968l-3.514-2.03V103l3.514,2.03Z", transform: "translate(-29.198 -10.129)", fill: "#f0f0f0" }), _jsx("path", { id: "Pfad_349", "data-name": "Pfad 349", d: "M314.011,111.778l-3.514-2.03-3.514,2.03,3.514,2.03Z", transform: "translate(-23.356 -16.879)", fill: "#fff" })] }) })) : (footerIcon || icon.add), children: buttonText })] })] })] }));
+};
+export default FormFooter;
+//# sourceMappingURL=FormFooter.js.map

package/dist/components/FormFooter/FormFooter.js.map

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

package/dist/components/FormFooter/FormFooter.module.scss

@@ -0,0 +1,65 @@
+.form-footer-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  font-family: 'Roboto', sans-serif;
+
+  width: 100%;
+  border-radius: 0 0 4px 4px;
+
+  background: #FFFFFF;
+  z-index: 1;
+
+  .notificationContainer {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    padding: 20px 20px 0 20px;
+    max-height: 300px;
+  }
+
+  .controlsContainer {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px;
+
+    .submit-container {
+      display: flex;
+      align-items: center;
+      gap: 24px;
+    }
+
+    .required-message {
+      display: block;
+      font-size: 12px;
+      color: rgba(0,0,0,.54);
+    }
+  }
+
+  button:last-child {
+    margin-left: auto;
+  }
+
+  .run-button__spinner {
+    -moz-animation: spin 2s infinite linear;
+    -o-animation: spin 2s infinite linear;
+    -webkit-animation: spin 2s infinite linear;
+    animation: spin 2s infinite linear;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+
+  @media (max-width: 991px) {
+    border-radius: 0;
+  }
+}

package/dist/components/FormFooter/components/Switch.js

@@ -0,0 +1,15 @@
+import { styled } from "@mui/material/styles";
+import Switch from "@mui/material/Switch";
+export const CustomSwitch = styled(Switch)(() => ({
+    "& .MuiSwitch-switchBase.Mui-checked": {
+        color: "white",
+    },
+    "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+        backgroundColor: "#4A96D2",
+        opacity: 1,
+        "&:hover": {
+            backgroundColor: "#255F8E",
+        },
+    },
+}));
+//# sourceMappingURL=Switch.js.map

package/dist/components/FormFooter/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/FormFooter/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAE1C,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IAChD,qCAAqC,EAAE;QACrC,KAAK,EAAE,OAAO;KACf;IACD,wDAAwD,EAAE;QACxD,eAAe,EAAE,SAAS;QAC1B,OAAO,EAAE,CAAC;QACV,SAAS,EAAE;YACT,eAAe,EAAE,SAAS;SAC3B;KACF;CACF,CAAC,CAAC,CAAC"}

package/dist/components/FormFooter/index.js

@@ -0,0 +1,2 @@
+export { default } from "./FormFooter";
+//# sourceMappingURL=index.js.map

package/dist/components/FormFooter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormFooter/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/FormGroup/FormGroup.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as listStyles from "../FormList/FormList.module.scss";
+import * as styles from "./FormGroup.module.scss";
+const FormGroup = ({ controlProps, ...props }) => {
+    const { id, objectPathId, error, displayName, required, hideLabel = false, isExpert, children, } = props;
+    const errorClass = error ? "error" : "";
+    const expertClass = isExpert ? "expert" : "";
+    const currObjectPathId = objectPathId || id;
+    const wrapperClasses = objectPathId
+        ? `${styles["control-wrapper"]} ${listStyles["control-wrapper"]}`
+        : `${styles["control-wrapper"]} ${listStyles["control-wrapper"]} ${styles["control-wrapper-firstlayer"]}`;
+    const controlWrapperStyle = controlProps?.controlWrapperProps?.style ?? {};
+    const controlWrapperLabelStyle = controlProps?.controlWrapperProps?.label?.style ?? {};
+    const controlWrapperContainerStyle = controlProps?.controlWrapperProps?.container?.style ?? {};
+    return (_jsxs("div", { className: `${styles["form-group"]} ${listStyles["form-group"]} ${styles[errorClass]} ${styles[expertClass]}`, style: controlWrapperStyle, children: [!hideLabel && (_jsx("label", { htmlFor: currObjectPathId, "data-testid": "control-label", className: `${styles["control-label"]} ${listStyles["control-label"]}`, style: controlWrapperLabelStyle, children: required ? displayName + " *" : displayName })), _jsxs("div", { className: wrapperClasses, style: controlWrapperContainerStyle, children: [children, _jsx("label", { htmlFor: currObjectPathId, className: styles["error-message"], children: error })] })] }));
+};
+export default FormGroup;
+//# sourceMappingURL=FormGroup.js.map

package/dist/components/FormGroup/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormGroup.js","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,UAAU,MAAM,kCAAkC,CAAC;AAC/D,OAAO,KAAK,MAAM,MAAM,yBAAyB,CAAC;AAgBlD,MAAM,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,GAAG,KAAK,EAAU,EAAE,EAAE;IACvD,MAAM,EACJ,EAAE,EACF,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,QAAQ,GACT,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACxC,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7C,MAAM,gBAAgB,GAAG,YAAY,IAAI,EAAE,CAAC;IAE5C,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAAC,iBAAiB,CAAC,EAAE;QACjE,CAAC,CAAC,GAAG,MAAM,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAAC,iBAAiB,CAAC,IAAI,MAAM,CAAC,4BAA4B,CAAC,EAAE,CAAC;IAE5G,MAAM,mBAAmB,GAAG,YAAY,EAAE,mBAAmB,EAAE,KAAK,IAAI,EAAE,CAAC;IAC3E,MAAM,wBAAwB,GAC5B,YAAY,EAAE,mBAAmB,EAAE,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC;IACxD,MAAM,4BAA4B,GAChC,YAAY,EAAE,mBAAmB,EAAE,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;IAE5D,OAAO,CACL,eACE,SAAS,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,IAAI,UAAU,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,EAAE,EAC7G,KAAK,EAAE,mBAAmB,aAEzB,CAAC,SAAS,IAAI,CACb,gBACE,OAAO,EAAE,gBAAgB,iBACb,eAAe,EAC3B,SAAS,EAAE,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,UAAU,CAAC,eAAe,CAAC,EAAE,EACtE,KAAK,EAAE,wBAAwB,YAE9B,QAAQ,CAAC,CAAC,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,GACtC,CACT,EACD,eAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,4BAA4B,aAChE,QAAQ,EACT,gBAAO,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,YACjE,KAAK,GACA,IACJ,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/FormGroup/FormGroup.module.scss

@@ -0,0 +1,69 @@
+.form-group {
+  display: flex;
+  gap: 10px;
+  margin-bottom: -10px;
+  padding: 10px 0;
+  font-size: 14px;
+  font-weight: 400;
+  box-sizing: border-box;
+
+  @media screen and (max-width: 767px) {
+    flex-direction: column;
+    gap: 5px;
+  }
+
+  &.expert {
+    background-color: #f0f0f0;
+    padding-right: 10px;
+    margin: 10px 0;
+  }
+
+  &.error {
+    color: #a94442;
+
+    .error-message {
+      color: #a94442;
+      display: block !important;
+      font-weight: inherit;
+      font-size: 14px;
+      padding-top: 5px;
+      padding-left: 2px;
+      line-height: 1.42857;
+    }
+  }
+
+  .error-message {
+    display: none;
+  }
+
+  .control-label {
+    font-weight: 400;
+    width: 200px;
+    text-align: right;
+    flex-shrink: 0;
+    margin: 0 !important; // bootstrap overwrites label selector
+    padding-top: 9px;
+    color: rgba(0, 0, 0, 0.87);
+    font-size: 14px;
+
+    @media screen and (max-width: 767px) {
+      text-align: left;
+      width: 100%;
+    }
+  }
+
+  .control-wrapper {
+    display: flex;
+    flex-direction: column;
+    // width: 0;
+    flex: 1;
+  }
+
+  .control-wrapper-firstlayer {
+    width: calc(100% - 210px);
+
+    @media screen and (max-width: 767px) {
+      width: 100%;
+    }
+  }
+}

package/dist/components/FormGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./FormGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/FormGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/FormList/FormList.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AddIcon from "@mui/icons-material/Add";
+import { Box } from "@mui/material";
+import Tooltip from "@mui/material/Tooltip";
+import { FaChevronDown } from "@react-icons/all-files/fa/FaChevronDown";
+import { FaChevronUp } from "@react-icons/all-files/fa/FaChevronUp";
+import { FaTrashAlt } from "@react-icons/all-files/fa/FaTrashAlt";
+import cx from "classnames";
+import { useContext, useEffect, useState } from "react";
+import { FormDataContext } from "../../context/FormData";
+import HeaderCollapseButton from "../../ui-helper/HeaderCollapseButton";
+import findFormControlError from "../../utils/findFormControlError";
+import * as formBuilderStyles from "../FormBuilder/FormBuilder.module.scss";
+import QueryControl from "../QueryControl";
+import * as styles from "./FormList.module.scss";
+const FormList = ({ ...props }) => {
+    const { id, control, objectPathId, groupIsRequired, controlProps } = props;
+    const { addListItem, removeListItem, moveListItemUp, moveListItemDown } = useContext(FormDataContext);
+    const { "custom-attributes": customAttributes, displayName, items, error, template, required, } = control;
+    const itemsLength = items?.length ?? 0;
+    const defaultCollapseThreshold = Number(customAttributes?.defaultCollapseThreshold);
+    const hasError = items?.some((item) => findFormControlError(item)) || error;
+    const isClosed = itemsLength === 0 || defaultCollapseThreshold <= itemsLength;
+    const [isOpen, setIsOpen] = useState(!isClosed);
+    useEffect(() => {
+        if (hasError)
+            setIsOpen(true); //* list is always open if there is an error
+    }, [isOpen, isClosed]);
+    const handleToggleOpenState = () => setIsOpen((prev) => !prev);
+    const handleAddItem = () => {
+        addListItem(currObjectPathId);
+        setIsOpen(true);
+    };
+    const currObjectPathId = objectPathId || id;
+    const longList = template && Object.entries(template).length > 1;
+    const displayNameWithRequired = required ? displayName + " *" : displayName;
+    const className = longList
+        ? "form-list-multiple-items"
+        : "form-list-single-item";
+    const firstControlTitle = !longList && template && Object.values(template)?.[0]?.displayName;
+    const title = firstControlTitle || displayNameWithRequired || "";
+    const mapControls = (key, configItem, listIndex) => {
+        const index = listIndex || 0;
+        const objectPathId = `${currObjectPathId}.items.[${index}].${key}`;
+        return (_jsx(QueryControl, { formControl: configItem, id: key, objectPathId: objectPathId, hideLabel: !longList, groupIsRequired: groupIsRequired, controlProps: controlProps }, objectPathId));
+    };
+    const listStyle = controlProps?.listProps?.style ?? {};
+    const listLabelStyle = controlProps?.listProps?.label?.style ?? {};
+    const listContainerStyle = controlProps?.listProps?.container?.style ?? {};
+    const listAddButtonStyle = controlProps?.listProps?.addButton?.sx ?? {};
+    const controlTooltip = control?.["custom-attributes"]?.tooltip;
+    const isHiddenList = !isOpen
+        ? { display: "none", visibility: "hidden" }
+        : {};
+    return (_jsxs("div", { className: styles["list-container"], "data-testid": "form-list", style: listStyle, children: [_jsxs("div", { className: styles["list-header"], children: [_jsxs("div", { className: styles["list-header-label-button"], children: [_jsxs("div", { className: styles["list-header-label"], children: [_jsx("label", { "data-testid": "list-control-label", className: styles["list-label"], style: listLabelStyle, children: displayNameWithRequired }), controlTooltip && (_jsx(Tooltip, { title: controlTooltip, arrow: true, children: _jsx("span", { children: _jsx("i", { className: "fas fa-info-circle fa-xs" }) }) }))] }), _jsxs(Box, { "data-testid": title, className: cx("formbuilder_add-button", formBuilderStyles["xhtml-form-button"]), role: "alert", onClick: handleAddItem, sx: listAddButtonStyle, children: [_jsx(AddIcon, { sx: { fontSize: 20 }, "data-testid": "form-list__add-icon" }), "\u00A0", title] })] }), _jsx(HeaderCollapseButton, { itemsCount: itemsLength, isOpen: isOpen, onClick: handleToggleOpenState })] }), _jsx("div", { id: className, "data-testid": "form-list-children", role: "list", className: cx(styles[className], styles["list-children-container"]), "data-title": title, style: { ...isHiddenList, ...listContainerStyle }, children: items?.map((item, i) => {
+                    if (!item)
+                        return null;
+                    const isLast = i === items.length - 1;
+                    const isFirst = i === 0;
+                    const sortableItems = items.length > 1;
+                    return (_jsxs("div", { className: styles["form-list"], "data-testid": "form-list-child-element", role: "listitem", "data-is-filled": true, children: [item &&
+                                Object.entries(item)?.map(([key, value]) => mapControls(key, value, i)), _jsx("button", { type: "button", className: cx(formBuilderStyles["xhtml-form-button"], formBuilderStyles["remove-item"], styles["remove-item"]), "data-testid": "form-list__remove-list-item-button", onClick: () => removeListItem(currObjectPathId, i), children: _jsx(FaTrashAlt, {}) }), _jsxs("div", { className: styles["sort-buttons"], children: [_jsx("button", { type: "button", onClick: () => moveListItemUp(currObjectPathId, i), disabled: isFirst || !sortableItems, children: _jsx(FaChevronUp, { "data-testid": "form-list__sort-up-button" }) }), _jsx("button", { type: "button", onClick: () => moveListItemDown(currObjectPathId, i), disabled: isLast || !sortableItems, children: _jsx(FaChevronDown, { "data-testid": "form-list__sort-down-button" }) })] })] }, `${objectPathId}-${i}`));
+                }) })] }, id));
+};
+export default FormList;
+//# sourceMappingURL=FormList.js.map

package/dist/components/FormList/FormList.js.map

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

package/dist/components/FormList/FormList.module.scss

@@ -0,0 +1,173 @@
+.list-container {
+  margin: 5px 0 -10px;
+  padding: 10px 0;
+
+  .list-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .list-header-label-button {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+
+      @media screen and (max-width: 767px) {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 5px;
+      }
+
+      .list-header-label {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        width: 200px;
+
+        i {
+          color: #000000b2;
+        }
+      }
+
+      .list-label {
+        font-size: 14px;
+        font-weight: 400;
+        text-align: right;
+        font-size: 14px;
+        width: 100%;
+
+        @media screen and (max-width: 767px) {
+          text-align: left;
+          width: 100%;
+        }
+      }
+    }
+  }
+
+  .address {
+    margin-left: 0 !important;
+  }
+
+  .list-children-container {
+    position: relative;
+    margin-left: 195px;
+    @media screen and (max-width: 767px) {
+      margin-left: 0;
+    }
+
+    .form-list {
+      position: relative;
+      margin-top: 5px;
+      padding: 5px 0 5px 15px;
+      @media screen and (max-width: 767px) {
+        padding: 5px 0 5px 35px;
+      }
+
+      > div:first-of-type {
+        margin-top: -10px;
+      }
+
+      //* border-left
+      &::before {
+        content: "";
+        position: absolute;
+        top: 10px;
+        left: -3px;
+        height: calc(100% - 20px);
+        width: 2px;
+        background-color: rgb(192, 192, 192);
+      }
+    }
+
+    .remove-item {
+      border: none;
+      position: absolute;
+      top: 0px;
+      left: -30px;
+
+      @media screen and (max-width: 767px) {
+        top: 15px;
+        left: -45px;
+      }
+    }
+
+    .sort-buttons {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      position: absolute;
+      left: -25px;
+      top: 50%;
+      transform: translateY(-50%);
+
+      button {
+        color: inherit;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background-color: transparent;
+        border: none;
+        font-size: 10px;
+        padding: 0;
+        cursor: pointer;
+        height: 20px;
+        width: 25px;
+
+        &:disabled {
+          cursor: auto;
+          opacity: 0.5;
+        }
+      }
+    }
+  }
+
+  .form-list-single-item {
+    padding-right: 50px;
+
+    .control-label-group:first-child {
+      display: none;
+    }
+
+    .form-list {
+      margin-top: 0;
+      padding: 0;
+      position: relative;
+      padding-left: 15px;
+      @media screen and (max-width: 767px) {
+        padding-left: 35px;
+      }
+
+      > div:first-of-type {
+        margin-top: 0;
+      }
+
+      //* border-left
+      &::before {
+        content: "";
+        position: absolute;
+        top: 10px;
+        left: -3px;
+        height: calc(100% - 20px);
+        width: 2px;
+        background-color: rgb(192, 192, 192);
+      }
+    }
+
+    .form-list > .form-group > .control-label {
+      display: none;
+    }
+
+    .form-list > .form-group > .control-wrapper {
+      width: 100%;
+    }
+
+    .remove-item {
+      position: absolute;
+      left: auto !important;
+      right: -50px;
+      @media screen and (max-width: 767px) {
+        right: -55px;
+      }
+    }
+  }
+}

package/dist/components/FormList/index.js

@@ -0,0 +1,2 @@
+export { default } from "./FormList";
+//# sourceMappingURL=index.js.map

package/dist/components/FormList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FormList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/GeneralFormGroup/GeneralFormGroup.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const GeneralFormGroup = ({ errorMessage }) => (_jsx("div", { className: "form-group", role: "alert", children: _jsx("div", { className: "col-sm-10 col-sm-offset-2", children: _jsx("div", { className: "alert alert-danger general-error-message", children: errorMessage }) }) }));
+export default GeneralFormGroup;
+//# sourceMappingURL=GeneralFormGroup.js.map

package/dist/components/GeneralFormGroup/GeneralFormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralFormGroup.js","sourceRoot":"","sources":["../../../src/components/GeneralFormGroup/GeneralFormGroup.tsx"],"names":[],"mappings":";AAMA,MAAM,gBAAgB,GAAG,CAAC,EAAE,YAAY,EAAU,EAAE,EAAE,CAAC,CACrD,cAAK,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,YACtC,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAK,SAAS,EAAC,0CAA0C,YACtD,YAAY,GACT,GACF,GACF,CACP,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/GeneralFormGroup/index.js

@@ -0,0 +1,2 @@
+export { default } from "./GeneralFormGroup";
+//# sourceMappingURL=index.js.map

package/dist/components/GeneralFormGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/GeneralFormGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}