@nnkogift/dhis2-form-utils-dhis2-ui 0.1.0-alpha.0

package/dist/index.cjs

@@ -0,0 +1,456 @@
+'use strict';
+
+var dhis2FormUtilsHooks = require('@nnkogift/dhis2-form-utils-hooks');
+var ui = require('@dhis2/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/fields/D2Field.tsx
+function D2TextField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2LongTextField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.TextAreaField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2TypedTextField({ control, type }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      type,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2EmailField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(D2TypedTextField, { ...props, type: "email" });
+}
+function D2PhoneField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(D2TypedTextField, { ...props, type: "tel" });
+}
+function D2NumberField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(D2TypedTextField, { ...props, type: "number" });
+}
+function D2IntegerField(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(D2TypedTextField, { ...props, type: "number" });
+}
+function D2PercentageField({ control }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    D2TextField,
+    {
+      control: {
+        ...control,
+        fieldConfig: {
+          ...control.fieldConfig,
+          label: `${control.fieldConfig.label} (%)`
+        }
+      }
+    }
+  );
+}
+var todayIso = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+var readDatePart = (value) => {
+  if (!value) return "";
+  return value.includes("T") ? value.slice(0, 10) : value;
+};
+var readTimePart = (value) => {
+  if (!value.includes("T")) return "";
+  return value.slice(11, 16);
+};
+function D2DateField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  const dateValue = field.value;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.CalendarInput,
+    {
+      name: field.name,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      calendar: "gregory",
+      format: "YYYY-MM-DD",
+      date: dateValue || void 0,
+      clearable: !isMandatory,
+      pastOnly: !fieldConfig.allowFutureDate,
+      maxDate: fieldConfig.allowFutureDate ? void 0 : todayIso(),
+      onDateSelect: (payload) => {
+        field.onChange(payload?.calendarDateString ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2TimeField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      type: "time",
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2DateTimeField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  const value = field.value;
+  const datePart = readDatePart(value);
+  const timePart = readTimePart(value);
+  const commit = (nextDate, nextTime) => {
+    if (!nextDate && !nextTime) {
+      field.onChange("");
+      return;
+    }
+    field.onChange(`${nextDate}T${nextTime || "00:00"}`);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.CalendarInput,
+      {
+        name: `${field.name}-date`,
+        label: fieldConfig.label,
+        helpText: fieldConfig.description,
+        required: isMandatory,
+        disabled: isDisabled,
+        warning: hasWarning,
+        error: hasError,
+        validationText,
+        calendar: "gregory",
+        format: "YYYY-MM-DD",
+        date: datePart || void 0,
+        clearable: !isMandatory,
+        pastOnly: !fieldConfig.allowFutureDate,
+        maxDate: fieldConfig.allowFutureDate ? void 0 : todayIso(),
+        onDateSelect: (payload) => {
+          commit(payload?.calendarDateString ?? "", timePart);
+        },
+        onBlur: field.onBlur
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.InputField,
+      {
+        name: `${field.name}-time`,
+        value: timePart,
+        label: `${fieldConfig.label} (time)`,
+        required: isMandatory,
+        disabled: isDisabled,
+        type: "time",
+        warning: hasWarning,
+        error: hasError,
+        onChange: ({ value: nextTime }) => {
+          commit(datePart, nextTime ?? "");
+        },
+        onBlur: field.onBlur
+      }
+    )
+  ] });
+}
+function D2AgeField({ control }) {
+  const age = dhis2FormUtilsHooks.computeAgeFromDob(control.field.value);
+  const helpText = [control.fieldConfig.description, age ? `Age: ${age} years` : void 0].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    D2DateField,
+    {
+      control: {
+        ...control,
+        fieldConfig: {
+          ...control.fieldConfig,
+          description: helpText || control.fieldConfig.description
+        }
+      }
+    }
+  );
+}
+var BOOLEAN_OPTIONS = [
+  { label: "Yes", value: "true" },
+  { label: "No", value: "false" }
+];
+var RADIO_RENDER_HINTS = /* @__PURE__ */ new Set(["RADIO", "VERTICAL_RADIOBUTTONS", "HORIZONTAL_RADIOBUTTONS"]);
+function D2BooleanField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  const options = isMandatory ? [...BOOLEAN_OPTIONS] : [...BOOLEAN_OPTIONS, { label: "\u2014", value: "" }];
+  return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("legend", { children: [
+      fieldConfig.label,
+      isMandatory ? " *" : ""
+    ] }),
+    fieldConfig.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: fieldConfig.description }) : null,
+    options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Radio,
+      {
+        name: field.name,
+        label: option.label,
+        value: option.value,
+        checked: field.value === option.value,
+        disabled: isDisabled,
+        onChange: ({ value }) => {
+          field.onChange(value ?? "");
+        },
+        onBlur: field.onBlur
+      },
+      option.label
+    )),
+    validationText ? /* @__PURE__ */ jsxRuntime.jsx("p", { "data-error": hasError || void 0, "data-warning": hasWarning || void 0, children: validationText }) : null
+  ] });
+}
+function D2TrueOnlyField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.CheckboxField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      checked: field.value === "true",
+      onChange: ({ checked }) => {
+        field.onChange(checked ? "true" : "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2SelectField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(
+    (option) => ({
+      label: option.label,
+      value: option.code
+    })
+  );
+  if (fieldConfig.renderTypeHint && RADIO_RENDER_HINTS.has(fieldConfig.renderTypeHint)) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("legend", { children: fieldConfig.label }),
+      fieldConfig.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: fieldConfig.description }) : null,
+      options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Radio,
+        {
+          label: option.label,
+          value: option.value,
+          checked: field.value === option.value,
+          disabled: isDisabled,
+          onChange: ({ value }) => {
+            field.onChange(value ?? "");
+          }
+        },
+        option.value
+      )),
+      validationText ? /* @__PURE__ */ jsxRuntime.jsx("p", { children: validationText }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.SingleSelectField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      selected: field.value,
+      onChange: ({ selected }) => {
+        field.onChange(selected);
+      },
+      onBlur: field.onBlur,
+      children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(ui.SingleSelectOption, { label: option.label, value: option.value }, option.value))
+    }
+  );
+}
+function D2MultiSelectField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(
+    (option) => ({
+      label: option.label,
+      value: option.code
+    })
+  );
+  const selected = dhis2FormUtilsHooks.parseMultiTextValue(field.value);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.MultiSelectField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      selected,
+      onChange: ({ selected: nextSelected }) => {
+        field.onChange(dhis2FormUtilsHooks.joinMultiTextValue(nextSelected));
+      },
+      onBlur: field.onBlur,
+      children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectOption, { label: option.label, value: option.value }, option.value))
+    }
+  );
+}
+function D2UnsupportedField({ control }) {
+  const { fieldConfig, field, widgetKind, isMandatory } = control;
+  const { validationText, hasError, hasWarning } = dhis2FormUtilsHooks.resolveFieldValidation(control);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: `Widget not yet implemented: ${widgetKind}`,
+      required: isMandatory,
+      disabled: true,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+var WIDGET_BY_KIND = {
+  text: D2TextField,
+  longText: D2LongTextField,
+  email: D2EmailField,
+  phone: D2PhoneField,
+  number: D2NumberField,
+  integer: D2IntegerField,
+  percentage: D2PercentageField,
+  boolean: D2BooleanField,
+  trueOnly: D2TrueOnlyField,
+  date: D2DateField,
+  time: D2TimeField,
+  age: D2AgeField,
+  select: D2SelectField,
+  multiSelect: D2MultiSelectField,
+  datetime: D2DateTimeField,
+  coordinate: D2UnsupportedField,
+  orgUnit: D2UnsupportedField,
+  file: D2UnsupportedField,
+  image: D2UnsupportedField,
+  unsupported: D2UnsupportedField
+};
+function D2FieldWidget({ control }) {
+  const Widget = WIDGET_BY_KIND[control.widgetKind];
+  return /* @__PURE__ */ jsxRuntime.jsx(Widget, { control });
+}
+function D2Field({ field }) {
+  const fieldControl = dhis2FormUtilsHooks.useFieldControl({ ...field });
+  if (fieldControl.isHidden) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(D2FieldWidget, { control: fieldControl });
+}
+function FormSection({ sectionId, children }) {
+  const state = dhis2FormUtilsHooks.useSectionState(sectionId);
+  if (state.hidden) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+}
+function FeedbackPanel({ title, items }) {
+  if (!items.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginBottom: "var(--spacers-dp16)" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { style: { margin: "0 0 var(--spacers-dp8)" }, children: title }),
+    items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(ui.NoticeBox, { title: item.content, children: item.value ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("strong", { children: item.content }),
+      ": ",
+      item.value
+    ] }) : item.content }, `${item.location}:${item.content}`))
+  ] });
+}
+function FormFeedback() {
+  const feedback = dhis2FormUtilsHooks.useFormFeedback();
+  const items = Object.values(feedback);
+  const feedbackItems = items.filter((item) => item.location === "feedback");
+  const indicatorItems = items.filter((item) => item.location === "indicators");
+  if (!feedbackItems.length && !indicatorItems.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FeedbackPanel, { title: "Feedback", items: feedbackItems }),
+    /* @__PURE__ */ jsxRuntime.jsx(FeedbackPanel, { title: "Program indicators", items: indicatorItems })
+  ] });
+}
+
+exports.D2Field = D2Field;
+exports.D2FieldWidget = D2FieldWidget;
+exports.FormFeedback = FormFeedback;
+exports.FormSection = FormSection;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fields/widgets/TextField.tsx","../src/fields/widgets/LongTextField.tsx","../src/fields/widgets/NumericFields.tsx","../src/fields/widgets/DateFields.tsx","../src/fields/widgets/ChoiceFields.tsx","../src/fields/widgets/UnsupportedField.tsx","../src/fields/D2Field.tsx","../src/components/FormSection.tsx","../src/components/FormFeedback.tsx"],"names":["resolveFieldValidation","jsx","InputField","TextAreaField","CalendarInput","computeAgeFromDob","jsxs","Radio","CheckboxField","SingleSelectField","SingleSelectOption","parseMultiTextValue","MultiSelectField","joinMultiTextValue","MultiSelectOption","useFieldControl","useSectionState","Fragment","NoticeBox","useFormFeedback"],"mappings":";;;;;;;AAIO,SAAS,WAAA,CAAY,EAAE,OAAA,EAAQ,EAAgB;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIA,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAA;AAAA,IAACC,aAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;ACrBO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAQ,EAAgB;AACtD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIF,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAAA;AAAA,IAACE,gBAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;ACpBA,SAAS,gBAAA,CAAiB,EAAE,OAAA,EAAS,IAAA,EAAK,EAAwD;AAC9F,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIH,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAAA;AAAA,IAACC,aAAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,IAAA;AAAA,MACA,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;AAEO,SAAS,aAAa,KAAA,EAAoB;AAC7C,EAAA,uBAAOD,cAAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,MAAK,OAAA,EAAQ,CAAA;AACrD;AAEO,SAAS,aAAa,KAAA,EAAoB;AAC7C,EAAA,uBAAOA,cAAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,MAAK,KAAA,EAAM,CAAA;AACnD;AAEO,SAAS,cAAc,KAAA,EAAoB;AAC9C,EAAA,uBAAOA,cAAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,MAAK,QAAA,EAAS,CAAA;AACtD;AAEO,SAAS,eAAe,KAAA,EAAoB;AAC/C,EAAA,uBAAOA,cAAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,KAAA,EAAO,MAAK,QAAA,EAAS,CAAA;AACtD;AAEO,SAAS,iBAAA,CAAkB,EAAE,OAAA,EAAQ,EAAgB;AACxD,EAAA,uBACIA,cAAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS;AAAA,QACL,GAAG,OAAA;AAAA,QACH,WAAA,EAAa;AAAA,UACT,GAAG,OAAA,CAAQ,WAAA;AAAA,UACX,KAAA,EAAO,CAAA,EAAG,OAAA,CAAQ,WAAA,CAAY,KAAK,CAAA,IAAA;AAAA;AACvC;AACJ;AAAA,GACJ;AAER;ACrDA,IAAM,QAAA,GAAW,uBAAc,IAAI,IAAA,IAAO,WAAA,EAAY,CAAE,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA;AAMnE,IAAM,YAAA,GAAe,CAAC,KAAA,KAA0B;AAC5C,EAAA,IAAI,CAAC,OAAO,OAAO,EAAA;AACnB,EAAA,OAAO,KAAA,CAAM,SAAS,GAAG,CAAA,GAAI,MAAM,KAAA,CAAM,CAAA,EAAG,EAAE,CAAA,GAAI,KAAA;AACtD,CAAA;AAEA,IAAM,YAAA,GAAe,CAAC,KAAA,KAA0B;AAC5C,EAAA,IAAI,CAAC,KAAA,CAAM,QAAA,CAAS,GAAG,GAAG,OAAO,EAAA;AACjC,EAAA,OAAO,KAAA,CAAM,KAAA,CAAM,EAAA,EAAI,EAAE,CAAA;AAC7B,CAAA;AAEO,SAAS,WAAA,CAAY,EAAE,OAAA,EAAQ,EAAgB;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAID,2CAAuB,OAAO,CAAA;AAC/E,EAAA,MAAM,YAAY,KAAA,CAAM,KAAA;AAExB,EAAA,uBACIC,cAAAA;AAAA,IAACG,gBAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAS,SAAA;AAAA,MACT,MAAA,EAAO,YAAA;AAAA,MACP,MAAM,SAAA,IAAa,MAAA;AAAA,MACnB,WAAW,CAAC,WAAA;AAAA,MACZ,QAAA,EAAU,CAAC,WAAA,CAAY,eAAA;AAAA,MACvB,OAAA,EAAS,WAAA,CAAY,eAAA,GAAkB,MAAA,GAAY,QAAA,EAAS;AAAA,MAC5D,YAAA,EAAc,CAAC,OAAA,KAA+B;AAC1C,QAAA,KAAA,CAAM,QAAA,CAAS,OAAA,EAAS,kBAAA,IAAsB,EAAE,CAAA;AAAA,MACpD,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;AAEO,SAAS,WAAA,CAAY,EAAE,OAAA,EAAQ,EAAgB;AAClD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIJ,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAAA;AAAA,IAACC,aAAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,IAAA,EAAK,MAAA;AAAA,MACL,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;AAEO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAQ,EAAgB;AACtD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIF,2CAAuB,OAAO,CAAA;AAC/E,EAAA,MAAM,QAAQ,KAAA,CAAM,KAAA;AACpB,EAAA,MAAM,QAAA,GAAW,aAAa,KAAK,CAAA;AACnC,EAAA,MAAM,QAAA,GAAW,aAAa,KAAK,CAAA;AAEnC,EAAA,MAAM,MAAA,GAAS,CAAC,QAAA,EAAkB,QAAA,KAAqB;AACnD,IAAA,IAAI,CAAC,QAAA,IAAY,CAAC,QAAA,EAAU;AACxB,MAAA,KAAA,CAAM,SAAS,EAAE,CAAA;AACjB,MAAA;AAAA,IACJ;AACA,IAAA,KAAA,CAAM,SAAS,CAAA,EAAG,QAAQ,CAAA,CAAA,EAAI,QAAA,IAAY,OAAO,CAAA,CAAE,CAAA;AAAA,EACvD,CAAA;AAEA,EAAA,uCACK,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,oBAAAC,cAAAA;AAAA,MAACG,gBAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAM,CAAA,EAAG,KAAA,CAAM,IAAI,CAAA,KAAA,CAAA;AAAA,QACnB,OAAO,WAAA,CAAY,KAAA;AAAA,QACnB,UAAU,WAAA,CAAY,WAAA;AAAA,QACtB,QAAA,EAAU,WAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,OAAA,EAAS,UAAA;AAAA,QACT,KAAA,EAAO,QAAA;AAAA,QACP,cAAA;AAAA,QACA,QAAA,EAAS,SAAA;AAAA,QACT,MAAA,EAAO,YAAA;AAAA,QACP,MAAM,QAAA,IAAY,MAAA;AAAA,QAClB,WAAW,CAAC,WAAA;AAAA,QACZ,QAAA,EAAU,CAAC,WAAA,CAAY,eAAA;AAAA,QACvB,OAAA,EAAS,WAAA,CAAY,eAAA,GAAkB,MAAA,GAAY,QAAA,EAAS;AAAA,QAC5D,YAAA,EAAc,CAAC,OAAA,KAA+B;AAC1C,UAAA,MAAA,CAAO,OAAA,EAAS,kBAAA,IAAsB,EAAA,EAAI,QAAQ,CAAA;AAAA,QACtD,CAAA;AAAA,QACA,QAAQ,KAAA,CAAM;AAAA;AAAA,KAClB;AAAA,oBACAH,cAAAA;AAAA,MAACC,aAAAA;AAAA,MAAA;AAAA,QACG,IAAA,EAAM,CAAA,EAAG,KAAA,CAAM,IAAI,CAAA,KAAA,CAAA;AAAA,QACnB,KAAA,EAAO,QAAA;AAAA,QACP,KAAA,EAAO,CAAA,EAAG,WAAA,CAAY,KAAK,CAAA,OAAA,CAAA;AAAA,QAC3B,QAAA,EAAU,WAAA;AAAA,QACV,QAAA,EAAU,UAAA;AAAA,QACV,IAAA,EAAK,MAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,KAAA,EAAO,QAAA;AAAA,QACP,QAAA,EAAU,CAAC,EAAE,KAAA,EAAO,UAAS,KAAM;AAC/B,UAAA,MAAA,CAAO,QAAA,EAAU,YAAY,EAAE,CAAA;AAAA,QACnC,CAAA;AAAA,QACA,QAAQ,KAAA,CAAM;AAAA;AAAA;AAClB,GAAA,EACJ,CAAA;AAER;AAEO,SAAS,UAAA,CAAW,EAAE,OAAA,EAAQ,EAAgB;AACjD,EAAA,MAAM,GAAA,GAAMG,qCAAA,CAAkB,OAAA,CAAQ,KAAA,CAAM,KAAe,CAAA;AAC3D,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,CAAQ,WAAA,CAAY,aAAa,GAAA,GAAM,CAAA,KAAA,EAAQ,GAAG,CAAA,MAAA,CAAA,GAAW,MAAS,CAAA,CACnF,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,QAAK,CAAA;AAEf,EAAA,uBACIJ,cAAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACG,OAAA,EAAS;AAAA,QACL,GAAG,OAAA;AAAA,QACH,WAAA,EAAa;AAAA,UACT,GAAG,OAAA,CAAQ,WAAA;AAAA,UACX,WAAA,EAAa,QAAA,IAAY,OAAA,CAAQ,WAAA,CAAY;AAAA;AACjD;AACJ;AAAA,GACJ;AAER;AClIA,IAAM,eAAA,GAAkB;AAAA,EACpB,EAAE,KAAA,EAAO,KAAA,EAAO,KAAA,EAAO,MAAA,EAAO;AAAA,EAC9B,EAAE,KAAA,EAAO,IAAA,EAAM,KAAA,EAAO,OAAA;AAC1B,CAAA;AAEA,IAAM,qCAAqB,IAAI,GAAA,CAAI,CAAC,OAAA,EAAS,uBAAA,EAAyB,yBAAyB,CAAC,CAAA;AAGzF,SAAS,cAAA,CAAe,EAAE,OAAA,EAAQ,EAAgB;AACrD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAID,2CAAuB,OAAO,CAAA;AAC/E,EAAA,MAAM,OAAA,GAAU,WAAA,GACV,CAAC,GAAG,eAAe,CAAA,GACnB,CAAC,GAAG,eAAA,EAAiB,EAAE,KAAA,EAAO,QAAA,EAAK,KAAA,EAAO,IAAI,CAAA;AAEpD,EAAA,uBACIM,gBAAC,UAAA,EAAA,EACG,QAAA,EAAA;AAAA,oBAAAA,gBAAC,QAAA,EAAA,EACI,QAAA,EAAA;AAAA,MAAA,WAAA,CAAY,KAAA;AAAA,MACZ,cAAc,IAAA,GAAO;AAAA,KAAA,EAC1B,CAAA;AAAA,IACC,YAAY,WAAA,mBAAcL,eAAC,GAAA,EAAA,EAAG,QAAA,EAAA,WAAA,CAAY,aAAY,CAAA,GAAO,IAAA;AAAA,IAC7D,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACVA,cAAAA;AAAA,MAACM,QAAA;AAAA,MAAA;AAAA,QAEG,MAAM,KAAA,CAAM,IAAA;AAAA,QACZ,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,OAAO,MAAA,CAAO,KAAA;AAAA,QACd,OAAA,EAAS,KAAA,CAAM,KAAA,KAAU,MAAA,CAAO,KAAA;AAAA,QAChC,QAAA,EAAU,UAAA;AAAA,QACV,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,UAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,QAC9B,CAAA;AAAA,QACA,QAAQ,KAAA,CAAM;AAAA,OAAA;AAAA,MATT,MAAA,CAAO;AAAA,KAWnB,CAAA;AAAA,IACA,cAAA,mBACGN,cAAAA,CAAC,GAAA,EAAA,EAAE,YAAA,EAAY,QAAA,IAAY,MAAA,EAAW,cAAA,EAAc,UAAA,IAAc,MAAA,EAC7D,QAAA,EAAA,cAAA,EACL,CAAA,GACA;AAAA,GAAA,EACR,CAAA;AAER;AAEO,SAAS,eAAA,CAAgB,EAAE,OAAA,EAAQ,EAAgB;AACtD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAID,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAAA;AAAA,IAACO,gBAAA;AAAA,IAAA;AAAA,MACG,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,OAAA,EAAS,MAAM,KAAA,KAAU,MAAA;AAAA,MACzB,QAAA,EAAU,CAAC,EAAE,OAAA,EAAQ,KAAM;AACvB,QAAA,KAAA,CAAM,QAAA,CAAS,OAAA,GAAU,MAAA,GAAS,EAAE,CAAA;AAAA,MACxC,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;AAEO,SAAS,aAAA,CAAc,EAAE,OAAA,EAAQ,EAAgB;AACpD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIR,2CAAuB,OAAO,CAAA;AAC/E,EAAA,MAAM,WAAW,OAAA,CAAQ,cAAA,IAAkB,YAAY,SAAA,EAAW,OAAA,IAAW,EAAC,EAAG,GAAA;AAAA,IAC7E,CAAC,MAAA,MAAY;AAAA,MACT,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,OAAO,MAAA,CAAO;AAAA,KAClB;AAAA,GACJ;AAEA,EAAA,IAAI,YAAY,cAAA,IAAkB,kBAAA,CAAmB,GAAA,CAAI,WAAA,CAAY,cAAc,CAAA,EAAG;AAClF,IAAA,uBACIM,gBAAC,UAAA,EAAA,EACG,QAAA,EAAA;AAAA,sBAAAL,cAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,WAAA,CAAY,KAAA,EAAM,CAAA;AAAA,MAC1B,YAAY,WAAA,mBAAcA,eAAC,GAAA,EAAA,EAAG,QAAA,EAAA,WAAA,CAAY,aAAY,CAAA,GAAO,IAAA;AAAA,MAC7D,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACVA,cAAAA;AAAA,QAACM,QAAA;AAAA,QAAA;AAAA,UAEG,OAAO,MAAA,CAAO,KAAA;AAAA,UACd,OAAO,MAAA,CAAO,KAAA;AAAA,UACd,OAAA,EAAS,KAAA,CAAM,KAAA,KAAU,MAAA,CAAO,KAAA;AAAA,UAChC,QAAA,EAAU,UAAA;AAAA,UACV,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,YAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,UAC9B;AAAA,SAAA;AAAA,QAPK,MAAA,CAAO;AAAA,OASnB,CAAA;AAAA,MACA,cAAA,mBAAiBN,cAAAA,CAAC,GAAA,EAAA,EAAG,0BAAe,CAAA,GAAO;AAAA,KAAA,EAChD,CAAA;AAAA,EAER;AAEA,EAAA,uBACIA,cAAAA;AAAA,IAACQ,oBAAA;AAAA,IAAA;AAAA,MACG,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,UAAU,KAAA,CAAM,KAAA;AAAA,MAChB,QAAA,EAAU,CAAC,EAAE,QAAA,EAAS,KAAM;AACxB,QAAA,KAAA,CAAM,SAAS,QAAQ,CAAA;AAAA,MAC3B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM,MAAA;AAAA,MAEb,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACVR,cAAAA,CAACS,qBAAA,EAAA,EAAsC,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,KAAA,EAAA,EAAjD,MAAA,CAAO,KAAiD,CACpF;AAAA;AAAA,GACL;AAER;AAEO,SAAS,kBAAA,CAAmB,EAAE,OAAA,EAAQ,EAAgB;AACzD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,WAAA,EAAa,YAAW,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAIV,2CAAuB,OAAO,CAAA;AAC/E,EAAA,MAAM,WAAW,OAAA,CAAQ,cAAA,IAAkB,YAAY,SAAA,EAAW,OAAA,IAAW,EAAC,EAAG,GAAA;AAAA,IAC7E,CAAC,MAAA,MAAY;AAAA,MACT,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,OAAO,MAAA,CAAO;AAAA,KAClB;AAAA,GACJ;AACA,EAAA,MAAM,QAAA,GAAWW,uCAAA,CAAoB,KAAA,CAAM,KAAe,CAAA;AAE1D,EAAA,uBACIV,cAAAA;AAAA,IAACW,mBAAA;AAAA,IAAA;AAAA,MACG,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,UAAU,WAAA,CAAY,WAAA;AAAA,MACtB,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAU,UAAA;AAAA,MACV,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,QAAA,EAAU,cAAa,KAAM;AACtC,QAAA,KAAA,CAAM,QAAA,CAASC,sCAAA,CAAmB,YAAY,CAAC,CAAA;AAAA,MACnD,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM,MAAA;AAAA,MAEb,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,qBACVZ,cAAAA,CAACa,oBAAA,EAAA,EAAqC,KAAA,EAAO,MAAA,CAAO,OAAO,KAAA,EAAO,MAAA,CAAO,KAAA,EAAA,EAAjD,MAAA,CAAO,KAAiD,CACnF;AAAA;AAAA,GACL;AAER;ACnKO,SAAS,kBAAA,CAAmB,EAAE,OAAA,EAAQ,EAAgB;AACzD,EAAA,MAAM,EAAE,WAAA,EAAa,KAAA,EAAO,UAAA,EAAY,aAAY,GAAI,OAAA;AACxD,EAAA,MAAM,EAAE,cAAA,EAAgB,QAAA,EAAU,UAAA,EAAW,GAAId,2CAAuB,OAAO,CAAA;AAE/E,EAAA,uBACIC,cAAAA;AAAA,IAACC,aAAAA;AAAA,IAAA;AAAA,MACG,MAAM,KAAA,CAAM,IAAA;AAAA,MACZ,OAAO,KAAA,CAAM,KAAA;AAAA,MACb,OAAO,WAAA,CAAY,KAAA;AAAA,MACnB,QAAA,EAAU,+BAA+B,UAAU,CAAA,CAAA;AAAA,MACnD,QAAA,EAAU,WAAA;AAAA,MACV,QAAA,EAAQ,IAAA;AAAA,MACR,OAAA,EAAS,UAAA;AAAA,MACT,KAAA,EAAO,QAAA;AAAA,MACP,cAAA;AAAA,MACA,QAAA,EAAU,CAAC,EAAE,KAAA,EAAM,KAAM;AACrB,QAAA,KAAA,CAAM,QAAA,CAAS,SAAS,EAAE,CAAA;AAAA,MAC9B,CAAA;AAAA,MACA,QAAQ,KAAA,CAAM;AAAA;AAAA,GAClB;AAER;ACQA,IAAM,cAAA,GAAiE;AAAA,EACnE,IAAA,EAAM,WAAA;AAAA,EACN,QAAA,EAAU,eAAA;AAAA,EACV,KAAA,EAAO,YAAA;AAAA,EACP,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,aAAA;AAAA,EACR,OAAA,EAAS,cAAA;AAAA,EACT,UAAA,EAAY,iBAAA;AAAA,EACZ,OAAA,EAAS,cAAA;AAAA,EACT,QAAA,EAAU,eAAA;AAAA,EACV,IAAA,EAAM,WAAA;AAAA,EACN,IAAA,EAAM,WAAA;AAAA,EACN,GAAA,EAAK,UAAA;AAAA,EACL,MAAA,EAAQ,aAAA;AAAA,EACR,WAAA,EAAa,kBAAA;AAAA,EACb,QAAA,EAAU,eAAA;AAAA,EACV,UAAA,EAAY,kBAAA;AAAA,EACZ,OAAA,EAAS,kBAAA;AAAA,EACT,IAAA,EAAM,kBAAA;AAAA,EACN,KAAA,EAAO,kBAAA;AAAA,EACP,WAAA,EAAa;AACjB,CAAA;AAGO,SAAS,aAAA,CAAc,EAAE,OAAA,EAAQ,EAAuB;AAC3D,EAAA,MAAM,MAAA,GAAS,cAAA,CAAe,OAAA,CAAQ,UAAU,CAAA;AAChD,EAAA,uBAAOD,cAAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAkB,CAAA;AACrC;AAEO,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAM,EAAiB;AAC7C,EAAA,MAAM,YAAA,GAAec,mCAAA,CAAgB,EAAE,GAAG,OAAO,CAAA;AAEjD,EAAA,IAAI,YAAA,CAAa,UAAU,OAAO,IAAA;AAElC,EAAA,uBAAOd,cAAAA,CAAC,aAAA,EAAA,EAAc,OAAA,EAAS,YAAA,EAAc,CAAA;AACjD;AC5DO,SAAS,WAAA,CAAY,EAAE,SAAA,EAAW,QAAA,EAAS,EAAqB;AACnE,EAAA,MAAM,KAAA,GAAQe,oCAAgB,SAAS,CAAA;AAEvC,EAAA,IAAI,MAAM,MAAA,EAAQ;AACd,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,uBAAOf,cAAAA,CAAAgB,mBAAA,EAAA,EAAG,QAAA,EAAS,CAAA;AACvB;ACXA,SAAS,aAAA,CAAc,EAAE,KAAA,EAAO,KAAA,EAAM,EAA6C;AAC/E,EAAA,IAAI,CAAC,MAAM,MAAA,EAAQ;AACf,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,uBACIX,eAAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAE,YAAA,EAAc,uBAAsB,EAC9C,QAAA,EAAA;AAAA,oBAAAL,eAAC,IAAA,EAAA,EAAG,KAAA,EAAO,EAAE,MAAA,EAAQ,wBAAA,IAA6B,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACvD,KAAA,CAAM,GAAA,CAAI,CAAC,IAAA,qBACRA,cAAAA,CAACiB,YAAA,EAAA,EAAmD,KAAA,EAAO,IAAA,CAAK,SAC3D,QAAA,EAAA,IAAA,CAAK,KAAA,mBACFZ,eAAAA,CAAAW,qBAAA,EACI,QAAA,EAAA;AAAA,sBAAAhB,cAAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,IAAA,CAAK,OAAA,EAAQ,CAAA;AAAA,MAAS,IAAA;AAAA,MAAG,IAAA,CAAK;AAAA,KAAA,EAC3C,CAAA,GAEA,IAAA,CAAK,OAAA,EAAA,EANG,CAAA,EAAG,IAAA,CAAK,QAAQ,CAAA,CAAA,EAAI,IAAA,CAAK,OAAO,CAAA,CAQhD,CACH;AAAA,GAAA,EACL,CAAA;AAER;AAEO,SAAS,YAAA,GAAe;AAC3B,EAAA,MAAM,WAAWkB,mCAAA,EAAgB;AACjC,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,MAAA,CAAO,QAAQ,CAAA;AACpC,EAAA,MAAM,gBAAgB,KAAA,CAAM,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,aAAa,UAAU,CAAA;AACzE,EAAA,MAAM,iBAAiB,KAAA,CAAM,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,aAAa,YAAY,CAAA;AAE5E,EAAA,IAAI,CAAC,aAAA,CAAc,MAAA,IAAU,CAAC,eAAe,MAAA,EAAQ;AACjD,IAAA,OAAO,IAAA;AAAA,EACX;AAEA,EAAA,uBACIb,gBAAC,KAAA,EAAA,EACG,QAAA,EAAA;AAAA,oBAAAL,cAAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAM,UAAA,EAAW,OAAO,aAAA,EAAe,CAAA;AAAA,oBACtDA,cAAAA,CAAC,aAAA,EAAA,EAAc,KAAA,EAAM,oBAAA,EAAqB,OAAO,cAAA,EAAgB;AAAA,GAAA,EACrE,CAAA;AAER","file":"index.cjs","sourcesContent":["import { InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2TextField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","import { TextAreaField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2LongTextField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <TextAreaField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","import type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { InputField } from '@dhis2/ui';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\nimport { D2TextField } from './TextField';\n\nfunction D2TypedTextField({ control, type }: WidgetProps & { type?: 'email' | 'tel' | 'number' }) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            type={type}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2EmailField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"email\" />;\n}\n\nexport function D2PhoneField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"tel\" />;\n}\n\nexport function D2NumberField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"number\" />;\n}\n\nexport function D2IntegerField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"number\" />;\n}\n\nexport function D2PercentageField({ control }: WidgetProps) {\n    return (\n        <D2TextField\n            control={{\n                ...control,\n                fieldConfig: {\n                    ...control.fieldConfig,\n                    label: `${control.fieldConfig.label} (%)`,\n                },\n            }}\n        />\n    );\n}\n","import { CalendarInput, InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { computeAgeFromDob, resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nconst todayIso = (): string => new Date().toISOString().slice(0, 10);\n\ntype DateSelectPayload = {\n    calendarDateString?: string;\n} | null;\n\nconst readDatePart = (value: string): string => {\n    if (!value) return '';\n    return value.includes('T') ? value.slice(0, 10) : value;\n};\n\nconst readTimePart = (value: string): string => {\n    if (!value.includes('T')) return '';\n    return value.slice(11, 16);\n};\n\nexport function D2DateField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const dateValue = field.value as string;\n\n    return (\n        <CalendarInput\n            name={field.name}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            calendar=\"gregory\"\n            format=\"YYYY-MM-DD\"\n            date={dateValue || undefined}\n            clearable={!isMandatory}\n            pastOnly={!fieldConfig.allowFutureDate}\n            maxDate={fieldConfig.allowFutureDate ? undefined : todayIso()}\n            onDateSelect={(payload: DateSelectPayload) => {\n                field.onChange(payload?.calendarDateString ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2TimeField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            type=\"time\"\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2DateTimeField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const value = field.value as string;\n    const datePart = readDatePart(value);\n    const timePart = readTimePart(value);\n\n    const commit = (nextDate: string, nextTime: string) => {\n        if (!nextDate && !nextTime) {\n            field.onChange('');\n            return;\n        }\n        field.onChange(`${nextDate}T${nextTime || '00:00'}`);\n    };\n\n    return (\n        <div>\n            <CalendarInput\n                name={`${field.name}-date`}\n                label={fieldConfig.label}\n                helpText={fieldConfig.description}\n                required={isMandatory}\n                disabled={isDisabled}\n                warning={hasWarning}\n                error={hasError}\n                validationText={validationText}\n                calendar=\"gregory\"\n                format=\"YYYY-MM-DD\"\n                date={datePart || undefined}\n                clearable={!isMandatory}\n                pastOnly={!fieldConfig.allowFutureDate}\n                maxDate={fieldConfig.allowFutureDate ? undefined : todayIso()}\n                onDateSelect={(payload: DateSelectPayload) => {\n                    commit(payload?.calendarDateString ?? '', timePart);\n                }}\n                onBlur={field.onBlur}\n            />\n            <InputField\n                name={`${field.name}-time`}\n                value={timePart}\n                label={`${fieldConfig.label} (time)`}\n                required={isMandatory}\n                disabled={isDisabled}\n                type=\"time\"\n                warning={hasWarning}\n                error={hasError}\n                onChange={({ value: nextTime }) => {\n                    commit(datePart, nextTime ?? '');\n                }}\n                onBlur={field.onBlur}\n            />\n        </div>\n    );\n}\n\nexport function D2AgeField({ control }: WidgetProps) {\n    const age = computeAgeFromDob(control.field.value as string);\n    const helpText = [control.fieldConfig.description, age ? `Age: ${age} years` : undefined]\n        .filter(Boolean)\n        .join(' · ');\n\n    return (\n        <D2DateField\n            control={{\n                ...control,\n                fieldConfig: {\n                    ...control.fieldConfig,\n                    description: helpText || control.fieldConfig.description,\n                },\n            }}\n        />\n    );\n}\n","import {\n    CheckboxField,\n    MultiSelectField,\n    MultiSelectOption,\n    Radio,\n    SingleSelectField,\n    SingleSelectOption,\n} from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport {\n    joinMultiTextValue,\n    parseMultiTextValue,\n    resolveFieldValidation,\n} from '@nnkogift/dhis2-form-utils-hooks';\n\nconst BOOLEAN_OPTIONS = [\n    { label: 'Yes', value: 'true' },\n    { label: 'No', value: 'false' },\n] as const;\n\nconst RADIO_RENDER_HINTS = new Set(['RADIO', 'VERTICAL_RADIOBUTTONS', 'HORIZONTAL_RADIOBUTTONS']);\n\n// fallow-ignore-next-line complexity\nexport function D2BooleanField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = isMandatory\n        ? [...BOOLEAN_OPTIONS]\n        : [...BOOLEAN_OPTIONS, { label: '—', value: '' }];\n\n    return (\n        <fieldset>\n            <legend>\n                {fieldConfig.label}\n                {isMandatory ? ' *' : ''}\n            </legend>\n            {fieldConfig.description ? <p>{fieldConfig.description}</p> : null}\n            {options.map((option) => (\n                <Radio\n                    key={option.label}\n                    name={field.name}\n                    label={option.label}\n                    value={option.value}\n                    checked={field.value === option.value}\n                    disabled={isDisabled}\n                    onChange={({ value }) => {\n                        field.onChange(value ?? '');\n                    }}\n                    onBlur={field.onBlur}\n                />\n            ))}\n            {validationText ? (\n                <p data-error={hasError || undefined} data-warning={hasWarning || undefined}>\n                    {validationText}\n                </p>\n            ) : null}\n        </fieldset>\n    );\n}\n\nexport function D2TrueOnlyField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <CheckboxField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            checked={field.value === 'true'}\n            onChange={({ checked }) => {\n                field.onChange(checked ? 'true' : '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2SelectField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(\n        (option) => ({\n            label: option.label,\n            value: option.code,\n        })\n    );\n\n    if (fieldConfig.renderTypeHint && RADIO_RENDER_HINTS.has(fieldConfig.renderTypeHint)) {\n        return (\n            <fieldset>\n                <legend>{fieldConfig.label}</legend>\n                {fieldConfig.description ? <p>{fieldConfig.description}</p> : null}\n                {options.map((option) => (\n                    <Radio\n                        key={option.value}\n                        label={option.label}\n                        value={option.value}\n                        checked={field.value === option.value}\n                        disabled={isDisabled}\n                        onChange={({ value }) => {\n                            field.onChange(value ?? '');\n                        }}\n                    />\n                ))}\n                {validationText ? <p>{validationText}</p> : null}\n            </fieldset>\n        );\n    }\n\n    return (\n        <SingleSelectField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            selected={field.value as string}\n            onChange={({ selected }) => {\n                field.onChange(selected);\n            }}\n            onBlur={field.onBlur}\n        >\n            {options.map((option) => (\n                <SingleSelectOption key={option.value} label={option.label} value={option.value} />\n            ))}\n        </SingleSelectField>\n    );\n}\n\nexport function D2MultiSelectField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(\n        (option) => ({\n            label: option.label,\n            value: option.code,\n        })\n    );\n    const selected = parseMultiTextValue(field.value as string);\n\n    return (\n        <MultiSelectField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            selected={selected}\n            onChange={({ selected: nextSelected }) => {\n                field.onChange(joinMultiTextValue(nextSelected));\n            }}\n            onBlur={field.onBlur}\n        >\n            {options.map((option) => (\n                <MultiSelectOption key={option.value} label={option.label} value={option.value} />\n            ))}\n        </MultiSelectField>\n    );\n}\n","import { InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2UnsupportedField({ control }: WidgetProps) {\n    const { fieldConfig, field, widgetKind, isMandatory } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={`Widget not yet implemented: ${widgetKind}`}\n            required={isMandatory}\n            disabled\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","// fallow-ignore-file code-duplication\nimport {\n    type FieldControlInput,\n    useFieldControl,\n    type WidgetProps,\n} from '@nnkogift/dhis2-form-utils-hooks';\nimport type { WidgetKind } from '@nnkogift/dhis2-form-utils-hooks';\nimport type { ComponentType } from 'react';\nimport {\n    D2AgeField,\n    D2BooleanField,\n    D2DateField,\n    D2DateTimeField,\n    D2EmailField,\n    D2IntegerField,\n    D2LongTextField,\n    D2MultiSelectField,\n    D2NumberField,\n    D2PercentageField,\n    D2PhoneField,\n    D2SelectField,\n    D2TextField,\n    D2TimeField,\n    D2TrueOnlyField,\n    D2UnsupportedField,\n} from './widgets';\n\nexport type D2FieldProps = {\n    field: FieldControlInput;\n};\n\nexport type D2FieldWidgetProps = WidgetProps;\n\nconst WIDGET_BY_KIND: Record<WidgetKind, ComponentType<WidgetProps>> = {\n    text: D2TextField,\n    longText: D2LongTextField,\n    email: D2EmailField,\n    phone: D2PhoneField,\n    number: D2NumberField,\n    integer: D2IntegerField,\n    percentage: D2PercentageField,\n    boolean: D2BooleanField,\n    trueOnly: D2TrueOnlyField,\n    date: D2DateField,\n    time: D2TimeField,\n    age: D2AgeField,\n    select: D2SelectField,\n    multiSelect: D2MultiSelectField,\n    datetime: D2DateTimeField,\n    coordinate: D2UnsupportedField,\n    orgUnit: D2UnsupportedField,\n    file: D2UnsupportedField,\n    image: D2UnsupportedField,\n    unsupported: D2UnsupportedField,\n};\n\n/** Dispatches an already-resolved `FieldControlReturn` to its widget component, without re-deriving field control state. Reused by consumers that build their own chrome (labels, badges, ghost placeholders) around a field. */\nexport function D2FieldWidget({ control }: D2FieldWidgetProps) {\n    const Widget = WIDGET_BY_KIND[control.widgetKind];\n    return <Widget control={control} />;\n}\n\nexport function D2Field({ field }: D2FieldProps) {\n    const fieldControl = useFieldControl({ ...field });\n\n    if (fieldControl.isHidden) return null;\n\n    return <D2FieldWidget control={fieldControl} />;\n}\n","import { useSectionState } from '@nnkogift/dhis2-form-utils-hooks';\nimport type { ReactNode } from 'react';\n\nexport type FormSectionProps = {\n    sectionId: string;\n    children: ReactNode;\n};\n\nexport function FormSection({ sectionId, children }: FormSectionProps) {\n    const state = useSectionState(sectionId);\n\n    if (state.hidden) {\n        return null;\n    }\n\n    return <>{children}</>;\n}\n","import { NoticeBox } from '@dhis2/ui';\nimport { useFormFeedback } from '@nnkogift/dhis2-form-utils-hooks';\n\ntype FeedbackItem = ReturnType<typeof useFormFeedback>[string];\n\nfunction FeedbackPanel({ title, items }: { title: string; items: FeedbackItem[] }) {\n    if (!items.length) {\n        return null;\n    }\n\n    return (\n        <div style={{ marginBottom: 'var(--spacers-dp16)' }}>\n            <h3 style={{ margin: '0 0 var(--spacers-dp8)' }}>{title}</h3>\n            {items.map((item) => (\n                <NoticeBox key={`${item.location}:${item.content}`} title={item.content}>\n                    {item.value ? (\n                        <>\n                            <strong>{item.content}</strong>: {item.value}\n                        </>\n                    ) : (\n                        item.content\n                    )}\n                </NoticeBox>\n            ))}\n        </div>\n    );\n}\n\nexport function FormFeedback() {\n    const feedback = useFormFeedback();\n    const items = Object.values(feedback);\n    const feedbackItems = items.filter((item) => item.location === 'feedback');\n    const indicatorItems = items.filter((item) => item.location === 'indicators');\n\n    if (!feedbackItems.length && !indicatorItems.length) {\n        return null;\n    }\n\n    return (\n        <div>\n            <FeedbackPanel title=\"Feedback\" items={feedbackItems} />\n            <FeedbackPanel title=\"Program indicators\" items={indicatorItems} />\n        </div>\n    );\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldControlInput, WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';
+export { FieldControlReturn, WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';
+import { ReactNode } from 'react';
+
+type D2FieldProps = {
+    field: FieldControlInput;
+};
+type D2FieldWidgetProps = WidgetProps;
+/** Dispatches an already-resolved `FieldControlReturn` to its widget component, without re-deriving field control state. Reused by consumers that build their own chrome (labels, badges, ghost placeholders) around a field. */
+declare function D2FieldWidget({ control }: D2FieldWidgetProps): react_jsx_runtime.JSX.Element;
+declare function D2Field({ field }: D2FieldProps): react_jsx_runtime.JSX.Element | null;
+
+type FormSectionProps = {
+    sectionId: string;
+    children: ReactNode;
+};
+declare function FormSection({ sectionId, children }: FormSectionProps): react_jsx_runtime.JSX.Element | null;
+
+declare function FormFeedback(): react_jsx_runtime.JSX.Element | null;
+
+export { D2Field, type D2FieldProps, D2FieldWidget, type D2FieldWidgetProps, FormFeedback, FormSection, type FormSectionProps };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FieldControlInput, WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';
+export { FieldControlReturn, WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';
+import { ReactNode } from 'react';
+
+type D2FieldProps = {
+    field: FieldControlInput;
+};
+type D2FieldWidgetProps = WidgetProps;
+/** Dispatches an already-resolved `FieldControlReturn` to its widget component, without re-deriving field control state. Reused by consumers that build their own chrome (labels, badges, ghost placeholders) around a field. */
+declare function D2FieldWidget({ control }: D2FieldWidgetProps): react_jsx_runtime.JSX.Element;
+declare function D2Field({ field }: D2FieldProps): react_jsx_runtime.JSX.Element | null;
+
+type FormSectionProps = {
+    sectionId: string;
+    children: ReactNode;
+};
+declare function FormSection({ sectionId, children }: FormSectionProps): react_jsx_runtime.JSX.Element | null;
+
+declare function FormFeedback(): react_jsx_runtime.JSX.Element | null;
+
+export { D2Field, type D2FieldProps, D2FieldWidget, type D2FieldWidgetProps, FormFeedback, FormSection, type FormSectionProps };

package/dist/index.js

@@ -0,0 +1,451 @@
+import { useFieldControl, useSectionState, useFormFeedback, resolveFieldValidation, parseMultiTextValue, joinMultiTextValue, computeAgeFromDob } from '@nnkogift/dhis2-form-utils-hooks';
+import { InputField, CalendarInput, MultiSelectField, MultiSelectOption, Radio, SingleSelectField, SingleSelectOption, CheckboxField, TextAreaField, NoticeBox } from '@dhis2/ui';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+
+// src/fields/D2Field.tsx
+function D2TextField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2LongTextField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    TextAreaField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2TypedTextField({ control, type }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      type,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2EmailField(props) {
+  return /* @__PURE__ */ jsx(D2TypedTextField, { ...props, type: "email" });
+}
+function D2PhoneField(props) {
+  return /* @__PURE__ */ jsx(D2TypedTextField, { ...props, type: "tel" });
+}
+function D2NumberField(props) {
+  return /* @__PURE__ */ jsx(D2TypedTextField, { ...props, type: "number" });
+}
+function D2IntegerField(props) {
+  return /* @__PURE__ */ jsx(D2TypedTextField, { ...props, type: "number" });
+}
+function D2PercentageField({ control }) {
+  return /* @__PURE__ */ jsx(
+    D2TextField,
+    {
+      control: {
+        ...control,
+        fieldConfig: {
+          ...control.fieldConfig,
+          label: `${control.fieldConfig.label} (%)`
+        }
+      }
+    }
+  );
+}
+var todayIso = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+var readDatePart = (value) => {
+  if (!value) return "";
+  return value.includes("T") ? value.slice(0, 10) : value;
+};
+var readTimePart = (value) => {
+  if (!value.includes("T")) return "";
+  return value.slice(11, 16);
+};
+function D2DateField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  const dateValue = field.value;
+  return /* @__PURE__ */ jsx(
+    CalendarInput,
+    {
+      name: field.name,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      calendar: "gregory",
+      format: "YYYY-MM-DD",
+      date: dateValue || void 0,
+      clearable: !isMandatory,
+      pastOnly: !fieldConfig.allowFutureDate,
+      maxDate: fieldConfig.allowFutureDate ? void 0 : todayIso(),
+      onDateSelect: (payload) => {
+        field.onChange(payload?.calendarDateString ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2TimeField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      type: "time",
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2DateTimeField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  const value = field.value;
+  const datePart = readDatePart(value);
+  const timePart = readTimePart(value);
+  const commit = (nextDate, nextTime) => {
+    if (!nextDate && !nextTime) {
+      field.onChange("");
+      return;
+    }
+    field.onChange(`${nextDate}T${nextTime || "00:00"}`);
+  };
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(
+      CalendarInput,
+      {
+        name: `${field.name}-date`,
+        label: fieldConfig.label,
+        helpText: fieldConfig.description,
+        required: isMandatory,
+        disabled: isDisabled,
+        warning: hasWarning,
+        error: hasError,
+        validationText,
+        calendar: "gregory",
+        format: "YYYY-MM-DD",
+        date: datePart || void 0,
+        clearable: !isMandatory,
+        pastOnly: !fieldConfig.allowFutureDate,
+        maxDate: fieldConfig.allowFutureDate ? void 0 : todayIso(),
+        onDateSelect: (payload) => {
+          commit(payload?.calendarDateString ?? "", timePart);
+        },
+        onBlur: field.onBlur
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      InputField,
+      {
+        name: `${field.name}-time`,
+        value: timePart,
+        label: `${fieldConfig.label} (time)`,
+        required: isMandatory,
+        disabled: isDisabled,
+        type: "time",
+        warning: hasWarning,
+        error: hasError,
+        onChange: ({ value: nextTime }) => {
+          commit(datePart, nextTime ?? "");
+        },
+        onBlur: field.onBlur
+      }
+    )
+  ] });
+}
+function D2AgeField({ control }) {
+  const age = computeAgeFromDob(control.field.value);
+  const helpText = [control.fieldConfig.description, age ? `Age: ${age} years` : void 0].filter(Boolean).join(" \xB7 ");
+  return /* @__PURE__ */ jsx(
+    D2DateField,
+    {
+      control: {
+        ...control,
+        fieldConfig: {
+          ...control.fieldConfig,
+          description: helpText || control.fieldConfig.description
+        }
+      }
+    }
+  );
+}
+var BOOLEAN_OPTIONS = [
+  { label: "Yes", value: "true" },
+  { label: "No", value: "false" }
+];
+var RADIO_RENDER_HINTS = /* @__PURE__ */ new Set(["RADIO", "VERTICAL_RADIOBUTTONS", "HORIZONTAL_RADIOBUTTONS"]);
+function D2BooleanField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  const options = isMandatory ? [...BOOLEAN_OPTIONS] : [...BOOLEAN_OPTIONS, { label: "\u2014", value: "" }];
+  return /* @__PURE__ */ jsxs("fieldset", { children: [
+    /* @__PURE__ */ jsxs("legend", { children: [
+      fieldConfig.label,
+      isMandatory ? " *" : ""
+    ] }),
+    fieldConfig.description ? /* @__PURE__ */ jsx("p", { children: fieldConfig.description }) : null,
+    options.map((option) => /* @__PURE__ */ jsx(
+      Radio,
+      {
+        name: field.name,
+        label: option.label,
+        value: option.value,
+        checked: field.value === option.value,
+        disabled: isDisabled,
+        onChange: ({ value }) => {
+          field.onChange(value ?? "");
+        },
+        onBlur: field.onBlur
+      },
+      option.label
+    )),
+    validationText ? /* @__PURE__ */ jsx("p", { "data-error": hasError || void 0, "data-warning": hasWarning || void 0, children: validationText }) : null
+  ] });
+}
+function D2TrueOnlyField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    CheckboxField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      checked: field.value === "true",
+      onChange: ({ checked }) => {
+        field.onChange(checked ? "true" : "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+function D2SelectField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(
+    (option) => ({
+      label: option.label,
+      value: option.code
+    })
+  );
+  if (fieldConfig.renderTypeHint && RADIO_RENDER_HINTS.has(fieldConfig.renderTypeHint)) {
+    return /* @__PURE__ */ jsxs("fieldset", { children: [
+      /* @__PURE__ */ jsx("legend", { children: fieldConfig.label }),
+      fieldConfig.description ? /* @__PURE__ */ jsx("p", { children: fieldConfig.description }) : null,
+      options.map((option) => /* @__PURE__ */ jsx(
+        Radio,
+        {
+          label: option.label,
+          value: option.value,
+          checked: field.value === option.value,
+          disabled: isDisabled,
+          onChange: ({ value }) => {
+            field.onChange(value ?? "");
+          }
+        },
+        option.value
+      )),
+      validationText ? /* @__PURE__ */ jsx("p", { children: validationText }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    SingleSelectField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      selected: field.value,
+      onChange: ({ selected }) => {
+        field.onChange(selected);
+      },
+      onBlur: field.onBlur,
+      children: options.map((option) => /* @__PURE__ */ jsx(SingleSelectOption, { label: option.label, value: option.value }, option.value))
+    }
+  );
+}
+function D2MultiSelectField({ control }) {
+  const { fieldConfig, field, isMandatory, isDisabled } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(
+    (option) => ({
+      label: option.label,
+      value: option.code
+    })
+  );
+  const selected = parseMultiTextValue(field.value);
+  return /* @__PURE__ */ jsx(
+    MultiSelectField,
+    {
+      label: fieldConfig.label,
+      helpText: fieldConfig.description,
+      required: isMandatory,
+      disabled: isDisabled,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      selected,
+      onChange: ({ selected: nextSelected }) => {
+        field.onChange(joinMultiTextValue(nextSelected));
+      },
+      onBlur: field.onBlur,
+      children: options.map((option) => /* @__PURE__ */ jsx(MultiSelectOption, { label: option.label, value: option.value }, option.value))
+    }
+  );
+}
+function D2UnsupportedField({ control }) {
+  const { fieldConfig, field, widgetKind, isMandatory } = control;
+  const { validationText, hasError, hasWarning } = resolveFieldValidation(control);
+  return /* @__PURE__ */ jsx(
+    InputField,
+    {
+      name: field.name,
+      value: field.value,
+      label: fieldConfig.label,
+      helpText: `Widget not yet implemented: ${widgetKind}`,
+      required: isMandatory,
+      disabled: true,
+      warning: hasWarning,
+      error: hasError,
+      validationText,
+      onChange: ({ value }) => {
+        field.onChange(value ?? "");
+      },
+      onBlur: field.onBlur
+    }
+  );
+}
+var WIDGET_BY_KIND = {
+  text: D2TextField,
+  longText: D2LongTextField,
+  email: D2EmailField,
+  phone: D2PhoneField,
+  number: D2NumberField,
+  integer: D2IntegerField,
+  percentage: D2PercentageField,
+  boolean: D2BooleanField,
+  trueOnly: D2TrueOnlyField,
+  date: D2DateField,
+  time: D2TimeField,
+  age: D2AgeField,
+  select: D2SelectField,
+  multiSelect: D2MultiSelectField,
+  datetime: D2DateTimeField,
+  coordinate: D2UnsupportedField,
+  orgUnit: D2UnsupportedField,
+  file: D2UnsupportedField,
+  image: D2UnsupportedField,
+  unsupported: D2UnsupportedField
+};
+function D2FieldWidget({ control }) {
+  const Widget = WIDGET_BY_KIND[control.widgetKind];
+  return /* @__PURE__ */ jsx(Widget, { control });
+}
+function D2Field({ field }) {
+  const fieldControl = useFieldControl({ ...field });
+  if (fieldControl.isHidden) return null;
+  return /* @__PURE__ */ jsx(D2FieldWidget, { control: fieldControl });
+}
+function FormSection({ sectionId, children }) {
+  const state = useSectionState(sectionId);
+  if (state.hidden) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function FeedbackPanel({ title, items }) {
+  if (!items.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { style: { marginBottom: "var(--spacers-dp16)" }, children: [
+    /* @__PURE__ */ jsx("h3", { style: { margin: "0 0 var(--spacers-dp8)" }, children: title }),
+    items.map((item) => /* @__PURE__ */ jsx(NoticeBox, { title: item.content, children: item.value ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("strong", { children: item.content }),
+      ": ",
+      item.value
+    ] }) : item.content }, `${item.location}:${item.content}`))
+  ] });
+}
+function FormFeedback() {
+  const feedback = useFormFeedback();
+  const items = Object.values(feedback);
+  const feedbackItems = items.filter((item) => item.location === "feedback");
+  const indicatorItems = items.filter((item) => item.location === "indicators");
+  if (!feedbackItems.length && !indicatorItems.length) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(FeedbackPanel, { title: "Feedback", items: feedbackItems }),
+    /* @__PURE__ */ jsx(FeedbackPanel, { title: "Program indicators", items: indicatorItems })
+  ] });
+}
+
+export { D2Field, D2FieldWidget, FormFeedback, FormSection };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/fields/widgets/TextField.tsx","../src/fields/widgets/LongTextField.tsx","../src/fields/widgets/NumericFields.tsx","../src/fields/widgets/DateFields.tsx","../src/fields/widgets/ChoiceFields.tsx","../src/fields/widgets/UnsupportedField.tsx","../src/fields/D2Field.tsx","../src/components/FormSection.tsx","../src/components/FormFeedback.tsx"],"names":["resolveFieldValidation","jsx","InputField","jsxs","Fragment"],"mappings":"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","file":"index.js","sourcesContent":["import { InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2TextField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","import { TextAreaField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2LongTextField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <TextAreaField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","import type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { InputField } from '@dhis2/ui';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\nimport { D2TextField } from './TextField';\n\nfunction D2TypedTextField({ control, type }: WidgetProps & { type?: 'email' | 'tel' | 'number' }) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            type={type}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2EmailField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"email\" />;\n}\n\nexport function D2PhoneField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"tel\" />;\n}\n\nexport function D2NumberField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"number\" />;\n}\n\nexport function D2IntegerField(props: WidgetProps) {\n    return <D2TypedTextField {...props} type=\"number\" />;\n}\n\nexport function D2PercentageField({ control }: WidgetProps) {\n    return (\n        <D2TextField\n            control={{\n                ...control,\n                fieldConfig: {\n                    ...control.fieldConfig,\n                    label: `${control.fieldConfig.label} (%)`,\n                },\n            }}\n        />\n    );\n}\n","import { CalendarInput, InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { computeAgeFromDob, resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nconst todayIso = (): string => new Date().toISOString().slice(0, 10);\n\ntype DateSelectPayload = {\n    calendarDateString?: string;\n} | null;\n\nconst readDatePart = (value: string): string => {\n    if (!value) return '';\n    return value.includes('T') ? value.slice(0, 10) : value;\n};\n\nconst readTimePart = (value: string): string => {\n    if (!value.includes('T')) return '';\n    return value.slice(11, 16);\n};\n\nexport function D2DateField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const dateValue = field.value as string;\n\n    return (\n        <CalendarInput\n            name={field.name}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            calendar=\"gregory\"\n            format=\"YYYY-MM-DD\"\n            date={dateValue || undefined}\n            clearable={!isMandatory}\n            pastOnly={!fieldConfig.allowFutureDate}\n            maxDate={fieldConfig.allowFutureDate ? undefined : todayIso()}\n            onDateSelect={(payload: DateSelectPayload) => {\n                field.onChange(payload?.calendarDateString ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2TimeField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            type=\"time\"\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2DateTimeField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const value = field.value as string;\n    const datePart = readDatePart(value);\n    const timePart = readTimePart(value);\n\n    const commit = (nextDate: string, nextTime: string) => {\n        if (!nextDate && !nextTime) {\n            field.onChange('');\n            return;\n        }\n        field.onChange(`${nextDate}T${nextTime || '00:00'}`);\n    };\n\n    return (\n        <div>\n            <CalendarInput\n                name={`${field.name}-date`}\n                label={fieldConfig.label}\n                helpText={fieldConfig.description}\n                required={isMandatory}\n                disabled={isDisabled}\n                warning={hasWarning}\n                error={hasError}\n                validationText={validationText}\n                calendar=\"gregory\"\n                format=\"YYYY-MM-DD\"\n                date={datePart || undefined}\n                clearable={!isMandatory}\n                pastOnly={!fieldConfig.allowFutureDate}\n                maxDate={fieldConfig.allowFutureDate ? undefined : todayIso()}\n                onDateSelect={(payload: DateSelectPayload) => {\n                    commit(payload?.calendarDateString ?? '', timePart);\n                }}\n                onBlur={field.onBlur}\n            />\n            <InputField\n                name={`${field.name}-time`}\n                value={timePart}\n                label={`${fieldConfig.label} (time)`}\n                required={isMandatory}\n                disabled={isDisabled}\n                type=\"time\"\n                warning={hasWarning}\n                error={hasError}\n                onChange={({ value: nextTime }) => {\n                    commit(datePart, nextTime ?? '');\n                }}\n                onBlur={field.onBlur}\n            />\n        </div>\n    );\n}\n\nexport function D2AgeField({ control }: WidgetProps) {\n    const age = computeAgeFromDob(control.field.value as string);\n    const helpText = [control.fieldConfig.description, age ? `Age: ${age} years` : undefined]\n        .filter(Boolean)\n        .join(' · ');\n\n    return (\n        <D2DateField\n            control={{\n                ...control,\n                fieldConfig: {\n                    ...control.fieldConfig,\n                    description: helpText || control.fieldConfig.description,\n                },\n            }}\n        />\n    );\n}\n","import {\n    CheckboxField,\n    MultiSelectField,\n    MultiSelectOption,\n    Radio,\n    SingleSelectField,\n    SingleSelectOption,\n} from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport {\n    joinMultiTextValue,\n    parseMultiTextValue,\n    resolveFieldValidation,\n} from '@nnkogift/dhis2-form-utils-hooks';\n\nconst BOOLEAN_OPTIONS = [\n    { label: 'Yes', value: 'true' },\n    { label: 'No', value: 'false' },\n] as const;\n\nconst RADIO_RENDER_HINTS = new Set(['RADIO', 'VERTICAL_RADIOBUTTONS', 'HORIZONTAL_RADIOBUTTONS']);\n\n// fallow-ignore-next-line complexity\nexport function D2BooleanField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = isMandatory\n        ? [...BOOLEAN_OPTIONS]\n        : [...BOOLEAN_OPTIONS, { label: '—', value: '' }];\n\n    return (\n        <fieldset>\n            <legend>\n                {fieldConfig.label}\n                {isMandatory ? ' *' : ''}\n            </legend>\n            {fieldConfig.description ? <p>{fieldConfig.description}</p> : null}\n            {options.map((option) => (\n                <Radio\n                    key={option.label}\n                    name={field.name}\n                    label={option.label}\n                    value={option.value}\n                    checked={field.value === option.value}\n                    disabled={isDisabled}\n                    onChange={({ value }) => {\n                        field.onChange(value ?? '');\n                    }}\n                    onBlur={field.onBlur}\n                />\n            ))}\n            {validationText ? (\n                <p data-error={hasError || undefined} data-warning={hasWarning || undefined}>\n                    {validationText}\n                </p>\n            ) : null}\n        </fieldset>\n    );\n}\n\nexport function D2TrueOnlyField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <CheckboxField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            checked={field.value === 'true'}\n            onChange={({ checked }) => {\n                field.onChange(checked ? 'true' : '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n\nexport function D2SelectField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(\n        (option) => ({\n            label: option.label,\n            value: option.code,\n        })\n    );\n\n    if (fieldConfig.renderTypeHint && RADIO_RENDER_HINTS.has(fieldConfig.renderTypeHint)) {\n        return (\n            <fieldset>\n                <legend>{fieldConfig.label}</legend>\n                {fieldConfig.description ? <p>{fieldConfig.description}</p> : null}\n                {options.map((option) => (\n                    <Radio\n                        key={option.value}\n                        label={option.label}\n                        value={option.value}\n                        checked={field.value === option.value}\n                        disabled={isDisabled}\n                        onChange={({ value }) => {\n                            field.onChange(value ?? '');\n                        }}\n                    />\n                ))}\n                {validationText ? <p>{validationText}</p> : null}\n            </fieldset>\n        );\n    }\n\n    return (\n        <SingleSelectField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            selected={field.value as string}\n            onChange={({ selected }) => {\n                field.onChange(selected);\n            }}\n            onBlur={field.onBlur}\n        >\n            {options.map((option) => (\n                <SingleSelectOption key={option.value} label={option.label} value={option.value} />\n            ))}\n        </SingleSelectField>\n    );\n}\n\nexport function D2MultiSelectField({ control }: WidgetProps) {\n    const { fieldConfig, field, isMandatory, isDisabled } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n    const options = (control.visibleOptions ?? fieldConfig.optionSet?.options ?? []).map(\n        (option) => ({\n            label: option.label,\n            value: option.code,\n        })\n    );\n    const selected = parseMultiTextValue(field.value as string);\n\n    return (\n        <MultiSelectField\n            label={fieldConfig.label}\n            helpText={fieldConfig.description}\n            required={isMandatory}\n            disabled={isDisabled}\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            selected={selected}\n            onChange={({ selected: nextSelected }) => {\n                field.onChange(joinMultiTextValue(nextSelected));\n            }}\n            onBlur={field.onBlur}\n        >\n            {options.map((option) => (\n                <MultiSelectOption key={option.value} label={option.label} value={option.value} />\n            ))}\n        </MultiSelectField>\n    );\n}\n","import { InputField } from '@dhis2/ui';\nimport type { WidgetProps } from '@nnkogift/dhis2-form-utils-hooks';\nimport { resolveFieldValidation } from '@nnkogift/dhis2-form-utils-hooks';\n\nexport function D2UnsupportedField({ control }: WidgetProps) {\n    const { fieldConfig, field, widgetKind, isMandatory } = control;\n    const { validationText, hasError, hasWarning } = resolveFieldValidation(control);\n\n    return (\n        <InputField\n            name={field.name}\n            value={field.value as string}\n            label={fieldConfig.label}\n            helpText={`Widget not yet implemented: ${widgetKind}`}\n            required={isMandatory}\n            disabled\n            warning={hasWarning}\n            error={hasError}\n            validationText={validationText}\n            onChange={({ value }) => {\n                field.onChange(value ?? '');\n            }}\n            onBlur={field.onBlur}\n        />\n    );\n}\n","// fallow-ignore-file code-duplication\nimport {\n    type FieldControlInput,\n    useFieldControl,\n    type WidgetProps,\n} from '@nnkogift/dhis2-form-utils-hooks';\nimport type { WidgetKind } from '@nnkogift/dhis2-form-utils-hooks';\nimport type { ComponentType } from 'react';\nimport {\n    D2AgeField,\n    D2BooleanField,\n    D2DateField,\n    D2DateTimeField,\n    D2EmailField,\n    D2IntegerField,\n    D2LongTextField,\n    D2MultiSelectField,\n    D2NumberField,\n    D2PercentageField,\n    D2PhoneField,\n    D2SelectField,\n    D2TextField,\n    D2TimeField,\n    D2TrueOnlyField,\n    D2UnsupportedField,\n} from './widgets';\n\nexport type D2FieldProps = {\n    field: FieldControlInput;\n};\n\nexport type D2FieldWidgetProps = WidgetProps;\n\nconst WIDGET_BY_KIND: Record<WidgetKind, ComponentType<WidgetProps>> = {\n    text: D2TextField,\n    longText: D2LongTextField,\n    email: D2EmailField,\n    phone: D2PhoneField,\n    number: D2NumberField,\n    integer: D2IntegerField,\n    percentage: D2PercentageField,\n    boolean: D2BooleanField,\n    trueOnly: D2TrueOnlyField,\n    date: D2DateField,\n    time: D2TimeField,\n    age: D2AgeField,\n    select: D2SelectField,\n    multiSelect: D2MultiSelectField,\n    datetime: D2DateTimeField,\n    coordinate: D2UnsupportedField,\n    orgUnit: D2UnsupportedField,\n    file: D2UnsupportedField,\n    image: D2UnsupportedField,\n    unsupported: D2UnsupportedField,\n};\n\n/** Dispatches an already-resolved `FieldControlReturn` to its widget component, without re-deriving field control state. Reused by consumers that build their own chrome (labels, badges, ghost placeholders) around a field. */\nexport function D2FieldWidget({ control }: D2FieldWidgetProps) {\n    const Widget = WIDGET_BY_KIND[control.widgetKind];\n    return <Widget control={control} />;\n}\n\nexport function D2Field({ field }: D2FieldProps) {\n    const fieldControl = useFieldControl({ ...field });\n\n    if (fieldControl.isHidden) return null;\n\n    return <D2FieldWidget control={fieldControl} />;\n}\n","import { useSectionState } from '@nnkogift/dhis2-form-utils-hooks';\nimport type { ReactNode } from 'react';\n\nexport type FormSectionProps = {\n    sectionId: string;\n    children: ReactNode;\n};\n\nexport function FormSection({ sectionId, children }: FormSectionProps) {\n    const state = useSectionState(sectionId);\n\n    if (state.hidden) {\n        return null;\n    }\n\n    return <>{children}</>;\n}\n","import { NoticeBox } from '@dhis2/ui';\nimport { useFormFeedback } from '@nnkogift/dhis2-form-utils-hooks';\n\ntype FeedbackItem = ReturnType<typeof useFormFeedback>[string];\n\nfunction FeedbackPanel({ title, items }: { title: string; items: FeedbackItem[] }) {\n    if (!items.length) {\n        return null;\n    }\n\n    return (\n        <div style={{ marginBottom: 'var(--spacers-dp16)' }}>\n            <h3 style={{ margin: '0 0 var(--spacers-dp8)' }}>{title}</h3>\n            {items.map((item) => (\n                <NoticeBox key={`${item.location}:${item.content}`} title={item.content}>\n                    {item.value ? (\n                        <>\n                            <strong>{item.content}</strong>: {item.value}\n                        </>\n                    ) : (\n                        item.content\n                    )}\n                </NoticeBox>\n            ))}\n        </div>\n    );\n}\n\nexport function FormFeedback() {\n    const feedback = useFormFeedback();\n    const items = Object.values(feedback);\n    const feedbackItems = items.filter((item) => item.location === 'feedback');\n    const indicatorItems = items.filter((item) => item.location === 'indicators');\n\n    if (!feedbackItems.length && !indicatorItems.length) {\n        return null;\n    }\n\n    return (\n        <div>\n            <FeedbackPanel title=\"Feedback\" items={feedbackItems} />\n            <FeedbackPanel title=\"Program indicators\" items={indicatorItems} />\n        </div>\n    );\n}\n"]}

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@nnkogift/dhis2-form-utils-dhis2-ui",
+  "version": "0.1.0-alpha.0",
+  "description": "DHIS2 UI field components and forms for dhis2-form-utils",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nnkogift/dhis2-form-utils.git",
+    "directory": "components/dhis2-ui"
+  },
+  "homepage": "https://github.com/nnkogift/dhis2-form-utils#readme",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "@nnkogift/dhis2-form-utils-hooks": "0.1.0-alpha.0"
+  },
+  "peerDependencies": {
+    "@dhis2/ui": ">=9.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "react-hook-form": ">=7.0.0"
+  },
+  "devDependencies": {
+    "@dhis2/ui": "^10.15.1",
+    "@types/react": "^18.3.29",
+    "@types/react-dom": "^18.3.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-hook-form": "^7.76.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "vitest": "^4.1.7",
+    "@nnkogift/dhis2-form-utils-config": "0.0.0"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  }
+}