@micromerce/formbuilder-react 1.0.654 → 1.0.656

package/dist/src/components/Textarea/editors/Json.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface ICodeEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const CodeEditor: React.FC<ICodeEditorProps>;
+export default CodeEditor;

package/dist/src/components/Textarea/editors/Json.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { json } from "@codemirror/lang-json";
+import { EditorView } from "@codemirror/view";
+import CodeMirror from "@uiw/react-codemirror";
+const CodeEditor = ({ value, onChange, id, readOnly, }) => {
+    return (_jsx(CodeMirror, { readOnly: readOnly, value: value, extensions: [json(), EditorView.lineWrapping], onChange: (value) => onChange?.({ value }), id: id, role: "textbox", "data-testid": "code-editor", height: "300px", width: "100%" }));
+};
+export default CodeEditor;
+//# sourceMappingURL=Json.js.map

package/dist/src/components/Textarea/editors/Json.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Json.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/editors/Json.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAW/C,MAAM,UAAU,GAA+B,CAAC,EAC9C,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,IAAI,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,EAC7C,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAC1C,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,iBACF,aAAa,EACzB,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,MAAM,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/src/components/Textarea/editors/Markdown.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { OnChangeValueType } from "../../../types";
+interface IMarkdownEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const MarkdownEditor: React.FC<IMarkdownEditorProps>;
+export default MarkdownEditor;

package/dist/src/components/Textarea/editors/Markdown.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { markdown, markdownLanguage } from "@codemirror/lang-markdown";
+import { HighlightStyle, defaultHighlightStyle, syntaxHighlighting, } from "@codemirror/language";
+import { EditorView } from "@codemirror/view";
+import { tags } from "@lezer/highlight";
+import CodeMirror from "@uiw/react-codemirror";
+const MarkdownEditor = ({ value, onChange, id, readOnly, }) => {
+    return (_jsx(CodeMirror, { readOnly: readOnly, value: value, onChange: (value) => onChange?.({ value }), extensions: [
+            markdown({ base: markdownLanguage }),
+            syntaxHighlighting(defaultHighlightStyle),
+            syntaxHighlighting(HighlightStyle.define([
+                { tag: tags.heading1, fontSize: "24px" },
+                { tag: tags.heading2, fontSize: "20px" },
+                { tag: tags.heading3, fontSize: "16px" },
+            ])),
+            EditorView.lineWrapping,
+        ], id: id, role: "textbox", "data-testid": "markdown-editor", height: "300px", width: "100%" }));
+};
+export default MarkdownEditor;
+//# sourceMappingURL=Markdown.js.map

package/dist/src/components/Textarea/editors/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/editors/Markdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,UAAU,MAAM,uBAAuB,CAAC;AAW/C,MAAM,cAAc,GAAmC,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAC1C,UAAU,EAAE;YACV,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;YACpC,kBAAkB,CAAC,qBAAqB,CAAC;YACzC,kBAAkB,CAChB,cAAc,CAAC,MAAM,CAAC;gBACpB,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACxC,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE;gBACxC,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE;aACzC,CAAC,CACH;YACD,UAAU,CAAC,YAAY;SACxB,EACD,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,SAAS,iBACF,iBAAiB,EAC7B,MAAM,EAAC,OAAO,EACd,KAAK,EAAC,MAAM,GACZ,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Textarea/editors/Richtext.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import "react-quill/dist/quill.snow.css";
+import { OnChangeValueType } from "../../../types";
+import "./Richtext.css";
+interface IRichTextEditorProps {
+    value: string;
+    onChange: (newProperties: OnChangeValueType) => void;
+    id: string;
+    readOnly: boolean;
+}
+declare const RichTextEditor: React.FC<IRichTextEditorProps>;
+export default RichTextEditor;

package/dist/src/components/Textarea/editors/Richtext.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactQuill from "react-quill";
+import "react-quill/dist/quill.snow.css";
+import "./Richtext.css";
+const RichTextEditor = ({ value, onChange, id, readOnly, }) => {
+    return (_jsx(ReactQuill, { readOnly: readOnly, theme: "snow", value: value, onChange: (value) => onChange?.({ value }), style: { height: "300px", paddingBottom: "41px", width: "100%" }, id: id, modules: {
+            clipboard: {
+                matchVisual: false, //* prevent injection of extra <p><br></p> between headers
+            },
+        }, "data-testid": "richtext-editor" }));
+};
+export default RichTextEditor;
+//# sourceMappingURL=Richtext.js.map

package/dist/src/components/Textarea/editors/Richtext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Richtext.js","sourceRoot":"","sources":["../../../../../src/components/Textarea/editors/Richtext.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,iCAAiC,CAAC;AAEzC,OAAO,gBAAgB,CAAC;AASxB,MAAM,cAAc,GAAmC,CAAC,EACtD,KAAK,EACL,QAAQ,EACR,EAAE,EACF,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAC1C,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAChE,EAAE,EAAE,EAAE,EACN,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,WAAW,EAAE,KAAK,EAAE,0DAA0D;aAC/E;SACF,iBACW,iBAAiB,GAC7B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/src/components/Textarea/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Textarea";

package/dist/src/components/Textarea/index.js

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

package/dist/src/components/Textarea/index.js.map

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

package/dist/src/components/addressGroup/AddressGroup.d.ts

@@ -0,0 +1,12 @@
+import type { controlProps } from "../../types/controlProps";
+import { GroupFormControl } from "../../types/index";
+export interface IProps {
+    id: string;
+    control: GroupFormControl;
+    objectPathId?: string;
+    groupIsRequired?: boolean;
+    isInGroup?: boolean;
+    controlProps?: controlProps;
+}
+declare const AddressGroup: ({ ...props }: IProps) => import("react/jsx-runtime").JSX.Element;
+export default AddressGroup;

package/dist/src/components/addressGroup/AddressGroup.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { isGroupRequired } from "../../utils/hasGroupRequiredFieldsWithValues";
+import * as listStyles from "../FormList/FormList.module.scss";
+import * as groupStyles from "../Group/Group.module.scss";
+import QueryControl from "../QueryControl";
+import * as styles from "./AddressGroup.module.scss";
+import Countries from "./utils/Countries";
+const AddressGroup = ({ ...props }) => {
+    const { id, control, objectPathId, groupIsRequired, isInGroup, controlProps, } = props;
+    const { displayName, controls, required } = control;
+    const countryValue = typeof controls.country?.value === "string" &&
+        controls.country?.value.toLowerCase();
+    const groupClassName = `${groupStyles["form-group-container"]} ${styles["address-group-container"]}`;
+    let addressClassName = `${styles.address} ${listStyles.address}`;
+    addressClassName =
+        countryValue && styles[countryValue]
+            ? `${addressClassName} ${styles[countryValue]}`
+            : `${addressClassName} ${styles["address-default"]}`;
+    const currObjectPathId = objectPathId || id;
+    const isRequired = isInGroup
+        ? required || groupIsRequired
+        : required || isGroupRequired({ controls });
+    const renderAddressControl = (idx, control) => {
+        const groupObjectPathId = `${currObjectPathId}.controls.${idx}`;
+        control.placeholder = control.placeholder || control.displayName;
+        if (idx === "country" && control) {
+            control.control = "select";
+            control.options = Countries;
+        }
+        return (_jsx(React.Fragment, { children: _jsx(QueryControl, { formControl: control, hideLabel: true, id: id, objectPathId: groupObjectPathId, groupIsRequired: isRequired, isInGroup: true, controlProps: controlProps }, id) }, groupObjectPathId));
+    };
+    const addressStyle = controlProps?.addressProps?.style ?? {};
+    const addressLabelStyle = controlProps?.addressProps?.label?.style ?? {};
+    const addressContainerStyle = controlProps?.addressProps?.container?.style ?? {};
+    return (_jsxs("div", { className: groupClassName, id: id, "data-testid": id, style: addressStyle, children: [_jsx("h3", { className: `${styles["control-label-group"]} ${listStyles["control-label-group"]}`, style: addressLabelStyle, children: displayName }), _jsxs("div", { className: addressClassName, style: addressContainerStyle, children: [renderAddressControl("streetName", controls.streetName), renderAddressControl("houseNumber", controls.houseNumber), renderAddressControl("postalCode", controls.postalCode), renderAddressControl("locality", controls.locality), renderAddressControl("country", controls.country)] })] }));
+};
+export default AddressGroup;
+//# sourceMappingURL=AddressGroup.js.map

package/dist/src/components/addressGroup/AddressGroup.js.map

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

package/dist/src/components/addressGroup/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./AddressGroup";

package/dist/src/components/addressGroup/index.js

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

package/dist/src/components/addressGroup/index.js.map

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

package/dist/src/components/addressGroup/utils/Countries.d.ts

@@ -0,0 +1,3 @@
+import { SelectFormControlOption } from "../../../types";
+declare const Countries: SelectFormControlOption[];
+export default Countries;