@micromerce/formbuilder-react 1.0.658 → 1.0.661

package/dist/components/Group/Group.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { isGroupRequired } from "../../utils/hasGroupRequiredFieldsWithValues";
+import HeaderCollapseButton from "../../ui-helper/HeaderCollapseButton";
+import * as listStyles from "../FormList/FormList.module.scss";
+import QueryControl from "../QueryControl";
+import * as styles from "./Group.module.scss";
+const Group = ({ ...props }) => {
+    const { id, control, objectPathId, groupIsRequired, isInGroup, controlProps, } = props;
+    const { "custom-attributes": customAttributes, displayName, controls, required, } = control;
+    const itemsLength = Object.entries(controls)?.length ?? 0;
+    const defaultCollapseThreshold = Number(customAttributes?.defaultCollapseThreshold);
+    const isClosed = itemsLength === 0 || defaultCollapseThreshold <= itemsLength;
+    const [isOpen, setIsOpen] = useState(!isClosed);
+    const handleToggleOpenState = () => setIsOpen((prev) => !prev);
+    const currObjectPathId = objectPathId || id;
+    const isRequired = isInGroup
+        ? required || groupIsRequired
+        : required || isGroupRequired({ controls });
+    const groupStyle = controlProps?.groupProps?.style ?? {};
+    const groupLabelStyle = controlProps?.groupProps?.label?.style ?? {};
+    const isHiddenGroup = !isOpen
+        ? { display: "none", visibility: "hidden" }
+        : {};
+    return (_jsxs("div", { className: styles["form-group-container"], id: id, "data-testid": id, style: groupStyle, children: [_jsxs("div", { className: styles["group-header"], children: [_jsx("h3", { className: `${styles["control-label-group"]} ${listStyles["control-label-group"]}`, style: groupLabelStyle, children: displayName }), _jsx(HeaderCollapseButton, { isOpen: isOpen, onClick: handleToggleOpenState })] }), _jsx("div", { role: "group", style: isHiddenGroup, children: controls &&
+                    Object.entries(controls).map(([key, value]) => {
+                        const groupObjectPathId = `${currObjectPathId}.controls.${key}`;
+                        return (_jsx(React.Fragment, { children: _jsx(QueryControl, { formControl: value, id: id, objectPathId: groupObjectPathId, groupIsRequired: isRequired, isInGroup: true, controlProps: controlProps }, id) }, groupObjectPathId));
+                    }) })] }));
+};
+export default Group;
+//# sourceMappingURL=Group.js.map

package/dist/components/Group/Group.js.map

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

package/dist/components/Group/Group.module.scss

@@ -0,0 +1,28 @@
+.form-group-container {
+  margin: 30px 0 20px;
+  padding: 10px 0;
+
+  .group-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .control-label-group {
+    font-size: 14px;
+    font-weight: 400;
+    font-size: 18px;
+    color: #0000008A;
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-left: 210px;
+
+    @media screen and (max-width: 767px) {
+      margin-left: 0;
+    }
+  }
+
+  & > .form-group-container:first-of-type {
+    margin-top: 10px;
+  }
+}

package/dist/components/Group/index.js

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

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

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

package/dist/components/Input/Input.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import omit from "lodash/omit";
+import useInputDependent from "../../hooks/useDependent/enhanced/useInputDependent/useInputDependent";
+import * as formControlStyles from "../../styles/formControl.module.scss";
+import * as inputStyles from "./Input.module.scss";
+import { StyledClearButton, StyledClearButtonWrapper, StyledInputWrapper, } from "./input.styles";
+const Input = ({ onChangeValue, hasClearButton = false, onClearCallback, controlProps, ...props }) => {
+    const { control, id, objectPathId, ...restProps } = props;
+    const { value = "", displayName, "custom-attributes": customAttributes, error, placeholder, required, hasEdited, ...restControl } = control;
+    const query = customAttributes?.defaultValue;
+    const { textColor } = useInputDependent({
+        onChangeValue,
+        query,
+        objectPathId,
+        value,
+        hasEdited,
+    });
+    const errorClass = error ? "error" : "";
+    let className = formControlStyles["form-control"];
+    className = errorClass
+        ? className + " " + inputStyles[errorClass]
+        : className;
+    const requiredPlaceholder = placeholder
+        ? required
+            ? placeholder + " *"
+            : placeholder
+        : "";
+    const handleOnChange = (e) => {
+        onChangeValue({ value: e.target.value, hasEdited: "edited" });
+    };
+    const handleOnClear = () => {
+        onChangeValue({ value: "" });
+        onClearCallback?.();
+    };
+    const preventDefaultWheel = (e) => {
+        const element = e.target;
+        if (element.type === "number")
+            element.blur();
+    };
+    return (_jsxs(StyledInputWrapper, { children: [_jsx("input", { role: "textbox", "data-testid": `input-control-${id}`, max: control.type === "date" ? "9999-12-31" : null, className: className, id: objectPathId || id, name: objectPathId || id, value: value, onChange: handleOnChange, onWheel: preventDefaultWheel, placeholder: requiredPlaceholder, required: required, ...omit(customAttributes, [
+                    "defaultValue",
+                    "mrnPreview",
+                    "mrnSources",
+                ]), ...omit(restControl, [
+                    "displayName",
+                    "placholder",
+                    "control",
+                    "error",
+                    "defaultValue",
+                ]), ...omit(restProps, ["defaultValue", "mrnPreview", "mrnSources"]), style: {
+                    color: textColor,
+                    minWidth: hasClearButton ? "175px" : "",
+                    ...controlProps?.inputProps?.style,
+                } }), hasClearButton && control.type === "date" && (_jsx(StyledClearButtonWrapper, { inputValue: value, children: _jsx(StyledClearButton, { "data-testid": "input_clearButton", fontSize: "small", onClick: handleOnClear }) }))] }));
+};
+export default Input;
+//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

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

package/dist/components/Input/Input.module.scss

@@ -0,0 +1,3 @@
+.error {
+  border-color: #a94442;
+}

package/dist/components/Input/index.js

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

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

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

package/dist/components/Input/input.styles.js

@@ -0,0 +1,24 @@
+import styled from "styled-components";
+import { Clear } from "@mui/icons-material";
+export const StyledInputWrapper = styled.div `
+  width: 100%;
+  position: relative;
+`;
+export const StyledClearButtonWrapper = styled.div `
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: 40px;
+  border-radius: 100%;
+  display: ${(props) => (props.inputValue === "" ? "none" : "flex")};
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  &:hover {
+    background-color: #f5f5f5;
+  }
+`;
+export const StyledClearButton = styled(Clear) `
+  color: #767676;
+`;
+//# sourceMappingURL=input.styles.js.map

package/dist/components/Input/input.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.styles.js","sourceRoot":"","sources":["../../../src/components/Input/input.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG3C,CAAC;AAMF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAmC;;;;;;aAMxE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,UAAU,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;;;;;;;CAOlE,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;CAE7C,CAAC"}

package/dist/components/InputFreeSolo/InputFreeSolo.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Autocomplete from "@mui/material/Autocomplete";
+import Box from "@mui/material/Box";
+import Tooltip from "@mui/material/Tooltip";
+import omit from "lodash/omit";
+import useInputDependent from "../../hooks/useDependent/enhanced/useInputDependent/useInputDependent";
+import TextField from "../../styles/Textfield.styles";
+import * as styles from "./InputFreeSolo.module.scss";
+const InputFreeSolo = ({ ...props }) => {
+    const { id, control, onChangeValue, objectPathId } = props;
+    const { value = "", "custom-attributes": customAttributes, error, hasEdited, ...restControl } = control;
+    const { options } = customAttributes;
+    const errorClass = error ? "error" : "";
+    const mappedOption = options.map((opt) => ({
+        label: opt.text || opt.value,
+        value: opt.value,
+        tooltip: opt.tooltip,
+        default: opt.default,
+    }));
+    let defaultValue = mappedOption.find((option) => option.value === value) || {
+        label: value,
+        value: value,
+    };
+    if (value === "") {
+        const defaultOption = mappedOption.find((option) => option.default);
+        if (defaultOption) {
+            defaultValue = defaultOption;
+        }
+    }
+    const clearStylesActive = restControl.type === "number" || restControl.type === "date";
+    const currObjectPathId = objectPathId || id;
+    const query = customAttributes?.defaultValue;
+    const { textColor } = useInputDependent({
+        onChangeValue,
+        query,
+        objectPathId: currObjectPathId,
+        value,
+        hasEdited,
+    });
+    const handleOnChange = (option) => {
+        onChangeValue({ value: option, hasEdited: "edited" });
+    };
+    const preventDefaultWheel = (e) => {
+        const element = e.target;
+        if (element.type === "number")
+            element.blur();
+    };
+    return (_jsx(Autocomplete, { className: `${styles["form-control"]}`, freeSolo: true, id: id, value: defaultValue, inputValue: value, options: mappedOption, readOnly: customAttributes?.readOnly, size: "small", onInputChange: (e, option) => handleOnChange(option), getOptionLabel: (option) => option.value || "", renderOption: (props, option) => (_jsx(Box, { component: "li", ...props, children: _jsxs("div", { className: styles.boxContainer, children: [_jsx("p", { children: option.label }), option.tooltip && (_jsx(Tooltip, { title: option.tooltip, arrow: true, children: _jsx("span", { children: _jsx("i", { className: "fas fa-info-circle fa-xs" }) }) }))] }) })), renderInput: (params) => (_jsx(TextField, { ...params, className: styles[errorClass], variant: "outlined", ...omit(restControl, [
+                "displayName",
+                "control",
+                "error",
+                "defaultValue",
+            ]), ...omit(customAttributes, ["defaultValue"]), inputProps: { ...params.inputProps }, onWheel: preventDefaultWheel, sx: {
+                "& input": {
+                    color: textColor,
+                    "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+                        "-webkit-appearance": "none",
+                        margin: 0,
+                    },
+                },
+                "& .MuiAutocomplete-endAdornment": {
+                    right: clearStylesActive ? "35px !important" : "9px",
+                },
+            } })) }));
+};
+export default InputFreeSolo;
+//# sourceMappingURL=InputFreeSolo.js.map

package/dist/components/InputFreeSolo/InputFreeSolo.js.map

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

package/dist/components/InputFreeSolo/InputFreeSolo.module.scss

@@ -0,0 +1,29 @@
+.form-control {
+  width: 100%;
+
+  &:has(input[readonly]) {
+    background-color: #e0e0e033;
+    cursor: not-allowed;
+  }
+}
+
+.error fieldset {
+  border-color: #a94442;
+}
+
+.boxContainer {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  height: 100%;
+
+  p {
+    margin: 0;
+    padding: 0;
+  }
+
+  i {
+    color: #000000B2;
+  }
+}

package/dist/components/InputFreeSolo/index.js

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

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

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

package/dist/components/MrnInput/MrnInput.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import Autocomplete from "@mui/material/Autocomplete";
+import CircularProgress from "@mui/material/CircularProgress";
+import uniqueId from "lodash/uniqueId";
+import useInputDependent from "../../hooks/useDependent/enhanced/useInputDependent/useInputDependent";
+import TextField from "../../styles/Textfield.styles";
+import Select from "../Select";
+import * as styles from "./MrnInput.module.scss";
+import useMrn from "./hooks/useMrn";
+import Link from "./ui-helper/Link/Link";
+function customizer(option, key) {
+    if (key === "mrnEntries") {
+        return option?.mrnEntries;
+    }
+}
+const MrnInput = ({ onChangeValue, controlProps, objectPathId, ...props }) => {
+    const { id, control } = props || {};
+    const { value = "", "custom-attributes": customAttributes, displayName, error, hasEdited, } = control || {};
+    const errorClass = error ? "error" : "";
+    const query = customAttributes?.defaultValue;
+    const { isLoading, isOpen, isDisabled, mrnOptions, selectedOption, setSelectedOption, setSearchText, setIsOpen, currentMrnOption, onChangeCurrentMrnOption, } = useMrn({ value, customAttributes, objectPathId, onChangeValue });
+    const { textColor } = useInputDependent({
+        onChangeValue,
+        query,
+        objectPathId,
+        value,
+        hasEdited,
+    });
+    const mrnSourcesLength = customAttributes?.mrnSources?.length || 1;
+    const handleChangeSelectedOption = (option) => {
+        onChangeValue({
+            hasEdited: "edited",
+            value: option?.mrn || "",
+            mrnEntries: option?.mrnEntries || null,
+        }, (_objValue, _srcValue, key) => customizer(option, key));
+        setSelectedOption(option);
+    };
+    const handleOnChange = (event) => {
+        setSearchText(event?.target?.value);
+    };
+    const classes = mrnSourcesLength > 1 ? styles["with-select"] : "";
+    return (_jsxs("div", { className: `${styles["mrn-input-container"]} ${classes}`, "data-testid": `mrn-input-container ${id}`, style: { color: textColor }, children: [mrnSourcesLength > 1 && (_jsx("div", { style: { width: "35%", height: "40px" }, children: _jsx(Select, { id: uniqueId(), control: {
+                        control: "select",
+                        options: customAttributes?.mrnSources?.map((source) => ({
+                            value: source?.mrn,
+                            text: source?.name,
+                            ...source,
+                        })),
+                        value: currentMrnOption?.mrn,
+                    }, controlProps: controlProps, onChangeValue: onChangeCurrentMrnOption }) })), _jsx(Autocomplete, { id: id, sx: {
+                    width: "100%",
+                    backgroundColor: "white",
+                    ...controlProps?.selectProps?.sx,
+                }, "data-testid": `mrn-input ${id}`, size: "small", value: selectedOption, readOnly: customAttributes?.readOnly, disabled: value ? false : isDisabled, onChange: (e, option) => handleChangeSelectedOption(option), isOptionEqualToValue: (option, optionValue) => option?.mrn === optionValue?.mrn, filterOptions: (options, state) => options, getOptionLabel: (option) => option?.key, options: mrnOptions, open: isOpen, onOpen: () => setIsOpen(true), onClose: () => setIsOpen(false), loading: isLoading, PaperComponent: (paperProps) => Link(paperProps.children, currentMrnOption?.["mrn-ref"] || currentMrnOption?.mrn, currentMrnOption?.name || displayName, controlProps?.mrnProps?.disableMrnLink, paperProps), renderInput: (params) => (_jsx(TextField, { ...params, className: styles[errorClass], onChange: handleOnChange, required: customAttributes?.required, sx: controlProps?.selectProps?.textField?.sx, InputProps: {
+                        style: {
+                            minHeight: 40,
+                            color: textColor,
+                        },
+                        ...params.InputProps,
+                        endAdornment: (_jsxs(_Fragment, { children: [isLoading && (_jsx(CircularProgress, { style: { marginRight: 30 }, color: "inherit", size: 20 })), params.InputProps.endAdornment] })),
+                    } })) })] }));
+};
+export default MrnInput;
+//# sourceMappingURL=MrnInput.js.map

package/dist/components/MrnInput/MrnInput.js.map

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

package/dist/components/MrnInput/MrnInput.module.scss

@@ -0,0 +1,31 @@
+.mrn-input-container {
+  width: 100%;
+  input {
+    max-width: calc(100% - 35px);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: rgba(0,0,0,0.54) !important;
+    font-weight: 400 !important;
+  }
+}
+
+.error fieldset {
+  border-color: #a94442;
+}
+
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+.with-select {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+
+  @media only screen and (max-width: 991px) {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}

package/dist/components/MrnInput/hooks/useMrn.js

@@ -0,0 +1,92 @@
+import { useContext, useEffect, useState } from "react";
+import { useUpdateEffect } from "usehooks-ts";
+import { FormDataContext } from "../../../context/FormData";
+import useDependent from "../../../hooks/useDependent/useDependent";
+import getSelectedOption from "../../Select/utils/getSelectedOption";
+import fetchMrn from "../services/fetchMrn";
+import { determineUrlSearchParams } from "../utils/urlSearchParam/urlSearchParam";
+const useMrn = ({ value, customAttributes, objectPathId, onChangeValue, }) => {
+    const { resolveUrl } = useContext(FormDataContext);
+    if (!resolveUrl)
+        throw new Error("resolveUrl Prop is not defined");
+    const [isLoading, setIsLoading] = useState(false);
+    const [isOpen, setIsOpen] = useState(false);
+    const [mrnOptions, setMrnOptions] = useState([]);
+    const [selectedOption, setSelectedOption] = useState(null);
+    const [searchText, setSearchText] = useState("");
+    const selectedMrnSource = customAttributes?.mrnSources?.find((source) => value?.includes(source?.mrn));
+    const mrnWhenMrnSources = selectedMrnSource || customAttributes?.mrnSources?.[0];
+    const initialMrnOption = mrnWhenMrnSources || customAttributes;
+    const [currentMrnOption, setCurrentMrnOption] = useState(initialMrnOption);
+    const currentMrnQuery = currentMrnOption?.["mrn-ref-params"] || currentMrnOption?.query;
+    const { dependentControls, resolvedQuery, isDisabled } = useDependent({
+        query: currentMrnQuery,
+        objectPathId,
+    });
+    const mrn = currentMrnOption?.["mrn-ref"] || currentMrnOption?.mrn;
+    useEffect(() => {
+        let isMounted = true;
+        setCurrentMrnOption(initialMrnOption); //* Reset the currentMrnOption when the mrnSources change -> necessary for rerenders in lists
+        const fetchDefaultOption = async () => {
+            const urlParams = determineUrlSearchParams(resolvedQuery);
+            const fetchSelectedMrnOption = await fetchMrn(value, currentMrnOption, urlParams, resolveUrl);
+            if (isMounted) {
+                onChangeValue({ mrnEntries: fetchSelectedMrnOption?.[0]?.mrnEntries });
+                setSelectedOption(fetchSelectedMrnOption?.[0]);
+            }
+        };
+        value ? fetchDefaultOption() : setSelectedOption(null);
+        return () => {
+            isMounted = false;
+        };
+    }, [value]);
+    const handleChangeCurrentMrnOption = (newSource) => {
+        const selectedValue = getSelectedOption(customAttributes?.mrnSources?.map((source) => ({
+            value: source?.mrn,
+            text: source?.name,
+            ...source,
+        })), newSource?.value);
+        setCurrentMrnOption(selectedValue);
+        setMrnOptions([]);
+    };
+    useUpdateEffect(() => {
+        const timer = setTimeout(() => {
+            handleTriggerSearch(searchText);
+        }, 500);
+        return () => clearTimeout(timer);
+    }, [searchText]);
+    const handleTriggerSearch = async (searchText) => {
+        setIsLoading(true);
+        setMrnOptions([]);
+        const urlParams = determineUrlSearchParams(resolvedQuery, searchText);
+        const filteredOptions = await fetchMrn(mrn, currentMrnOption, urlParams, resolveUrl);
+        setMrnOptions(filteredOptions);
+        setIsLoading(false);
+    };
+    useEffect(() => {
+        const fetchMrnOptions = async () => {
+            setIsLoading(true);
+            const urlParams = determineUrlSearchParams(resolvedQuery);
+            const fetchedMrnOptions = await fetchMrn(mrn, currentMrnOption, urlParams, resolveUrl);
+            setMrnOptions(fetchedMrnOptions);
+            setIsLoading(false);
+        };
+        !isOpen && setIsLoading(false);
+        isOpen && fetchMrnOptions();
+    }, [isOpen]);
+    return {
+        isLoading,
+        isOpen,
+        isDisabled,
+        mrnOptions,
+        selectedOption,
+        setSelectedOption,
+        setSearchText,
+        setIsOpen,
+        currentMrnOption,
+        onChangeCurrentMrnOption: handleChangeCurrentMrnOption,
+        dependentControls,
+    };
+};
+export default useMrn;
+//# sourceMappingURL=useMrn.js.map

package/dist/components/MrnInput/hooks/useMrn.js.map

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

package/dist/components/MrnInput/index.js

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

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

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

package/dist/components/MrnInput/services/fetchMrn.js

@@ -0,0 +1,30 @@
+const fetchMrn = async (mrnRef, attributes, params, resolveUrl) => {
+    const mrnDisplayField = attributes["mrn-ref-display-field"] || attributes.displayField || "name";
+    const mrnField = attributes["mrn-ref-mrn-field"] || "_mrn" || attributes.mrnField;
+    // handle response
+    const json = await resolveUrl(mrnRef, params, {
+        headers: {
+            accept: "application/xhtml-form+json",
+        },
+    });
+    const hasValues = !!(json?.items || json?.values);
+    if (!json || !hasValues) {
+        throw new Error("unable to handle response - json expected");
+    }
+    const items = json.items || [json];
+    const selectedAttributes = items.map((item) => {
+        const allMrnAttributesKeys = Object.keys(item?.values).filter((key) => !key.startsWith("_"));
+        const allMrnAttributes = {};
+        allMrnAttributesKeys.forEach((attributeKey) => {
+            allMrnAttributes[attributeKey] = item.values[attributeKey];
+        });
+        return {
+            key: item.values[mrnDisplayField],
+            mrn: item.values[mrnField],
+            mrnEntries: allMrnAttributes,
+        };
+    });
+    return selectedAttributes;
+};
+export default fetchMrn;
+//# sourceMappingURL=fetchMrn.js.map

package/dist/components/MrnInput/services/fetchMrn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetchMrn.js","sourceRoot":"","sources":["../../../../src/components/MrnInput/services/fetchMrn.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,KAAK,EACpB,MAAc,EACd,UAA6B,EAC7B,MAAe,EACf,UAAuB,EACvB,EAAE;IACF,MAAM,eAAe,GACnB,UAAU,CAAC,uBAAuB,CAAC,IAAI,UAAU,CAAC,YAAY,IAAI,MAAM,CAAC;IAC3E,MAAM,QAAQ,GACZ,UAAU,CAAC,mBAAmB,CAAC,IAAI,MAAM,IAAI,UAAU,CAAC,QAAQ,CAAC;IACnE,kBAAkB;IAClB,MAAM,IAAI,GAAG,MAAM,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE;QAC5C,OAAO,EAAE;YACP,MAAM,EAAE,6BAA6B;SACtC;KACF,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,CAAC,CAAC;IAClD,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC;IACD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC;IAEnC,MAAM,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;QACjD,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,MAAM,CAC3D,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAC9B,CAAC;QACF,MAAM,gBAAgB,GAAG,EAAE,CAAC;QAC5B,oBAAoB,CAAC,OAAO,CAAC,CAAC,YAAY,EAAE,EAAE;YAC5C,gBAAgB,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7D,CAAC,CAAC,CAAC;QAEH,OAAO;YACL,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,eAAe,CAAC;YACjC,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC;YAC1B,UAAU,EAAE,gBAAgB;SAC7B,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,kBAAkB,CAAC;AAC5B,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/MrnInput/ui-helper/Link/Link.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AddIcon from "@mui/icons-material/Add";
+import Paper from "@mui/material/Paper";
+import { extractMrn } from "../../utils/mrnUtils/mrnUtils";
+import resolveMrnLink from "../../utils/resolveMrnLinks/resolveMrnLink";
+const Link = (children, mrnRef, displayName, disableMrnLink, params) => {
+    const applicationId = extractMrn(mrnRef)?.applicationId;
+    const windowLocation = {
+        hash: window.top.location.hash,
+        pathname: window.top.location.pathname,
+    };
+    return (_jsxs(Paper, { ...params, style: { zIndex: 999999999 }, children: [children, !disableMrnLink && (_jsx("a", { className: "mrn-reference-link", "data-testid": "link__mrn-reference-link", href: resolveMrnLink(windowLocation, mrnRef, applicationId), onMouseDown: (e) => e.preventDefault(), rel: "noreferrer", target: "_blank", style: { color: "#4a96d2", textDecoration: "none" }, children: _jsx("ul", { style: { listStyle: "none", padding: "12px" }, children: _jsxs("li", { style: { display: "flex", alignItems: "center", gap: "3px" }, children: [_jsx(AddIcon, { className: "add-icon", style: { marginTop: "-2px" } }), _jsx("span", { children: displayName })] }) }) }))] }));
+};
+export default Link;
+//# sourceMappingURL=Link.js.map

package/dist/components/MrnInput/ui-helper/Link/Link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link.js","sourceRoot":"","sources":["../../../../../src/components/MrnInput/ui-helper/Link/Link.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,KAAK,MAAM,qBAAqB,CAAC;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,cAAc,MAAM,4CAA4C,CAAC;AAExE,MAAM,IAAI,GAAG,CACX,QAAmB,EACnB,MAAc,EACd,WAAmB,EACnB,cAAuB,EACvB,MAAW,EACX,EAAE;IACF,MAAM,aAAa,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC;IAExD,MAAM,cAAc,GAAG;QACrB,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI;QAC9B,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ;KACvC,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,OAAK,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,aAC5C,QAAQ,EACR,CAAC,cAAc,IAAI,CAClB,YACE,SAAS,EAAC,oBAAoB,iBAClB,0BAA0B,EACtC,IAAI,EAAE,cAAc,CAAC,cAAc,EAAE,MAAM,EAAE,aAAa,CAAC,EAC3D,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACtC,GAAG,EAAC,YAAY,EAChB,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,EAAE,YAEnD,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,YAC/C,cAAI,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,aAC9D,KAAC,OAAO,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,EAC9D,yBAAO,WAAW,GAAQ,IACvB,GACF,GACH,CACL,IACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/MrnInput/utils/mrnUtils/mrnUtils.js

@@ -0,0 +1,35 @@
+const MRN_SRV_REGEX = /mrn:srv:([a-z-A-Z0-9]+):([a-f0-9]{8}-[a-f0-9]{4}-4[a-f0-9]{3}-[89aAbB][a-f0-9]{3}-[a-f0-9]{12}):([^\s]*)/g;
+// mrn:srv:{service):{applicationId}:{resource}
+// mrn:srv:entity:bf1a6272-995d-458e-b575-da4d50a05a04:entries
+// mrn:srv:entity:bf1a6272-995d-458e-b575-da4d50a05a04:entries/bf1a6272-995d-458e-b575-da4d50a05a04
+export const extractMrn = (mrn) => {
+    if (mrn) {
+        const matchAll = [...mrn.matchAll(MRN_SRV_REGEX)];
+        const match = matchAll && matchAll[0];
+        if (match && match.length === 4) {
+            return {
+                matchAll,
+                mrn: match[0],
+                serviceName: match[1],
+                applicationId: match[2],
+                resource: match[3],
+            };
+        }
+        return extractMrnWithoutResource(mrn);
+    }
+};
+const extractMrnWithoutResource = (mrn) => {
+    const regex = /mrn:srv:([a-z-A-Z0-9]+):([a-f0-9]{8}-[a-f0-9]{4}-4[a-f0-9]{3}-[89aAbB][a-f0-9]{3}-[a-f0-9]{12})/g;
+    const matchAll = [...mrn.matchAll(regex)];
+    const match = matchAll && matchAll[0];
+    if (match && match.length === 3) {
+        return {
+            matchAll,
+            mrn: match[0],
+            serviceName: match[1],
+            applicationId: match[2],
+        };
+    }
+    return null;
+};
+//# sourceMappingURL=mrnUtils.js.map

package/dist/components/MrnInput/utils/mrnUtils/mrnUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mrnUtils.js","sourceRoot":"","sources":["../../../../../src/components/MrnInput/utils/mrnUtils/mrnUtils.ts"],"names":[],"mappings":"AAQA,MAAM,aAAa,GACjB,2GAA2G,CAAC;AAE9G,+CAA+C;AAC/C,8DAA8D;AAC9D,mGAAmG;AAEnG,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAe,EAAE;IACrD,IAAI,GAAG,EAAE,CAAC;QACR,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC;QAClD,MAAM,KAAK,GAAG,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;QACtC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,OAAO;gBACL,QAAQ;gBACR,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;gBACb,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;gBACrB,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;gBACvB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;aACnB,CAAC;QACJ,CAAC;QACD,OAAO,yBAAyB,CAAC,GAAG,CAAC,CAAC;IACxC,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAE,EAAE;IAChD,MAAM,KAAK,GACT,kGAAkG,CAAC;IACrG,MAAM,QAAQ,GAAG,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QAChC,OAAO;YACL,QAAQ;YACR,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;YACb,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;YACrB,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;SACxB,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/components/MrnInput/utils/resolveMrnLinks/resolveMrnLink.js

@@ -0,0 +1,11 @@
+const resolveMrnLink = (windowLocation, mrn, applicationId) => {
+    const isSolutionService = windowLocation.pathname === "/solution/index.html";
+    if (isSolutionService) {
+        const path = windowLocation.pathname.replace("index", "resolver");
+        const hash = windowLocation.hash.split("/")[0];
+        return path + hash + "?mrn=" + encodeURIComponent(mrn);
+    }
+    return windowLocation.pathname + "#" + applicationId;
+};
+export default resolveMrnLink;
+//# sourceMappingURL=resolveMrnLink.js.map