@form-eng/mantine 1.1.1

package/dist/index.js

@@ -0,0 +1,570 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CheckboxGroup: () => CheckboxGroup_default,
+  DateControl: () => DateControl_default,
+  DocumentLinksStrings: () => import_core.DocumentLinksStrings,
+  Dropdown: () => Dropdown_default,
+  DynamicFragment: () => DynamicFragment_default,
+  FieldClassName: () => import_core.FieldClassName,
+  FormLoading: () => FormLoading,
+  GetFieldDataTestId: () => import_core.GetFieldDataTestId,
+  MultiSelect: () => MultiSelect_default,
+  Number: () => Number_default,
+  RadioGroup: () => RadioGroup_default,
+  ReadOnly: () => ReadOnly_default,
+  ReadOnlyText: () => ReadOnlyText,
+  SimpleDropdown: () => SimpleDropdown_default,
+  Slider: () => Slider_default,
+  StatusMessage: () => StatusMessage,
+  Textarea: () => Textarea_default,
+  Textbox: () => Textbox_default,
+  Toggle: () => Toggle_default,
+  createMantineFieldRegistry: () => createMantineFieldRegistry,
+  formatDateTime: () => import_core.formatDateTime
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/fields/Textbox.tsx
+var import_core2 = require("@mantine/core");
+
+// src/components/ReadOnlyText.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ReadOnlyText = (props) => {
+  const { value, fieldName, ellipsifyTextCharacters } = props;
+  const cutoff = (ellipsifyTextCharacters || 0) - 3;
+  const displayValue = value ? ellipsifyTextCharacters && value.length > ellipsifyTextCharacters ? `${value.substring(0, cutoff)}...` : value : "-";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      id: `${fieldName}-read-only`,
+      className: "fe-read-only-text",
+      title: value,
+      children: displayValue
+    }
+  );
+};
+
+// src/helpers.ts
+var import_core = require("@form-eng/core");
+
+// src/fields/Textbox.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Textbox = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, placeholder, setFieldValue } = props;
+  const onChange = (event) => {
+    setFieldValue(fieldName, event.target.value, false, 3e3);
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      ReadOnlyText,
+      {
+        fieldName,
+        value,
+        ellipsifyTextCharacters: config?.ellipsifyTextCharacters
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_core2.TextInput,
+    {
+      className: (0, import_core.FieldClassName)("fe-textbox", error),
+      autoComplete: "off",
+      value: value ?? "",
+      onChange,
+      placeholder: placeholder ?? config?.placeHolder,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Textbox_default = Textbox;
+
+// src/fields/Number.tsx
+var import_core3 = require("@form-eng/core");
+var import_core4 = require("@mantine/core");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var NumberField = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;
+  const onChange = (val) => {
+    if (typeof val === "number") {
+      setFieldValue(fieldName, val, false, 1500);
+    } else if (val === "") {
+      setFieldValue(fieldName, null, false, 1500);
+    }
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ReadOnlyText, { fieldName, value: !(0, import_core3.isNull)(value) ? String(value) : "" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_core4.NumberInput,
+    {
+      className: (0, import_core.FieldClassName)("fe-number", error),
+      autoComplete: "off",
+      value: !(0, import_core3.isNull)(value) ? value : "",
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Number_default = NumberField;
+
+// src/fields/Toggle.tsx
+var import_core5 = require("@form-eng/core");
+var import_core6 = require("@mantine/core");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Toggle = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;
+  const onChange = (event) => {
+    setFieldValue(fieldName, event.currentTarget.checked);
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ReadOnlyText, { fieldName, value: (0, import_core5.convertBooleanToYesOrNoText)(value) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_core6.Switch,
+    {
+      className: "fe-toggle",
+      checked: !!value,
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Toggle_default = Toggle;
+
+// src/fields/Dropdown.tsx
+var import_core7 = require("@mantine/core");
+var import_react = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Dropdown = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, options, placeholder, setFieldValue } = props;
+  const onChange = (val) => {
+    setFieldValue(fieldName, val ?? "");
+  };
+  import_react.default.useEffect(() => {
+    if (!value && !readOnly && config?.setDefaultKeyIfOnlyOneOption && options?.length === 1) {
+      setFieldValue(fieldName, String(options[0].value));
+    }
+  }, [options]);
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ReadOnlyText, { fieldName, value });
+  }
+  const data = options?.map((option) => ({
+    value: String(option.value),
+    label: option.label,
+    disabled: option.disabled
+  })) ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_core7.Select,
+    {
+      className: (0, import_core.FieldClassName)("fe-dropdown", error),
+      value: value ? String(value) : null,
+      onChange,
+      data,
+      placeholder: placeholder ?? config?.placeHolder,
+      clearable: true,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Dropdown_default = Dropdown;
+
+// src/fields/SimpleDropdown.tsx
+var import_core8 = require("@mantine/core");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var SimpleDropdown = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, placeholder, setFieldValue } = props;
+  const simpleOptions = config?.dropdownOptions ?? [];
+  const onChange = (event) => {
+    setFieldValue(fieldName, event.currentTarget.value);
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ReadOnlyText, { fieldName, value });
+  }
+  const data = [
+    { value: "", label: placeholder ?? config?.placeHolder ?? "" },
+    ...simpleOptions.map((option) => ({ value: option, label: option }))
+  ];
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_core8.NativeSelect,
+    {
+      className: (0, import_core.FieldClassName)("fe-simple-dropdown", error),
+      value: value ?? "",
+      onChange,
+      data,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var SimpleDropdown_default = SimpleDropdown;
+
+// src/fields/MultiSelect.tsx
+var import_core9 = require("@mantine/core");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var MultiSelect = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;
+  const selectedValues = value ?? [];
+  const onChange = (val) => {
+    setFieldValue(fieldName, val, false, 1500);
+  };
+  if (readOnly) {
+    return selectedValues.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("ul", { className: "fe-multiselect-readonly", children: selectedValues.map((v, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("li", { children: v }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "fe-read-only-text", children: "-" });
+  }
+  const data = options?.map((option) => ({
+    value: String(option.value),
+    label: option.label,
+    disabled: option.disabled
+  })) ?? [];
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_core9.MultiSelect,
+    {
+      className: (0, import_core.FieldClassName)("fe-multi-select", error),
+      value: selectedValues,
+      onChange,
+      data,
+      clearable: true,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var MultiSelect_default = MultiSelect;
+
+// src/fields/DateControl.tsx
+var import_core10 = require("@form-eng/core");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var DateControl = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;
+  const onChange = (event) => {
+    const date = new Date(event.target.value);
+    if (!isNaN(date.getTime())) {
+      setFieldValue(fieldName, date.toISOString());
+    }
+  };
+  const onClear = () => {
+    setFieldValue(fieldName, null);
+  };
+  const dateInputValue = value ? new Date(value).toISOString().split("T")[0] : "";
+  if (readOnly) {
+    return value ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "time",
+      {
+        className: "fe-read-only-date",
+        dateTime: value,
+        children: (0, import_core.formatDateTime)(value, { hideTimestamp: true })
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "fe-read-only-text", children: "-" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "fe-date-control", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "input",
+      {
+        type: "date",
+        className: "fe-date-control__input",
+        value: dateInputValue,
+        onChange,
+        "aria-invalid": !!error,
+        "aria-required": required,
+        "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "fe-date-control__clear",
+        onClick: onClear,
+        title: import_core10.FormStrings.clickToClear,
+        "aria-label": `${fieldName} ${import_core10.FormStrings.clear}`,
+        children: "\xD7"
+      }
+    )
+  ] });
+};
+var DateControl_default = DateControl;
+
+// src/fields/Slider.tsx
+var import_core11 = require("@mantine/core");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Slider = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, setFieldValue } = props;
+  const onChange = (val) => {
+    setFieldValue(fieldName, val);
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ReadOnlyText, { fieldName, value: String(value) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    "div",
+    {
+      className: (0, import_core.FieldClassName)("fe-slider", error),
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        import_core11.Slider,
+        {
+          value: value ?? 0,
+          onChange,
+          max: config?.max,
+          min: config?.min,
+          step: config?.step,
+          label: (val) => String(val)
+        }
+      )
+    }
+  );
+};
+var Slider_default = Slider;
+
+// src/fields/RadioGroup.tsx
+var import_core12 = require("@mantine/core");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var RadioGroup = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;
+  const onChange = (val) => {
+    setFieldValue(fieldName, val);
+  };
+  if (readOnly) {
+    const label = options?.find((o) => String(o.value) === String(value))?.label ?? value;
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ReadOnlyText, { fieldName, value: label });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_core12.Radio.Group,
+    {
+      className: "fe-radio-group",
+      value: value ? String(value) : "",
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core12.Group, { mt: "xs", children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_core12.Radio,
+        {
+          value: String(option.value),
+          label: option.label,
+          disabled: option.disabled
+        },
+        String(option.value)
+      )) })
+    }
+  );
+};
+var RadioGroup_default = RadioGroup;
+
+// src/fields/CheckboxGroup.tsx
+var import_core13 = require("@mantine/core");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var CheckboxGroup = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;
+  const selected = Array.isArray(value) ? value : [];
+  const onChange = (val) => {
+    setFieldValue(fieldName, val);
+  };
+  if (readOnly) {
+    const labels = options?.filter((o) => selected.includes(String(o.value))).map((o) => o.label).join(", ");
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ReadOnlyText, { fieldName, value: labels ?? "" });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_core13.Checkbox.Group,
+    {
+      className: "fe-checkbox-group",
+      value: selected,
+      onChange,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core13.Group, { mt: "xs", children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        import_core13.Checkbox,
+        {
+          value: String(option.value),
+          label: option.label,
+          disabled: option.disabled
+        },
+        String(option.value)
+      )) })
+    }
+  );
+};
+var CheckboxGroup_default = CheckboxGroup;
+
+// src/fields/Textarea.tsx
+var import_core14 = require("@mantine/core");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var Textarea = (props) => {
+  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, setFieldValue } = props;
+  const onChange = (event) => {
+    setFieldValue(fieldName, event.target.value, false, 3e3);
+  };
+  if (readOnly) {
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      ReadOnlyText,
+      {
+        fieldName,
+        value: value ? `${value}` : "",
+        ellipsifyTextCharacters: config?.ellipsifyTextCharacters
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_core14.Textarea,
+    {
+      className: (0, import_core.FieldClassName)("fe-textarea", error),
+      autoComplete: "off",
+      value: value ? `${value}` : "",
+      onChange,
+      rows: config?.numberOfRows ?? 4,
+      autosize: config?.autoAdjustHeight,
+      maxLength: config?.maxLimit,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": (0, import_core.GetFieldDataTestId)(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Textarea_default = Textarea;
+
+// src/fields/DynamicFragment.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DynamicFragment = (props) => {
+  const { value } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("input", { type: "hidden", value });
+};
+var DynamicFragment_default = DynamicFragment;
+
+// src/fields/readonly/ReadOnly.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ReadOnly = (props) => {
+  const { fieldName, value, config } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ReadOnlyText, { fieldName, value, ...config });
+};
+var ReadOnly_default = ReadOnly;
+
+// src/components/StatusMessage.tsx
+var import_core15 = require("@form-eng/core");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var StatusMessage = (props) => {
+  const { id, error, errorCount, savePending, saving } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "fe-status-message", children: error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { id, role: "alert", style: { color: "var(--mantine-color-red-6, #fa5252)" }, children: error.message || "Error" }) : savePending ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("span", { id, role: "alert", style: { color: "var(--mantine-color-orange-6, #fd7e14)" }, children: [
+    import_core15.FormStrings.autoSavePending,
+    " (",
+    errorCount,
+    " ",
+    import_core15.FormStrings.remaining,
+    ")"
+  ] }) : saving ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { id, role: "status", style: { color: "var(--mantine-color-gray-6, #868e96)" }, children: import_core15.FormStrings.saving }) : null });
+};
+
+// src/components/FormLoading.tsx
+var import_core16 = require("@form-eng/core");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var FormLoading = (props) => {
+  const { loadingShimmerCount, loadingFieldShimmerHeight, inPanel, hideTitleShimmer } = props;
+  const count = loadingShimmerCount || import_core16.FormConstants.loadingShimmerCount;
+  const height = loadingFieldShimmerHeight || import_core16.FormConstants.loadingFieldShimmerHeight;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: `fe-form-loading ${inPanel ? "fe-form-loading--panel" : ""}`,
+      role: "status",
+      "aria-label": "Loading form",
+      children: [...Array(count)].map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { style: { marginBottom: 16 }, children: [
+        !hideTitleShimmer && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fe-skeleton", style: { width: "33%", height: 16, marginBottom: 8, background: "var(--mantine-color-gray-2, #e9ecef)", borderRadius: 4 } }),
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "fe-skeleton", style: { width: "100%", height, background: "var(--mantine-color-gray-2, #e9ecef)", borderRadius: 4 } })
+      ] }, `fe-loading-${i}`))
+    }
+  );
+};
+
+// src/registry.ts
+var import_core17 = require("@form-eng/core");
+var import_react2 = __toESM(require("react"));
+function createMantineFieldRegistry() {
+  return {
+    [import_core17.ComponentTypes.Textbox]: import_react2.default.createElement(Textbox_default),
+    [import_core17.ComponentTypes.Number]: import_react2.default.createElement(Number_default),
+    [import_core17.ComponentTypes.Toggle]: import_react2.default.createElement(Toggle_default),
+    [import_core17.ComponentTypes.Dropdown]: import_react2.default.createElement(Dropdown_default),
+    [import_core17.ComponentTypes.SimpleDropdown]: import_react2.default.createElement(SimpleDropdown_default),
+    [import_core17.ComponentTypes.MultiSelect]: import_react2.default.createElement(MultiSelect_default),
+    [import_core17.ComponentTypes.DateControl]: import_react2.default.createElement(DateControl_default),
+    [import_core17.ComponentTypes.Slider]: import_react2.default.createElement(Slider_default),
+    [import_core17.ComponentTypes.RadioGroup]: import_react2.default.createElement(RadioGroup_default),
+    [import_core17.ComponentTypes.CheckboxGroup]: import_react2.default.createElement(CheckboxGroup_default),
+    [import_core17.ComponentTypes.Textarea]: import_react2.default.createElement(Textarea_default),
+    [import_core17.ComponentTypes.Fragment]: import_react2.default.createElement(DynamicFragment_default),
+    [import_core17.ComponentTypes.ReadOnly]: import_react2.default.createElement(ReadOnly_default)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxGroup,
+  DateControl,
+  DocumentLinksStrings,
+  Dropdown,
+  DynamicFragment,
+  FieldClassName,
+  FormLoading,
+  GetFieldDataTestId,
+  MultiSelect,
+  Number,
+  RadioGroup,
+  ReadOnly,
+  ReadOnlyText,
+  SimpleDropdown,
+  Slider,
+  StatusMessage,
+  Textarea,
+  Textbox,
+  Toggle,
+  createMantineFieldRegistry,
+  formatDateTime
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/fields/Textbox.tsx","../src/components/ReadOnlyText.tsx","../src/helpers.ts","../src/fields/Number.tsx","../src/fields/Toggle.tsx","../src/fields/Dropdown.tsx","../src/fields/SimpleDropdown.tsx","../src/fields/MultiSelect.tsx","../src/fields/DateControl.tsx","../src/fields/Slider.tsx","../src/fields/RadioGroup.tsx","../src/fields/CheckboxGroup.tsx","../src/fields/Textarea.tsx","../src/fields/DynamicFragment.tsx","../src/fields/readonly/ReadOnly.tsx","../src/components/StatusMessage.tsx","../src/components/FormLoading.tsx","../src/registry.ts"],"sourcesContent":["// Field components\nexport { default as Textbox } from \"./fields/Textbox\";\nexport { default as Number } from \"./fields/Number\";\nexport { default as Toggle } from \"./fields/Toggle\";\nexport { default as Dropdown } from \"./fields/Dropdown\";\nexport { default as SimpleDropdown } from \"./fields/SimpleDropdown\";\nexport { default as MultiSelect } from \"./fields/MultiSelect\";\nexport { default as DateControl } from \"./fields/DateControl\";\nexport { default as Slider } from \"./fields/Slider\";\nexport { default as RadioGroup } from \"./fields/RadioGroup\";\nexport { default as CheckboxGroup } from \"./fields/CheckboxGroup\";\nexport { default as Textarea } from \"./fields/Textarea\";\nexport { default as DynamicFragment } from \"./fields/DynamicFragment\";\n\n// Read-only fields\nexport { default as ReadOnly } from \"./fields/readonly/ReadOnly\";\n\n// Supporting components\nexport { ReadOnlyText } from \"./components/ReadOnlyText\";\nexport type { IReadOnlyFieldProps } from \"./components/ReadOnlyText\";\nexport { StatusMessage } from \"./components/StatusMessage\";\nexport { FormLoading } from \"./components/FormLoading\";\n\n// Registry\nexport { createMantineFieldRegistry } from \"./registry\";\n\n// Helpers\nexport { FieldClassName, GetFieldDataTestId, formatDateTime, DocumentLinksStrings } from \"./helpers\";\n","import { IFieldProps } from \"@form-eng/core\";\nimport { TextInput } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\ninterface ITextboxProps {\n  ellipsifyTextCharacters?: number;\n  placeHolder?: string;\n  multiline?: boolean;\n}\n\nconst Textbox = (props: IFieldProps<ITextboxProps>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, placeholder, setFieldValue } = props;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFieldValue(fieldName, event.target.value, false, 3000);\n  };\n\n  if (readOnly) {\n    return (\n      <ReadOnlyText\n        fieldName={fieldName}\n        value={value as string}\n        ellipsifyTextCharacters={config?.ellipsifyTextCharacters}\n      />\n    );\n  }\n\n  return (\n    <TextInput\n      className={FieldClassName(\"fe-textbox\", error)}\n      autoComplete=\"off\"\n      value={(value as string) ?? \"\"}\n      onChange={onChange}\n      placeholder={placeholder ?? config?.placeHolder}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default Textbox;\n","import React from \"react\";\n\nexport interface IReadOnlyFieldProps {\n  readonly value?: string;\n  readonly fieldName?: string;\n  readonly labelClassName?: string;\n  readonly valueClassName?: string;\n  readonly showControlOnSide?: boolean;\n  readonly containerClassName?: string;\n  readonly ellipsifyTextCharacters?: number;\n}\n\nexport const ReadOnlyText: React.FunctionComponent<IReadOnlyFieldProps> = (props) => {\n  const { value, fieldName, ellipsifyTextCharacters } = props;\n  const cutoff = (ellipsifyTextCharacters || 0) - 3;\n\n  const displayValue = value\n    ? ellipsifyTextCharacters && value.length > ellipsifyTextCharacters\n      ? `${value.substring(0, cutoff)}...`\n      : value\n    : \"-\";\n\n  return (\n    <span\n      id={`${fieldName}-read-only`}\n      className=\"fe-read-only-text\"\n      title={value}\n    >\n      {displayValue}\n    </span>\n  );\n};\n\nexport default ReadOnlyText;\n","// Re-export shared field utilities from core\nexport {\n  FieldClassName,\n  GetFieldDataTestId,\n  formatDateTime,\n  DocumentLinksStrings,\n} from \"@form-eng/core\";\n","import { IFieldProps, isNull } from \"@form-eng/core\";\nimport { NumberInput } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\nconst NumberField = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;\n\n  const onChange = (val: number | string) => {\n    // Mantine NumberInput passes number or empty string\n    if (typeof val === \"number\") {\n      setFieldValue(fieldName, val, false, 1500);\n    } else if (val === \"\") {\n      setFieldValue(fieldName, null, false, 1500);\n    }\n  };\n\n  if (readOnly) {\n    return <ReadOnlyText fieldName={fieldName} value={!isNull(value) ? String(value) : \"\"} />;\n  }\n\n  return (\n    <NumberInput\n      className={FieldClassName(\"fe-number\", error)}\n      autoComplete=\"off\"\n      value={!isNull(value) ? (value as number) : \"\"}\n      onChange={onChange}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default NumberField;\n","import { IFieldProps, convertBooleanToYesOrNoText } from \"@form-eng/core\";\nimport { Switch } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { GetFieldDataTestId } from \"../helpers\";\n\nconst Toggle = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setFieldValue(fieldName, event.currentTarget.checked);\n  };\n\n  if (readOnly) {\n    return <ReadOnlyText fieldName={fieldName} value={convertBooleanToYesOrNoText(value as boolean)} />;\n  }\n\n  return (\n    <Switch\n      className=\"fe-toggle\"\n      checked={!!value}\n      onChange={onChange}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default Toggle;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { Select } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\ninterface IDropdownProps {\n  placeHolder?: string;\n  setDefaultKeyIfOnlyOneOption?: boolean;\n}\n\nconst Dropdown = (props: IFieldProps<IDropdownProps>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, options, placeholder, setFieldValue } = props;\n\n  const onChange = (val: string | null) => {\n    setFieldValue(fieldName, val ?? \"\");\n  };\n\n  React.useEffect(() => {\n    if (!value && !readOnly && config?.setDefaultKeyIfOnlyOneOption && options?.length === 1) {\n      setFieldValue(fieldName, String(options[0].value));\n    }\n  }, [options]);\n\n  if (readOnly) {\n    return <ReadOnlyText fieldName={fieldName} value={value as string} />;\n  }\n\n  const data = options?.map(option => ({\n    value: String(option.value),\n    label: option.label,\n    disabled: option.disabled,\n  })) ?? [];\n\n  return (\n    <Select\n      className={FieldClassName(\"fe-dropdown\", error)}\n      value={value ? String(value) : null}\n      onChange={onChange}\n      data={data}\n      placeholder={placeholder ?? config?.placeHolder}\n      clearable\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default Dropdown;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { NativeSelect } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\ninterface ISimpleDropdownProps {\n  dropdownOptions?: string[];\n  placeHolder?: string;\n}\n\nconst SimpleDropdown = (props: IFieldProps<ISimpleDropdownProps>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, placeholder, setFieldValue } = props;\n\n  const simpleOptions = config?.dropdownOptions ?? [];\n\n  const onChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\n    setFieldValue(fieldName, event.currentTarget.value);\n  };\n\n  if (readOnly) {\n    return <ReadOnlyText fieldName={fieldName} value={value as string} />;\n  }\n\n  const data = [\n    { value: \"\", label: placeholder ?? config?.placeHolder ?? \"\" },\n    ...simpleOptions.map(option => ({ value: option, label: option })),\n  ];\n\n  return (\n    <NativeSelect\n      className={FieldClassName(\"fe-simple-dropdown\", error)}\n      value={(value as string) ?? \"\"}\n      onChange={onChange}\n      data={data}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default SimpleDropdown;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { MultiSelect as MantineMultiSelect } from \"@mantine/core\";\nimport React from \"react\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\nconst MultiSelect = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;\n\n  const selectedValues = (value as string[]) ?? [];\n\n  const onChange = (val: string[]) => {\n    setFieldValue(fieldName, val, false, 1500);\n  };\n\n  if (readOnly) {\n    return selectedValues.length > 0 ? (\n      <ul className=\"fe-multiselect-readonly\">\n        {selectedValues.map((v, i) => (\n          <li key={i}>{v}</li>\n        ))}\n      </ul>\n    ) : (\n      <span className=\"fe-read-only-text\">-</span>\n    );\n  }\n\n  const data = options?.map(option => ({\n    value: String(option.value),\n    label: option.label,\n    disabled: option.disabled,\n  })) ?? [];\n\n  return (\n    <MantineMultiSelect\n      className={FieldClassName(\"fe-multi-select\", error)}\n      value={selectedValues}\n      onChange={onChange}\n      data={data}\n      clearable\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default MultiSelect;\n","import { IFieldProps, FormStrings } from \"@form-eng/core\";\nimport React from \"react\";\nimport { GetFieldDataTestId, formatDateTime } from \"../helpers\";\n\nconst DateControl = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, setFieldValue } = props;\n\n  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const date = new Date(event.target.value);\n    if (!isNaN(date.getTime())) {\n      setFieldValue(fieldName, date.toISOString());\n    }\n  };\n\n  const onClear = () => {\n    setFieldValue(fieldName, null);\n  };\n\n  const dateInputValue = value ? new Date(value as string).toISOString().split(\"T\")[0] : \"\";\n\n  if (readOnly) {\n    return value ? (\n      <time\n        className=\"fe-read-only-date\"\n        dateTime={value as string}\n      >\n        {formatDateTime(value as string, { hideTimestamp: true })}\n      </time>\n    ) : (\n      <span className=\"fe-read-only-text\">-</span>\n    );\n  }\n\n  return (\n    <div className=\"fe-date-control\">\n      <input\n        type=\"date\"\n        className=\"fe-date-control__input\"\n        value={dateInputValue}\n        onChange={onChange}\n        aria-invalid={!!error}\n        aria-required={required}\n        data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n      />\n      <button\n        type=\"button\"\n        className=\"fe-date-control__clear\"\n        onClick={onClear}\n        title={FormStrings.clickToClear}\n        aria-label={`${fieldName} ${FormStrings.clear}`}\n      >\n        &times;\n      </button>\n    </div>\n  );\n};\n\nexport default DateControl;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { Slider as MantineSlider } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\ninterface ISliderProps {\n  max?: number;\n  min?: number;\n  step?: number;\n}\n\nconst Slider = (props: IFieldProps<ISliderProps>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, setFieldValue } = props;\n\n  const onChange = (val: number) => {\n    setFieldValue(fieldName, val);\n  };\n\n  if (readOnly) {\n    return <ReadOnlyText fieldName={fieldName} value={String(value)} />;\n  }\n\n  return (\n    <div\n      className={FieldClassName(\"fe-slider\", error)}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    >\n      <MantineSlider\n        value={(value as number) ?? 0}\n        onChange={onChange}\n        max={config?.max}\n        min={config?.min}\n        step={config?.step}\n        label={(val) => String(val)}\n      />\n    </div>\n  );\n};\n\nexport default Slider;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { Radio, Group } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { GetFieldDataTestId } from \"../helpers\";\n\nconst RadioGroup = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;\n\n  const onChange = (val: string) => {\n    setFieldValue(fieldName, val);\n  };\n\n  if (readOnly) {\n    const label = options?.find(o => String(o.value) === String(value))?.label ?? (value as string);\n    return <ReadOnlyText fieldName={fieldName} value={label} />;\n  }\n\n  return (\n    <Radio.Group\n      className=\"fe-radio-group\"\n      value={value ? String(value) : \"\"}\n      onChange={onChange}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    >\n      <Group mt=\"xs\">\n        {options?.map(option => (\n          <Radio\n            key={String(option.value)}\n            value={String(option.value)}\n            label={option.label}\n            disabled={option.disabled}\n          />\n        ))}\n      </Group>\n    </Radio.Group>\n  );\n};\n\nexport default RadioGroup;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { Checkbox, Group } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { GetFieldDataTestId } from \"../helpers\";\n\nconst CheckboxGroup = (props: IFieldProps<{}>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, error, required, options, setFieldValue } = props;\n\n  const selected = Array.isArray(value) ? (value as string[]) : [];\n\n  const onChange = (val: string[]) => {\n    setFieldValue(fieldName, val);\n  };\n\n  if (readOnly) {\n    const labels = options\n      ?.filter(o => selected.includes(String(o.value)))\n      .map(o => o.label)\n      .join(\", \");\n    return <ReadOnlyText fieldName={fieldName} value={labels ?? \"\"} />;\n  }\n\n  return (\n    <Checkbox.Group\n      className=\"fe-checkbox-group\"\n      value={selected}\n      onChange={onChange}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    >\n      <Group mt=\"xs\">\n        {options?.map(option => (\n          <Checkbox\n            key={String(option.value)}\n            value={String(option.value)}\n            label={option.label}\n            disabled={option.disabled}\n          />\n        ))}\n      </Group>\n    </Checkbox.Group>\n  );\n};\n\nexport default CheckboxGroup;\n","import { IFieldProps } from \"@form-eng/core\";\nimport { Textarea as MantineTextarea } from \"@mantine/core\";\nimport React from \"react\";\nimport { ReadOnlyText } from \"../components/ReadOnlyText\";\nimport { FieldClassName, GetFieldDataTestId } from \"../helpers\";\n\ninterface ITextareaProps {\n  autoAdjustHeight?: boolean;\n  numberOfRows?: number;\n  ellipsifyTextCharacters?: number;\n  maxLimit?: number;\n}\n\nconst Textarea = (props: IFieldProps<ITextareaProps>) => {\n  const { fieldName, programName, entityType, entityId, value, readOnly, config, error, required, setFieldValue } = props;\n\n  const onChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setFieldValue(fieldName, event.target.value, false, 3000);\n  };\n\n  if (readOnly) {\n    return (\n      <ReadOnlyText\n        fieldName={fieldName}\n        value={value ? `${value}` : \"\"}\n        ellipsifyTextCharacters={config?.ellipsifyTextCharacters}\n      />\n    );\n  }\n\n  return (\n    <MantineTextarea\n      className={FieldClassName(\"fe-textarea\", error)}\n      autoComplete=\"off\"\n      value={value ? `${value}` : \"\"}\n      onChange={onChange}\n      rows={config?.numberOfRows ?? 4}\n      autosize={config?.autoAdjustHeight}\n      maxLength={config?.maxLimit}\n      required={required}\n      aria-invalid={!!error}\n      aria-required={required}\n      data-testid={GetFieldDataTestId(fieldName, programName, entityType, entityId)}\n    />\n  );\n};\n\nexport default Textarea;\n","import { IFieldProps } from \"@form-eng/core\";\nimport React from \"react\";\n\nconst DynamicFragment = (props: IFieldProps<{}>) => {\n  const { value } = props;\n  return <input type=\"hidden\" value={value as string} />;\n};\n\nexport default DynamicFragment;\n","import { IFieldProps } from \"@form-eng/core\";\nimport React from \"react\";\nimport { ReadOnlyText, IReadOnlyFieldProps } from \"../../components/ReadOnlyText\";\n\nconst ReadOnly = (props: IFieldProps<IReadOnlyFieldProps>) => {\n  const { fieldName, value, config } = props;\n  return <ReadOnlyText fieldName={fieldName} value={value as string} {...config} />;\n};\n\nexport default ReadOnly;\n","import { FormStrings } from \"@form-eng/core\";\nimport React from \"react\";\nimport { FieldError } from \"react-hook-form\";\n\ninterface IStatusMessageProps {\n  id?: string;\n  readonly error?: FieldError;\n  readonly errorCount?: number;\n  readonly savePending?: boolean;\n  readonly saving?: boolean;\n}\n\nexport const StatusMessage: React.FunctionComponent<IStatusMessageProps> = (props) => {\n  const { id, error, errorCount, savePending, saving } = props;\n  return (\n    <div className=\"fe-status-message\">\n      {error ? (\n        <span id={id} role=\"alert\" style={{ color: \"var(--mantine-color-red-6, #fa5252)\" }}>\n          {error.message || \"Error\"}\n        </span>\n      ) : savePending ? (\n        <span id={id} role=\"alert\" style={{ color: \"var(--mantine-color-orange-6, #fd7e14)\" }}>\n          {FormStrings.autoSavePending} ({errorCount} {FormStrings.remaining})\n        </span>\n      ) : saving ? (\n        <span id={id} role=\"status\" style={{ color: \"var(--mantine-color-gray-6, #868e96)\" }}>\n          {FormStrings.saving}\n        </span>\n      ) : null}\n    </div>\n  );\n};\n","import { FormConstants } from \"@form-eng/core\";\nimport React from \"react\";\n\ninterface IFormLoadingProps {\n  loadingShimmerCount?: number;\n  loadingFieldShimmerHeight?: number;\n  inPanel?: boolean;\n  hideTitleShimmer?: boolean;\n}\n\nexport const FormLoading = (props: IFormLoadingProps) => {\n  const { loadingShimmerCount, loadingFieldShimmerHeight, inPanel, hideTitleShimmer } = props;\n  const count = loadingShimmerCount || FormConstants.loadingShimmerCount;\n  const height = loadingFieldShimmerHeight || FormConstants.loadingFieldShimmerHeight;\n\n  return (\n    <div\n      className={`fe-form-loading ${inPanel ? \"fe-form-loading--panel\" : \"\"}`}\n      role=\"status\"\n      aria-label=\"Loading form\"\n    >\n      {[...Array(count)].map((_, i) => (\n        <div key={`fe-loading-${i}`} style={{ marginBottom: 16 }}>\n          {!hideTitleShimmer && (\n            <div className=\"fe-skeleton\" style={{ width: \"33%\", height: 16, marginBottom: 8, background: \"var(--mantine-color-gray-2, #e9ecef)\", borderRadius: 4 }} />\n          )}\n          <div className=\"fe-skeleton\" style={{ width: \"100%\", height, background: \"var(--mantine-color-gray-2, #e9ecef)\", borderRadius: 4 }} />\n        </div>\n      ))}\n    </div>\n  );\n};\n\nexport default FormLoading;\n","import { ComponentTypes, Dictionary } from \"@form-eng/core\";\nimport Textbox from \"./fields/Textbox\";\nimport NumberField from \"./fields/Number\";\nimport Toggle from \"./fields/Toggle\";\nimport Dropdown from \"./fields/Dropdown\";\nimport SimpleDropdown from \"./fields/SimpleDropdown\";\nimport MultiSelect from \"./fields/MultiSelect\";\nimport DateControl from \"./fields/DateControl\";\nimport Slider from \"./fields/Slider\";\nimport RadioGroup from \"./fields/RadioGroup\";\nimport CheckboxGroup from \"./fields/CheckboxGroup\";\nimport Textarea from \"./fields/Textarea\";\nimport DynamicFragment from \"./fields/DynamicFragment\";\nimport ReadOnly from \"./fields/readonly/ReadOnly\";\nimport React from \"react\";\n\n/** Creates the default Mantine v7 field registry for use with InjectedFieldProvider */\nexport function createMantineFieldRegistry(): Dictionary<React.JSX.Element> {\n  return {\n    [ComponentTypes.Textbox]: React.createElement(Textbox),\n    [ComponentTypes.Number]: React.createElement(NumberField),\n    [ComponentTypes.Toggle]: React.createElement(Toggle),\n    [ComponentTypes.Dropdown]: React.createElement(Dropdown),\n    [ComponentTypes.SimpleDropdown]: React.createElement(SimpleDropdown),\n    [ComponentTypes.MultiSelect]: React.createElement(MultiSelect),\n    [ComponentTypes.DateControl]: React.createElement(DateControl),\n    [ComponentTypes.Slider]: React.createElement(Slider),\n    [ComponentTypes.RadioGroup]: React.createElement(RadioGroup),\n    [ComponentTypes.CheckboxGroup]: React.createElement(CheckboxGroup),\n    [ComponentTypes.Textarea]: React.createElement(Textarea),\n    [ComponentTypes.Fragment]: React.createElement(DynamicFragment),\n    [ComponentTypes.ReadOnly]: React.createElement(ReadOnly),\n  };\n}\n"],"mappings":"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","names":["import_core","import_jsx_runtime","import_core","import_jsx_runtime","import_core","import_jsx_runtime","import_core","import_jsx_runtime","React","import_core","import_jsx_runtime","import_core","import_jsx_runtime","MantineMultiSelect","import_core","import_jsx_runtime","import_core","import_jsx_runtime","MantineSlider","import_core","import_jsx_runtime","import_core","import_jsx_runtime","import_core","import_jsx_runtime","MantineTextarea","import_jsx_runtime","import_jsx_runtime","import_core","import_jsx_runtime","import_core","import_jsx_runtime","import_core","import_react","React"]}