@form-eng/mantine 1.1.1

package/dist/index.mjs

@@ -0,0 +1,519 @@
+// src/fields/Textbox.tsx
+import { TextInput } from "@mantine/core";
+
+// src/components/ReadOnlyText.tsx
+import { jsx } from "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__ */ jsx(
+    "span",
+    {
+      id: `${fieldName}-read-only`,
+      className: "fe-read-only-text",
+      title: value,
+      children: displayValue
+    }
+  );
+};
+
+// src/helpers.ts
+import {
+  FieldClassName,
+  GetFieldDataTestId,
+  formatDateTime,
+  DocumentLinksStrings
+} from "@form-eng/core";
+
+// src/fields/Textbox.tsx
+import { jsx as jsx2 } from "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__ */ jsx2(
+      ReadOnlyText,
+      {
+        fieldName,
+        value,
+        ellipsifyTextCharacters: config?.ellipsifyTextCharacters
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx2(
+    TextInput,
+    {
+      className: FieldClassName("fe-textbox", error),
+      autoComplete: "off",
+      value: value ?? "",
+      onChange,
+      placeholder: placeholder ?? config?.placeHolder,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Textbox_default = Textbox;
+
+// src/fields/Number.tsx
+import { isNull } from "@form-eng/core";
+import { NumberInput } from "@mantine/core";
+import { jsx as jsx3 } from "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__ */ jsx3(ReadOnlyText, { fieldName, value: !isNull(value) ? String(value) : "" });
+  }
+  return /* @__PURE__ */ jsx3(
+    NumberInput,
+    {
+      className: FieldClassName("fe-number", error),
+      autoComplete: "off",
+      value: !isNull(value) ? value : "",
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Number_default = NumberField;
+
+// src/fields/Toggle.tsx
+import { convertBooleanToYesOrNoText } from "@form-eng/core";
+import { Switch } from "@mantine/core";
+import { jsx as jsx4 } from "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__ */ jsx4(ReadOnlyText, { fieldName, value: convertBooleanToYesOrNoText(value) });
+  }
+  return /* @__PURE__ */ jsx4(
+    Switch,
+    {
+      className: "fe-toggle",
+      checked: !!value,
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Toggle_default = Toggle;
+
+// src/fields/Dropdown.tsx
+import { Select } from "@mantine/core";
+import React from "react";
+import { jsx as jsx5 } from "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 ?? "");
+  };
+  React.useEffect(() => {
+    if (!value && !readOnly && config?.setDefaultKeyIfOnlyOneOption && options?.length === 1) {
+      setFieldValue(fieldName, String(options[0].value));
+    }
+  }, [options]);
+  if (readOnly) {
+    return /* @__PURE__ */ jsx5(ReadOnlyText, { fieldName, value });
+  }
+  const data = options?.map((option) => ({
+    value: String(option.value),
+    label: option.label,
+    disabled: option.disabled
+  })) ?? [];
+  return /* @__PURE__ */ jsx5(
+    Select,
+    {
+      className: 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": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Dropdown_default = Dropdown;
+
+// src/fields/SimpleDropdown.tsx
+import { NativeSelect } from "@mantine/core";
+import { jsx as jsx6 } from "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__ */ jsx6(ReadOnlyText, { fieldName, value });
+  }
+  const data = [
+    { value: "", label: placeholder ?? config?.placeHolder ?? "" },
+    ...simpleOptions.map((option) => ({ value: option, label: option }))
+  ];
+  return /* @__PURE__ */ jsx6(
+    NativeSelect,
+    {
+      className: FieldClassName("fe-simple-dropdown", error),
+      value: value ?? "",
+      onChange,
+      data,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var SimpleDropdown_default = SimpleDropdown;
+
+// src/fields/MultiSelect.tsx
+import { MultiSelect as MantineMultiSelect } from "@mantine/core";
+import { jsx as jsx7 } from "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__ */ jsx7("ul", { className: "fe-multiselect-readonly", children: selectedValues.map((v, i) => /* @__PURE__ */ jsx7("li", { children: v }, i)) }) : /* @__PURE__ */ jsx7("span", { className: "fe-read-only-text", children: "-" });
+  }
+  const data = options?.map((option) => ({
+    value: String(option.value),
+    label: option.label,
+    disabled: option.disabled
+  })) ?? [];
+  return /* @__PURE__ */ jsx7(
+    MantineMultiSelect,
+    {
+      className: FieldClassName("fe-multi-select", error),
+      value: selectedValues,
+      onChange,
+      data,
+      clearable: true,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var MultiSelect_default = MultiSelect;
+
+// src/fields/DateControl.tsx
+import { FormStrings } from "@form-eng/core";
+import { jsx as jsx8, jsxs } from "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__ */ jsx8(
+      "time",
+      {
+        className: "fe-read-only-date",
+        dateTime: value,
+        children: formatDateTime(value, { hideTimestamp: true })
+      }
+    ) : /* @__PURE__ */ jsx8("span", { className: "fe-read-only-text", children: "-" });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "fe-date-control", children: [
+    /* @__PURE__ */ jsx8(
+      "input",
+      {
+        type: "date",
+        className: "fe-date-control__input",
+        value: dateInputValue,
+        onChange,
+        "aria-invalid": !!error,
+        "aria-required": required,
+        "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+      }
+    ),
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        className: "fe-date-control__clear",
+        onClick: onClear,
+        title: FormStrings.clickToClear,
+        "aria-label": `${fieldName} ${FormStrings.clear}`,
+        children: "\xD7"
+      }
+    )
+  ] });
+};
+var DateControl_default = DateControl;
+
+// src/fields/Slider.tsx
+import { Slider as MantineSlider } from "@mantine/core";
+import { jsx as jsx9 } from "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__ */ jsx9(ReadOnlyText, { fieldName, value: String(value) });
+  }
+  return /* @__PURE__ */ jsx9(
+    "div",
+    {
+      className: FieldClassName("fe-slider", error),
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ jsx9(
+        MantineSlider,
+        {
+          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
+import { Radio, Group } from "@mantine/core";
+import { jsx as jsx10 } from "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__ */ jsx10(ReadOnlyText, { fieldName, value: label });
+  }
+  return /* @__PURE__ */ jsx10(
+    Radio.Group,
+    {
+      className: "fe-radio-group",
+      value: value ? String(value) : "",
+      onChange,
+      required,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ jsx10(Group, { mt: "xs", children: options?.map((option) => /* @__PURE__ */ jsx10(
+        Radio,
+        {
+          value: String(option.value),
+          label: option.label,
+          disabled: option.disabled
+        },
+        String(option.value)
+      )) })
+    }
+  );
+};
+var RadioGroup_default = RadioGroup;
+
+// src/fields/CheckboxGroup.tsx
+import { Checkbox, Group as Group2 } from "@mantine/core";
+import { jsx as jsx11 } from "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__ */ jsx11(ReadOnlyText, { fieldName, value: labels ?? "" });
+  }
+  return /* @__PURE__ */ jsx11(
+    Checkbox.Group,
+    {
+      className: "fe-checkbox-group",
+      value: selected,
+      onChange,
+      "aria-invalid": !!error,
+      "aria-required": required,
+      "data-testid": GetFieldDataTestId(fieldName, programName, entityType, entityId),
+      children: /* @__PURE__ */ jsx11(Group2, { mt: "xs", children: options?.map((option) => /* @__PURE__ */ jsx11(
+        Checkbox,
+        {
+          value: String(option.value),
+          label: option.label,
+          disabled: option.disabled
+        },
+        String(option.value)
+      )) })
+    }
+  );
+};
+var CheckboxGroup_default = CheckboxGroup;
+
+// src/fields/Textarea.tsx
+import { Textarea as MantineTextarea } from "@mantine/core";
+import { jsx as jsx12 } from "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__ */ jsx12(
+      ReadOnlyText,
+      {
+        fieldName,
+        value: value ? `${value}` : "",
+        ellipsifyTextCharacters: config?.ellipsifyTextCharacters
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx12(
+    MantineTextarea,
+    {
+      className: 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": GetFieldDataTestId(fieldName, programName, entityType, entityId)
+    }
+  );
+};
+var Textarea_default = Textarea;
+
+// src/fields/DynamicFragment.tsx
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DynamicFragment = (props) => {
+  const { value } = props;
+  return /* @__PURE__ */ jsx13("input", { type: "hidden", value });
+};
+var DynamicFragment_default = DynamicFragment;
+
+// src/fields/readonly/ReadOnly.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ReadOnly = (props) => {
+  const { fieldName, value, config } = props;
+  return /* @__PURE__ */ jsx14(ReadOnlyText, { fieldName, value, ...config });
+};
+var ReadOnly_default = ReadOnly;
+
+// src/components/StatusMessage.tsx
+import { FormStrings as FormStrings2 } from "@form-eng/core";
+import { jsx as jsx15, jsxs as jsxs2 } from "react/jsx-runtime";
+var StatusMessage = (props) => {
+  const { id, error, errorCount, savePending, saving } = props;
+  return /* @__PURE__ */ jsx15("div", { className: "fe-status-message", children: error ? /* @__PURE__ */ jsx15("span", { id, role: "alert", style: { color: "var(--mantine-color-red-6, #fa5252)" }, children: error.message || "Error" }) : savePending ? /* @__PURE__ */ jsxs2("span", { id, role: "alert", style: { color: "var(--mantine-color-orange-6, #fd7e14)" }, children: [
+    FormStrings2.autoSavePending,
+    " (",
+    errorCount,
+    " ",
+    FormStrings2.remaining,
+    ")"
+  ] }) : saving ? /* @__PURE__ */ jsx15("span", { id, role: "status", style: { color: "var(--mantine-color-gray-6, #868e96)" }, children: FormStrings2.saving }) : null });
+};
+
+// src/components/FormLoading.tsx
+import { FormConstants } from "@form-eng/core";
+import { jsx as jsx16, jsxs as jsxs3 } from "react/jsx-runtime";
+var FormLoading = (props) => {
+  const { loadingShimmerCount, loadingFieldShimmerHeight, inPanel, hideTitleShimmer } = props;
+  const count = loadingShimmerCount || FormConstants.loadingShimmerCount;
+  const height = loadingFieldShimmerHeight || FormConstants.loadingFieldShimmerHeight;
+  return /* @__PURE__ */ jsx16(
+    "div",
+    {
+      className: `fe-form-loading ${inPanel ? "fe-form-loading--panel" : ""}`,
+      role: "status",
+      "aria-label": "Loading form",
+      children: [...Array(count)].map((_, i) => /* @__PURE__ */ jsxs3("div", { style: { marginBottom: 16 }, children: [
+        !hideTitleShimmer && /* @__PURE__ */ jsx16("div", { className: "fe-skeleton", style: { width: "33%", height: 16, marginBottom: 8, background: "var(--mantine-color-gray-2, #e9ecef)", borderRadius: 4 } }),
+        /* @__PURE__ */ jsx16("div", { className: "fe-skeleton", style: { width: "100%", height, background: "var(--mantine-color-gray-2, #e9ecef)", borderRadius: 4 } })
+      ] }, `fe-loading-${i}`))
+    }
+  );
+};
+
+// src/registry.ts
+import { ComponentTypes } from "@form-eng/core";
+import React2 from "react";
+function createMantineFieldRegistry() {
+  return {
+    [ComponentTypes.Textbox]: React2.createElement(Textbox_default),
+    [ComponentTypes.Number]: React2.createElement(Number_default),
+    [ComponentTypes.Toggle]: React2.createElement(Toggle_default),
+    [ComponentTypes.Dropdown]: React2.createElement(Dropdown_default),
+    [ComponentTypes.SimpleDropdown]: React2.createElement(SimpleDropdown_default),
+    [ComponentTypes.MultiSelect]: React2.createElement(MultiSelect_default),
+    [ComponentTypes.DateControl]: React2.createElement(DateControl_default),
+    [ComponentTypes.Slider]: React2.createElement(Slider_default),
+    [ComponentTypes.RadioGroup]: React2.createElement(RadioGroup_default),
+    [ComponentTypes.CheckboxGroup]: React2.createElement(CheckboxGroup_default),
+    [ComponentTypes.Textarea]: React2.createElement(Textarea_default),
+    [ComponentTypes.Fragment]: React2.createElement(DynamicFragment_default),
+    [ComponentTypes.ReadOnly]: React2.createElement(ReadOnly_default)
+  };
+}
+export {
+  CheckboxGroup_default as CheckboxGroup,
+  DateControl_default as DateControl,
+  DocumentLinksStrings,
+  Dropdown_default as Dropdown,
+  DynamicFragment_default as DynamicFragment,
+  FieldClassName,
+  FormLoading,
+  GetFieldDataTestId,
+  MultiSelect_default as MultiSelect,
+  Number_default as Number,
+  RadioGroup_default as RadioGroup,
+  ReadOnly_default as ReadOnly,
+  ReadOnlyText,
+  SimpleDropdown_default as SimpleDropdown,
+  Slider_default as Slider,
+  StatusMessage,
+  Textarea_default as Textarea,
+  Textbox_default as Textbox,
+  Toggle_default as Toggle,
+  createMantineFieldRegistry,
+  formatDateTime
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../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":["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":["jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","jsx","Group","jsx","Group","jsx","jsx","jsx","FormStrings","jsx","jsxs","jsx","jsxs","React"]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@form-eng/mantine",
+  "version": "1.1.1",
+  "description": "Mantine v7 field components for @form-eng/core",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bghcore/form-engine.git",
+    "directory": "packages/mantine"
+  },
+  "homepage": "https://github.com/bghcore/form-engine#readme",
+  "bugs": {
+    "url": "https://github.com/bghcore/form-engine/issues"
+  },
+  "keywords": [
+    "react",
+    "forms",
+    "mantine",
+    "dynamic-forms",
+    "react-hook-form",
+    "form-builder",
+    "field-components",
+    "business-forms"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "license": "MIT",
+  "author": "bghcore (https://github.com/bghcore)",
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rimraf dist"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": "^7.0.0",
+    "@form-eng/core": "^1.0.0",
+    "@mantine/core": "^7.0.0",
+    "@mantine/dates": "^7.0.0"
+  },
+  "devDependencies": {
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.71.2",
+    "@form-eng/core": "*",
+    "@mantine/core": "^7.17.2",
+    "@mantine/dates": "^7.17.2",
+    "dayjs": "^1.11.13",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3"
+  }
+}