@micromerce/formbuilder-react 1.0.658 → 1.0.661

package/dist/assets/icons/error/Error.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const Error = () => {
+    return (_jsx("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8.1 11.7H9.9V13.5H8.1V11.7ZM8.1 4.5H9.9V9.9H8.1V4.5ZM8.991 0C4.023 0 0 4.032 0 9C0 13.968 4.023 18 8.991 18C13.968 18 18 13.968 18 9C18 4.032 13.968 0 8.991 0ZM9 16.2C5.022 16.2 1.8 12.978 1.8 9C1.8 5.022 5.022 1.8 9 1.8C12.978 1.8 16.2 5.022 16.2 9C16.2 12.978 12.978 16.2 9 16.2Z", fill: "#B01F14" }) }));
+};
+export default Error;
+//# sourceMappingURL=Error.js.map

package/dist/assets/icons/error/Error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Error.js","sourceRoot":"","sources":["../../../../src/assets/icons/error/Error.tsx"],"names":[],"mappings":";AAEA,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,YAElC,eACE,CAAC,EAAC,4RAA4R,EAC9R,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Checkbox from "@mui/material/Checkbox";
+import omit from "lodash/omit";
+import { useEffect, } from "react";
+import * as formControlStyles from "../../styles/formControl.module.scss";
+import * as styles from "./Checkbox.module.scss";
+const EnhancedCheckbox = ({ onChangeValue, ...props }) => {
+    const { control, id, objectPathId } = props;
+    const { selected = false } = control;
+    const value = control.value || "on";
+    const currObjectPathId = objectPathId || id;
+    //* set default value on first render -> add unit test when wrapper component is available
+    useEffect(() => {
+        onChangeValue({ value: control.selected ? value : "" });
+    }, []);
+    const onClick = () => {
+        onChangeValue({
+            selected: !control.selected,
+            value: !control.selected ? value : "",
+        });
+    };
+    const inputProps = Object.assign(omit(props, ["objectPathId", "checked", "control", "displayName", "error"]), {
+        name: currObjectPathId,
+        value: value,
+        type: control.control,
+        role: control.control,
+    });
+    return (_jsx(Checkbox, { className: `${formControlStyles["form-control"]} ${styles["checkbox-container"]}`, id: currObjectPathId, color: "default", checked: selected, readOnly: control["custom-attributes"]?.readOnly, onClick: onClick, inputProps: inputProps, sx: {
+            marginLeft: "-11px",
+            color: "rgba(0,0,0,0.54)",
+            "&:checked": {
+                color: "rgba(0,0,0,0.54)",
+            },
+        } }));
+};
+export default EnhancedCheckbox;
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,wBAAwB,CAAC;AAC9C,OAAO,IAAI,MAAM,aAAa,CAAC;AAC/B,OAAc,EAGZ,SAAS,GACV,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,iBAAiB,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAajD,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAU,EAAE,EAAE;IAC/D,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC5C,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,OAAO,CAAC;IACrC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC;IAEpC,MAAM,gBAAgB,GAAG,YAAY,IAAI,EAAE,CAAC;IAE5C,0FAA0F;IAC1F,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC1D,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,aAAa,CAAC;YACZ,QAAQ,EAAE,CAAC,OAAO,CAAC,QAAQ;YAC3B,KAAK,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;SACtC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAC9B,IAAI,CAAC,KAAK,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC,EAC3E;QACE,IAAI,EAAE,gBAAgB;QACtB,KAAK,EAAE,KAAK;QACZ,IAAI,EAAE,OAAO,CAAC,OAAO;QACrB,IAAI,EAAE,OAAO,CAAC,OAAO;KACtB,CACF,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,SAAS,EAAE,GAAG,iBAAiB,CAAC,cAAc,CAAC,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAAE,EACjF,EAAE,EAAE,gBAAgB,EACpB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,OAAO,CAAC,mBAAmB,CAAC,EAAE,QAAQ,EAChD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,EAAE,EAAE;YACF,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,kBAAkB;YACzB,WAAW,EAAE;gBACX,KAAK,EAAE,kBAAkB;aAC1B;SACF,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/Checkbox/Checkbox.module.scss

@@ -0,0 +1,10 @@
+.checkbox-container {
+  all: unset;
+  width: fit-content;
+  padding: 6.5px 9px !important;
+
+  &:hover {
+    border: none;
+    outline: none;
+  }
+}

package/dist/components/Checkbox/index.js

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

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

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

package/dist/components/ControlWrapper/ControlWrapper.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import mergeWith from "lodash/mergeWith";
+import { useContext } from "react";
+import { FormDataContext } from "../../context/FormData";
+import FormGroup from "../FormGroup";
+const Wrapper = ({ Control, config, isExpert, hideLabel = false, controlProps, }) => {
+    const { control, id, objectPathId, groupIsRequired } = config;
+    const { error, displayName, required } = control;
+    const { updateControl } = useContext(FormDataContext);
+    const handleOnChange = (newProperties, customizer) => {
+        const mergeProps = {
+            hasChanged: true,
+            ...newProperties,
+        };
+        updateControl(objectPathId || id, mergeWith({}, control, mergeProps, customizer));
+    };
+    const formGroupProps = {
+        id,
+        objectPathId,
+        error: error?.message,
+        displayName,
+        hideLabel,
+        isExpert,
+        required: groupIsRequired ? required : false,
+    };
+    const enhancedConfig = {
+        objectPathId,
+        id,
+        control: {
+            ...control,
+            required: groupIsRequired ? required : false,
+        },
+    };
+    return (_jsx(FormGroup, { controlProps: controlProps, ...formGroupProps, children: _jsx(Control, { controlProps: controlProps, onChangeValue: handleOnChange, ...enhancedConfig }) }));
+};
+export default Wrapper;
+//# sourceMappingURL=ControlWrapper.js.map

package/dist/components/ControlWrapper/ControlWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlWrapper.js","sourceRoot":"","sources":["../../../src/components/ControlWrapper/ControlWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,OAAO,SAAS,MAAM,cAAc,CAAC;AAYrC,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,GACE,EAAE,EAAE;IAClB,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IAC9D,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAEtD,MAAM,cAAc,GAAG,CACrB,aAAgC,EAChC,UAAkC,EAClC,EAAE;QACF,MAAM,UAAU,GAAG;YACjB,UAAU,EAAE,IAAI;YAChB,GAAG,aAAa;SACjB,CAAC;QACF,aAAa,CACX,YAAY,IAAI,EAAE,EAClB,SAAS,CAAC,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAC/C,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,EAAE;QACF,YAAY;QACZ,KAAK,EAAE,KAAK,EAAE,OAAO;QACrB,WAAW;QACX,SAAS;QACT,QAAQ;QACR,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;KAC7C,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,YAAY;QACZ,EAAE;QACF,OAAO,EAAE;YACP,GAAG,OAAO;YACV,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;SAC7C;KACF,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,IAAC,YAAY,EAAE,YAAY,KAAM,cAAc,YACvD,KAAC,OAAO,IACN,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,cAAc,KACzB,cAAc,GAClB,GACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ControlWrapper/index.js

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

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

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

package/dist/components/DateRangeGroup/DateRangeGroup.js

@@ -0,0 +1,69 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import Menu from "@mui/material/Menu";
+import mergeWith from "lodash/mergeWith";
+import { useContext, useState } from "react";
+import { FormDataContext } from "../../context/FormData";
+import * as formModalStyles from "../../styles/formControl.module.scss";
+import Input from "../Input";
+import { StyledDateRangeGroupContainer, Styledlabel, } from "./DateRangeGroup.styles";
+import CalendarModal from "./components/CalendarModal";
+const DateRangeGroup = ({ controlProps, ...props }) => {
+    const { id, control, objectPathId } = props;
+    const { displayName, controls } = control;
+    const [anchorEl, setAnchorEl] = useState(null);
+    const open = Boolean(anchorEl);
+    const currObjectPathId = objectPathId || id;
+    const { from, to } = controls;
+    const { updateControl } = useContext(FormDataContext);
+    const DateToString = (date) => {
+        const year = date.toLocaleString("default", { year: "numeric" });
+        const month = date.toLocaleString("default", { month: "2-digit" });
+        const day = date.toLocaleString("default", { day: "2-digit" });
+        return year + "-" + month + "-" + day;
+    };
+    const fromControlConfig = {
+        id,
+        objectPathId: `${currObjectPathId}.controls.from`,
+        control: from,
+        hasClearButton: true,
+    };
+    const handleFromInputChange = (newProperties, customizer) => {
+        updateControl(fromControlConfig.objectPathId || id, mergeWith({}, fromControlConfig.control, newProperties, customizer));
+    };
+    const toControlConfig = {
+        id,
+        objectPathId: `${currObjectPathId}.controls.to`,
+        control: to,
+        hasClearButton: true,
+    };
+    const isRequired = fromControlConfig.control?.required || toControlConfig.control?.required;
+    const handleToInputChange = (newProperties, customizer) => {
+        updateControl(toControlConfig.objectPathId || id, mergeWith({}, toControlConfig.control, newProperties, customizer));
+    };
+    const handleDateChange = (date, keepModalState) => {
+        handleFromInputChange({ value: DateToString(date.startDate) });
+        handleToInputChange({ value: DateToString(date.endDate) });
+        !keepModalState && setAnchorEl(null);
+    };
+    const handleCalendarOpen = (e) => {
+        e.preventDefault();
+        setAnchorEl(e.currentTarget);
+    };
+    const handleClearFromInput = () => {
+        handleFromInputChange({ value: "" });
+    };
+    const handleClearToInput = () => {
+        handleToInputChange({ value: "" });
+    };
+    const calendarModalConfig = {
+        handleDateChange,
+        from: fromControlConfig.control.value,
+        to: toControlConfig.control.value,
+    };
+    const controlWrapperStyle = controlProps?.controlWrapperProps?.style ?? {};
+    const controlWrapperLabelStyle = controlProps?.controlWrapperProps?.label?.style ?? {};
+    const controlWrapperContainerStyle = controlProps?.controlWrapperProps?.container?.style ?? {};
+    return (_jsxs(StyledDateRangeGroupContainer, { "data-testid": "dateRangeGroup__Container", style: controlWrapperStyle, children: [_jsxs(Styledlabel, { "data-testid": "dateRangeGroup__displayName", style: controlWrapperLabelStyle, children: [displayName, isRequired && " *"] }), _jsxs("div", { className: formModalStyles.daterangequerycontainer, style: controlWrapperContainerStyle, children: [_jsx(Input, { controlProps: controlProps, "data-testid": "dateRangeGroup__inputFrom", onClearCallback: handleClearFromInput, onClick: handleCalendarOpen, onChangeValue: handleFromInputChange, ...fromControlConfig }), _jsx(Input, { controlProps: controlProps, "data-testid": "dateRangeGroup__inputTo", onClearCallback: handleClearToInput, onClick: handleCalendarOpen, onChangeValue: handleToInputChange, ...toControlConfig }), _jsx(Menu, { anchorEl: anchorEl, open: open, onClose: () => setAnchorEl(null), anchorOrigin: { vertical: "bottom", horizontal: "left" }, "data-testid": "dateRangeGroup__calendarModal", children: _jsx(CalendarModal, { ...calendarModalConfig }) })] })] }));
+};
+export default DateRangeGroup;
+//# sourceMappingURL=DateRangeGroup.js.map

package/dist/components/DateRangeGroup/DateRangeGroup.js.map

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

package/dist/components/DateRangeGroup/DateRangeGroup.styles.js

@@ -0,0 +1,59 @@
+import styled from "styled-components";
+import Input from "../Input";
+export const StyledDateRangeGroupContainer = styled.div `
+  position: relative;
+  font-size: 14px;
+  font-weight: 400;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  gap: 10px;
+  padding: 10px 0;
+  margin-bottom: -10px;
+  @media screen and (max-width: 767px) {
+    flex-direction: column;
+    gap: 5px;
+  }
+  container-type: inline-size;
+`;
+export const Styledlabel = styled.label `
+  font-size: 14px;
+  font-weight: 400;
+  width: 200px;
+  text-align: right;
+  flex-shrink: 0;
+  margin: 0 !important;
+  padding-top: 9px;
+  font-size: 14px;
+  @media screen and (max-width: 767px) {
+    text-align: left;
+  }
+`;
+export const StyledInput = styled(Input) `
+  font-size: 14px;
+  font-weight: 400;
+  box-sizing: border-box;
+  padding: 6px 12px;
+  width: 40%;
+  outline: none;
+  border: 1px solid #ccc;
+  font-size: 14px;
+  color: #555;
+  box-shadow: none !important;
+  border-radius: 4px;
+  &:hover,
+  &:focus {
+    border: 1px solid rgba(0, 0, 0, 0.87);
+  }
+  &::-moz-placeholder {
+    color: #999;
+    opacity: 1;
+  }
+  &:-ms-input-placeholder {
+    color: #999;
+  }
+  &::-webkit-input-placeholder {
+    color: #999;
+  }
+`;
+//# sourceMappingURL=DateRangeGroup.styles.js.map

package/dist/components/DateRangeGroup/DateRangeGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeGroup.styles.js","sourceRoot":"","sources":["../../../src/components/DateRangeGroup/DateRangeGroup.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;CAetD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;;;;;;CAYtC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvC,CAAC"}

package/dist/components/DateRangeGroup/components/CalendarModal.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import Button from "@mui/material/Button";
+import { useEffect, useState } from "react";
+import { DateRange, DefinedRange } from "react-date-range";
+import "react-date-range/dist/styles.css";
+import "react-date-range/dist/theme/default.css";
+const CalendarModal = ({ handleDateChange, from, to }) => {
+    const [state, setState] = useState([
+        {
+            startDate: new Date(),
+            endDate: new Date(),
+            key: "selection",
+        },
+    ]);
+    const [isMobile, setMobile] = useState(window.matchMedia("(max-width: 615px)").matches);
+    const [isSmallerCalender, setSmallerCalender] = useState(window.matchMedia("(max-width: 1200px)").matches);
+    const handleMobile = () => {
+        const onlyOne = window.matchMedia("(max-width: 1200px)").matches;
+        onlyOne !== isSmallerCalender && setSmallerCalender(onlyOne);
+        const matchMedia = window.matchMedia("(max-width: 615px)").matches;
+        matchMedia !== isMobile && setMobile(matchMedia);
+    };
+    window.addEventListener("resize", handleMobile);
+    useEffect(() => {
+        let fromArr = [];
+        let toArr = [];
+        if (from)
+            fromArr = from.split("-");
+        if (to)
+            toArr = to.split("-");
+        const newStartDate = from
+            ? new Date(Number(fromArr[0]), Number(fromArr[1]) - 1, Number(fromArr[2]))
+            : new Date();
+        const newEndDate = to
+            ? new Date(Number(toArr[0]), Number(toArr[1]) - 1, Number(toArr[2]))
+            : newStartDate;
+        setState([
+            {
+                startDate: newStartDate,
+                endDate: newEndDate,
+                key: "selection",
+            },
+        ]);
+    }, [from, to]);
+    const handleCalendarLogic = (selection, keepModalState) => {
+        setState(selection);
+        if (selection[0].startDate !== selection[0].endDate) {
+            handleDateChange(selection[0], keepModalState);
+        }
+    };
+    const handleClose = () => {
+        handleDateChange(state[0]);
+    };
+    return (_jsx("div", { children: isMobile ? (_jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [_jsx(DateRange, { onChange: (item) => handleCalendarLogic([item.selection]), moveRangeOnFirstSelection: false, ranges: state, direction: "horizontal" }), _jsxs(Button, { variant: "contained", size: "medium", sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        alignSelf: "flex-end",
+                        marginRight: "16px",
+                        marginBottom: "16px",
+                        gap: "8px",
+                        width: "fit-content",
+                        backgroundColor: "#4A96D2",
+                        boxShadow: "none",
+                        "&:hover": {
+                            backgroundColor: "#0B5BA6",
+                            boxShadow: "none",
+                        },
+                    }, onClick: handleClose, children: [_jsx("p", { style: {
+                                all: "unset",
+                            }, children: "CONFIRM" }), _jsx(CheckCircleIcon, { style: { color: "white", width: "20px", height: "20px" } })] })] })) : (_jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [_jsxs("div", { style: { display: "flex" }, children: [_jsx(DefinedRange, { ranges: state, onChange: (item) => handleCalendarLogic([item.selection], true) }), _jsx(DateRange, { ranges: state, onChange: (item) => handleCalendarLogic([item.selection]), showDateDisplay: false, direction: "horizontal", months: isSmallerCalender ? 1 : 2, "data-testid": "date-range-picker" })] }), _jsxs(Button, { variant: "contained", size: "medium", sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        alignSelf: "flex-end",
+                        marginRight: "16px",
+                        marginBottom: "16px",
+                        gap: "8px",
+                        width: "fit-content",
+                        backgroundColor: "#4A96D2",
+                        boxShadow: "none",
+                        "&:hover": {
+                            backgroundColor: "#0B5BA6",
+                            boxShadow: "none",
+                        },
+                    }, onClick: handleClose, children: [_jsx("p", { style: {
+                                all: "unset",
+                            }, children: "CONFIRM" }), _jsx(CheckCircleIcon, { style: { color: "white", width: "20px", height: "20px" } })] })] })) }));
+};
+export default CalendarModal;
+//# sourceMappingURL=CalendarModal.js.map

package/dist/components/DateRangeGroup/components/CalendarModal.js.map

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

package/dist/components/DateRangeGroup/index.js

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

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

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

package/dist/components/ErrorBoundary/ErrorBoundary.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Component } from "react";
+import { StyledQueryControlWrapper } from "../QueryControl/ui-helper/Wrapper/QueryControlWrapper.styles";
+class ErrorBoundary extends Component {
+    state = {
+        hasError: false,
+    };
+    static getDerivedStateFromError(_) {
+        return { hasError: true };
+    }
+    componentDidCatch(error, errorInfo) {
+        console.error("Uncaught error:", error, errorInfo);
+    }
+    render() {
+        if (this.state.hasError) {
+            return (_jsx(StyledQueryControlWrapper, { children: _jsx("p", { style: { paddingLeft: 205 }, children: "Ein Fehler ist aufgetreten, bitte erneut versuchen" }) }));
+        }
+        return this.props.children;
+    }
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../src/components/ErrorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8DAA8D,CAAC;AAUzG,MAAM,aAAc,SAAQ,SAAuB;IAC1C,KAAK,GAAU;QACpB,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEK,MAAM,CAAC,wBAAwB,CAAC,CAAQ;QAC7C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC5B,CAAC;IAEM,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QACzD,OAAO,CAAC,KAAK,CAAC,iBAAiB,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IACrD,CAAC;IAEM,MAAM;QACX,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACxB,OAAO,CACL,KAAC,yBAAyB,cACxB,YAAG,KAAK,EAAE,EAAE,WAAW,EAAE,GAAG,EAAE,mEAE1B,GACsB,CAC7B,CAAC;QACJ,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAED,eAAe,aAAa,CAAC"}

package/dist/components/FileUploader/FileUploader.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FileUploader as FileUploaderComponent, } from "@micromerce/media-fileuploader";
+import { useContext } from "react";
+import { FormDataContext } from "../../context/FormData";
+const FileUploader = ({ ...props }) => {
+    const { control, onChangeValue } = props;
+    const { "custom-attributes": customAttributes, error, value } = control;
+    const { fileUploaderConfig } = useContext(FormDataContext);
+    if (!fileUploaderConfig) {
+        throw new Error("fileUploaderConfig Prop is not defined");
+    }
+    const { info, endpoints, language, previewUrl, authorizationHeader } = fileUploaderConfig;
+    const fileUploaderProps = {
+        value,
+        info,
+        error: error?.message,
+        tags: customAttributes?.tags,
+        type: customAttributes?.media,
+        readOnly: customAttributes?.readonly,
+        mode: "stateful",
+        endpoints,
+        language,
+        onUploadSuccess: (v) => onChangeValue({ value: v, error: "" }),
+        previewUrl,
+        authorizationHeader,
+    };
+    return (_jsx("div", { "data-testid": "fileuploader__widget", children: _jsx(FileUploaderComponent, { ...fileUploaderProps }) }));
+};
+export default FileUploader;
+//# sourceMappingURL=FileUploader.js.map

package/dist/components/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.js","sourceRoot":"","sources":["../../../src/components/FileUploader/FileUploader.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,YAAY,IAAI,qBAAqB,GAEtC,MAAM,gCAAgC,CAAC;AACxC,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAUzD,MAAM,YAAY,GAAG,CAAC,EAAE,GAAG,KAAK,EAAU,EAAE,EAAE;IAC5C,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACzC,MAAM,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC;IACxE,MAAM,EAAE,kBAAkB,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE3D,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC5D,CAAC;IACD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,GAClE,kBAAkB,CAAC;IAErB,MAAM,iBAAiB,GAAkB;QACvC,KAAK;QACL,IAAI;QACJ,KAAK,EAAE,KAAK,EAAE,OAAO;QACrB,IAAI,EAAE,gBAAgB,EAAE,IAAI;QAC5B,IAAI,EAAE,gBAAgB,EAAE,KAAK;QAC7B,QAAQ,EAAE,gBAAgB,EAAE,QAAQ;QACpC,IAAI,EAAE,UAAU;QAChB,SAAS;QACT,QAAQ;QACR,eAAe,EAAE,CAAC,CAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;QACtE,UAAU;QACV,mBAAmB;KACpB,CAAC;IAEF,OAAO,CACL,6BAAiB,sBAAsB,YACrC,KAAC,qBAAqB,OAAK,iBAAiB,GAAI,GAC5C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/FileUploader/index.js

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

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

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

package/dist/components/FormBuilder/FormBuilder.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ThemeProvider, createTheme } from "@mui/material";
+import cx from "classnames";
+import React, { forwardRef, useContext, useEffect, useRef, useState, } from "react";
+import { FormDataContext, FormDataProvider } from "../../context/FormData";
+import Menu from "../../ui/menu";
+import useMenu from "../../ui/menu/hooks/useMenu";
+import FormFooter from "../FormFooter/";
+import QueryControl from "../QueryControl";
+import * as styles from "./FormBuilder.module.scss";
+import extractFormControlValues from "./utils/extractFormControlValues";
+import jsonToUrlEncoded from "./utils/jsonToUrlEncoded";
+const FormBuilder = ({ config, controlProps, fileUploaderConfig, iconType, state, resolveUrl, onSubmit, postGenAiMessage, }) => {
+    const { items, error, method } = config;
+    const [formError, setFormError] = useState(error?.message);
+    const [formState, setFormState] = useState(state || "");
+    const [formSubmitted, setFormSubmitted] = useState(false);
+    useEffect(() => {
+        //* Reset formSubmitted when items change, because the form submission is async.
+        //* This useEffect prevents the race condition where formSubmitted is triggered before items are updated.
+        if (formSubmitted)
+            setFormSubmitted(false);
+    }, [items]);
+    const formRef = useRef(null);
+    const toggleFormSubmitted = () => setFormSubmitted(true);
+    if (!config) {
+        console.log("form config missing");
+        return;
+    }
+    if (!items) {
+        console.log("Items have to be defined in form config");
+    }
+    const onSubmitForm = async (controls) => {
+        if (!formRef.current.checkValidity()) {
+            return;
+        }
+        setFormState("processing");
+        const formValues = extractFormControlValues(controls);
+        const urlEncodedFormValues = jsonToUrlEncoded(formValues);
+        onSubmit(urlEncodedFormValues, formValues)
+            .then(() => {
+            setFormState("success");
+            toggleFormSubmitted();
+        })
+            .catch((error) => {
+            console.error("error submitting form", error);
+            setFormError(`${error.message}`);
+            setFormState("error");
+            toggleFormSubmitted();
+        });
+    };
+    return (_jsx(FormDataProvider, { controls: items, fileUploaderConfig: fileUploaderConfig, resolveUrl: resolveUrl, postGenAiMessage: postGenAiMessage, children: _jsxs(ThemeProvider, { theme: createTheme({
+                components: {
+                    MuiPaper: {
+                        styleOverrides: {
+                            root: {
+                                fontFamily: controlProps?.formProps?.style?.fontFamily || "Roboto",
+                            },
+                        },
+                    },
+                },
+            }), children: [_jsx(Form, { method: method, ref: formRef, state: formState, controlProps: controlProps, formSubmitted: formSubmitted }), _jsx(FormFooter, { controlProps: controlProps, error: formError, iconType: iconType, loading: formState === "processing", onSubmit: onSubmitForm })] }) }));
+};
+export const Form = forwardRef(({ state, method, formSubmitted, controlProps }, ref) => {
+    const { formControls, isExpertMode } = useContext(FormDataContext);
+    const { activeFormControls, activeMenuItemIndex, controlGroups, hasSubmenu, menuItems, setActiveMenuItemIndex, } = useMenu(formControls, formSubmitted, isExpertMode);
+    return (_jsxs("form", { ref: ref, className: cx(styles["form-builder-container"], { [styles.hasSubmenu]: hasSubmenu }, state), id: "form-horizontal xhtmlInstantForm", "data-testid": "form-horizontal xhtmlInstantForm", role: "form", method: method, style: controlProps?.formProps?.style, onSubmit: (e) => e.preventDefault(), children: [hasSubmenu && (_jsx(Menu, { menuItems: menuItems, activeMenuItemIndex: activeMenuItemIndex, onActiveMenuItemIndex: setActiveMenuItemIndex, children: controlGroups &&
+                    activeFormControls &&
+                    Object.entries(activeFormControls).map(([key, value]) => (_jsx(React.Fragment, { children: _jsx(QueryControl, { formControl: value, id: key, controlProps: controlProps }, key) }, key))) })), !hasSubmenu && (_jsx(_Fragment, { children: formControls &&
+                    Object.entries(formControls).map(([key, value]) => (_jsx(React.Fragment, { children: _jsx(QueryControl, { formControl: value, id: key, controlProps: controlProps }, key) }, key))) }))] }));
+});
+Form.displayName = "Form";
+export default FormBuilder;
+//# sourceMappingURL=FormBuilder.js.map

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

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

package/dist/components/FormBuilder/FormBuilder.module.scss

@@ -0,0 +1,94 @@
+.hasSubmenu {
+  padding: 0 !important;
+}
+
+.form-builder-container {
+  font-family: 'Roboto', sans-serif;
+  background-color: white;
+  z-index: 9;
+  padding: 0 20px;
+  
+  @media screen and (max-width: 767px) {
+    padding: 0 40px;
+  }
+
+  *:not(i) {
+    font-family: inherit;
+  }
+
+  .required-message {
+    display: block;
+    font-size: 12px;
+    padding-top: 15px;
+    padding-bottom: 10px;
+    color: rgba(0,0,0,.54);
+  }
+
+  .xhtml-form-button {
+    min-width: 40px;
+    width: fit-content;
+    color: #4a95d0;
+    background-color: #fff;
+  
+    padding: 3px 8px 3px 5px;
+    box-sizing: border-box;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    font-size: 14px;
+    font-weight: 400;
+    border-radius: 4px;
+    border: 1px solid #4a95d0;
+  
+    cursor: pointer;
+    margin: 0;
+    margin-bottom: 2px;
+    display: inline-flex;
+    outline: 0;
+    position: relative;
+    align-items: center;
+    user-select: none;
+    vertical-align: middle;
+    -moz-appearance: none;
+    justify-content: center;
+    text-decoration: none;
+    -webkit-appearance: none;
+    -webkit-tap-highlight-color: transparent;
+  
+    svg {
+      fill: #4a95d0;
+      transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    }
+  
+    &:hover {
+      color: #fff;
+      background-color: #4a95d0;
+      svg {
+        fill: #fff;
+      }
+    }
+  
+    &.remove-item {
+      width: 40px;
+      height: 40px;
+      padding: 0;
+      background: transparent;
+      box-shadow: none;
+      margin-top: -5px !important;
+      svg {
+        font-size: 16px;
+        padding: 0 2px;
+        fill: rgba(0,0,0,.54);
+        transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+      }
+      &:hover {
+        background: #F0F0F0;
+        svg {
+          fill: #EB5757;
+        }
+      }
+      @media screen and (min-width: 768px) {
+        margin-top: 10px !important;
+        margin-left: -30px;
+      }
+    }
+  }
+}

package/dist/components/FormBuilder/index.js

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

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

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