@gusto/embedded-react-sdk 0.7.0 → 0.8.0

package/dist/components/Common/UI/ComboBox/ComboBox.js

@@ -0,0 +1,90 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { ComboBox as F, Button as T, Input as j, Popover as D, ListBox as E, ListBoxItem as P } from "react-aria-components";
+import { useTranslation as z } from "react-i18next";
+import { useMemo as H } from "react";
+import d from "classnames";
+import { useFieldIds as K } from "../hooks/useFieldIds.js";
+import t from "./ComboBox.module.scss.js";
+import { useTheme as M } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+import U from "../../../../assets/icons/alert-circle.svg.js";
+import _ from "../../../../assets/icons/caret-down.svg.js";
+import { FieldLayout as $ } from "../FieldLayout/FieldLayout.js";
+const oo = ({
+  className: p,
+  description: i,
+  errorMessage: m,
+  id: f,
+  isDisabled: h,
+  isInvalid: a,
+  isRequired: u,
+  label: s,
+  onChange: x,
+  onBlur: B,
+  options: n,
+  placeholder: b,
+  value: c,
+  inputRef: C,
+  shouldVisuallyHideLabel: I,
+  name: v,
+  ...N
+}) => {
+  const { t: S } = z(), { inputId: l, errorMessageId: g, descriptionId: y, ariaDescribedBy: L } = K({
+    inputId: f,
+    errorMessage: m,
+    description: i
+  }), { container: w } = M(), A = H(() => n.map((o) => ({ name: o.label, id: o.value })), [n]);
+  return /* @__PURE__ */ r(
+    $,
+    {
+      label: s,
+      htmlFor: l,
+      errorMessage: m,
+      errorMessageId: g,
+      descriptionId: y,
+      isRequired: u,
+      description: i,
+      shouldVisuallyHideLabel: I,
+      className: d(t.root, p),
+      withErrorIcon: !1,
+      children: /* @__PURE__ */ e(
+        F,
+        {
+          "aria-label": s,
+          "aria-describedby": L,
+          className: "react-aria-ComboBox-root",
+          isDisabled: h,
+          isInvalid: a,
+          onSelectionChange: (o) => {
+            o && x?.(o.toString());
+          },
+          id: l,
+          selectedKey: c || void 0,
+          name: v,
+          children: [
+            /* @__PURE__ */ e(T, { children: [
+              /* @__PURE__ */ r(j, { ref: C, placeholder: b, onBlur: B, ...N }),
+              /* @__PURE__ */ e("div", { "aria-hidden": "true", className: t.icons, children: [
+                a && /* @__PURE__ */ r(U, { fontSize: 16 }),
+                /* @__PURE__ */ r(_, { title: S("icons.selectArrow") })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(
+              D,
+              {
+                className: d(t.popover, "react-aria-Popover"),
+                UNSTABLE_portalContainer: w.current,
+                maxHeight: 320,
+                children: /* @__PURE__ */ r(E, { items: A, children: (o) => /* @__PURE__ */ r(P, { children: o.name }, o.id) })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+};
+export {
+  oo as ComboBox
+};
+//# sourceMappingURL=ComboBox.js.map

package/dist/components/Common/UI/ComboBox/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  Popover,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { FieldLayout } from '../FieldLayout'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  ...props\n}: ComboBoxProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <AriaComboBox\n        aria-label={label}\n        aria-describedby={ariaDescribedBy}\n        className={'react-aria-ComboBox-root'}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        name={name}\n      >\n        <Button>\n          <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\n          <div aria-hidden=\"true\" className={styles.icons}>\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaComboBox>\n    </FieldLayout>\n  )\n}\n"],"names":["ComboBox","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","key","Button","Input","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACb,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAU,IAAIC,EAAS,GAEzBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAQ,EAAA,GACtE,CAAClB,CAAO,CAAC;AAGV,SAAA,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAO8B,MAAA;AACxB,YAAIA,KACS3B,IAAA2B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,IAAIhB;AAAA,UACJ,aAAaP,KAAyB;AAAA,UACtC,MAAAG;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAkB,EAACG,GACC,EAAA,UAAA;AAAA,cAAA,gBAAAP,EAACQ,KAAM,KAAKxB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,gCAC1E,OAAI,EAAA,eAAY,QAAO,WAAWgB,EAAO,OACvC,UAAA;AAAA,gBAAa3B,KAAA,gBAAAwB,EAACS,GAAY,EAAA,UAAU,GAAI,CAAA;AAAA,gBACxC,gBAAAT,EAAAU,GAAA,EAAU,OAAOtB,EAAE,mBAAmB,EAAG,CAAA;AAAA,cAAA,EAC5C,CAAA;AAAA,YAAA,GACF;AAAA,YAEA,gBAAAY;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,WAAWT,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACY,GAAQ,EAAA,OAAAf,GACN,UAAQ,CAAAgB,MAAA,gBAAAb,EAACc,KAA2B,UAAKD,EAAA,KAAA,GAAfA,EAAK,EAAe,EACjD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Common/UI/ComboBox/ComboBox.module.scss.js

@@ -0,0 +1,12 @@
+const o = "_root_ic5z4_1", c = "_icons_ic5z4_63", s = "_popover_ic5z4_74", t = {
+  root: o,
+  icons: c,
+  popover: s
+};
+export {
+  t as default,
+  c as icons,
+  s as popover,
+  o as root
+};
+//# sourceMappingURL=ComboBox.module.scss.js.map

package/dist/components/Common/UI/ComboBox/ComboBox.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Common/UI/ComboBox/ComboBoxTypes.d.ts

@@ -0,0 +1,16 @@
+import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface ComboBoxOption {
+    label: string;
+    value: string;
+}
+export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    label: string;
+    onChange?: (value: string) => void;
+    onBlur?: (e: FocusEvent) => void;
+    options: ComboBoxOption[];
+    value?: string;
+    inputRef?: Ref<HTMLInputElement>;
+}

package/dist/components/Common/UI/DatePicker/DatePicker.d.ts

@@ -0,0 +1,2 @@
+import { DatePickerProps } from './DatePickerTypes';
+export declare const DatePicker: ({ className, description, errorMessage, id, inputRef, isDisabled, isInvalid, isRequired, label, onChange, onBlur, value, ...props }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/DatePicker/DatePicker.js

@@ -0,0 +1,102 @@
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { DatePicker as b, Group as k, DateInput as A, DateSegment as B, Button as c, Popover as F, Dialog as L, Calendar as j, Heading as E, CalendarGrid as G, CalendarCell as M } from "react-aria-components";
+import { useTranslation as z } from "react-i18next";
+import u from "classnames";
+import { parseDate as H } from "@internationalized/date";
+import { useFieldIds as R } from "../hooks/useFieldIds.js";
+import i from "./DatePicker.module.scss.js";
+import "react";
+import { useTheme as U } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+import _ from "../../../../assets/icons/caret-down.svg.js";
+import $ from "../../../../assets/icons/caret-right.svg.js";
+import q from "../../../../assets/icons/caret-left.svg.js";
+import J from "../../../../assets/icons/alert-circle.svg.js";
+import { formatDateToStringDate as K } from "../../../../helpers/dateFormatting.js";
+import { FieldLayout as O } from "../FieldLayout/FieldLayout.js";
+function Q(e) {
+  return e ? new Date(
+    e.year,
+    e.month - 1,
+    // DateValue months are 1-indexed
+    e.day
+  ) : null;
+}
+const dr = ({
+  className: e,
+  description: n,
+  errorMessage: l,
+  id: D,
+  inputRef: g,
+  isDisabled: v,
+  isInvalid: m,
+  isRequired: C,
+  label: s,
+  onChange: d,
+  onBlur: S,
+  value: p,
+  ...y
+}) => {
+  const { t: a } = z(), { inputId: h, errorMessageId: I, descriptionId: N, ariaDescribedBy: x } = R({
+    inputId: D,
+    errorMessage: l,
+    description: n
+  }), { container: P } = U(), f = p ? K(p) : "", T = f ? H(f) : null, w = (t) => {
+    d && d(Q(t));
+  };
+  return /* @__PURE__ */ r(
+    O,
+    {
+      label: s,
+      htmlFor: h,
+      errorMessage: l,
+      errorMessageId: I,
+      descriptionId: N,
+      isRequired: C,
+      description: n,
+      className: u(i.root, e),
+      withErrorIcon: !1,
+      children: /* @__PURE__ */ r("div", { className: i.container, children: /* @__PURE__ */ o(
+        b,
+        {
+          "aria-label": s,
+          "aria-describedby": x,
+          id: h,
+          isDisabled: v,
+          isInvalid: m,
+          value: T,
+          onChange: w,
+          ...y,
+          children: [
+            /* @__PURE__ */ o(k, { children: [
+              /* @__PURE__ */ r(A, { ref: g, children: (t) => /* @__PURE__ */ r(B, { segment: t }) }),
+              /* @__PURE__ */ o("div", { className: i.icons, children: [
+                m && /* @__PURE__ */ r(J, { "aria-hidden": "true", fontSize: 16 }),
+                /* @__PURE__ */ r(c, { onBlur: S, children: /* @__PURE__ */ r(_, { title: a("icons.calendarArrow") }) })
+              ] })
+            ] }),
+            /* @__PURE__ */ r(
+              F,
+              {
+                className: u(i.popover, "react-aria-Popover"),
+                UNSTABLE_portalContainer: P.current,
+                children: /* @__PURE__ */ r(L, { children: /* @__PURE__ */ o(j, { children: [
+                  /* @__PURE__ */ o("header", { children: [
+                    /* @__PURE__ */ r(c, { slot: "previous", children: /* @__PURE__ */ r(q, { title: a("icons.previousMonth") }) }),
+                    /* @__PURE__ */ r(E, {}),
+                    /* @__PURE__ */ r(c, { slot: "next", children: /* @__PURE__ */ r($, { title: a("icons.nextMonth") }) })
+                  ] }),
+                  /* @__PURE__ */ r(G, { children: (t) => /* @__PURE__ */ r(M, { date: t }) })
+                ] }) })
+              }
+            )
+          ]
+        }
+      ) })
+    }
+  );
+};
+export {
+  dr as DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/Common/UI/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/Common/UI/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  DatePicker as AriaDatePicker,\n  Button,\n  Calendar,\n  CalendarCell,\n  CalendarGrid,\n  DateInput,\n  DateSegment,\n  Dialog,\n  Group,\n  Heading,\n  Popover,\n  type DateValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { parseDate } from '@internationalized/date'\nimport { FieldLayout } from '../FieldLayout'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport CaretRight from '@/assets/icons/caret-right.svg?react'\nimport CaretLeft from '@/assets/icons/caret-left.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\n\nfunction calendarDateValueToDate(dateValue: DateValue | null): Date | null {\n  if (!dateValue) return null\n\n  const date = new Date(\n    dateValue.year,\n    dateValue.month - 1, // DateValue months are 1-indexed\n    dateValue.day,\n  )\n\n  return date\n}\n\nexport const DatePicker = ({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  value,\n  ...props\n}: DatePickerProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  // Convert JavaScript Date to DateValue for internal use\n  // Format the date as YYYY-MM-DD for parseDate\n  const formattedDate = value ? formatDateToStringDate(value) : ''\n  const internalValue = formattedDate ? parseDate(formattedDate) : null\n\n  // Handle internal onChange to convert DateValue back to Date\n  const handleChange = (dateValue: DateValue | null) => {\n    if (onChange) {\n      onChange(calendarDateValueToDate(dateValue))\n    }\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      className={classNames(styles.root, className)}\n      withErrorIcon={false}\n    >\n      <div className={styles.container}>\n        <AriaDatePicker\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          id={inputId}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          value={internalValue}\n          onChange={handleChange}\n          {...props}\n        >\n          <Group>\n            <DateInput ref={inputRef}>{segment => <DateSegment segment={segment} />}</DateInput>\n\n            <div className={styles.icons}>\n              {isInvalid && <AlertCircle aria-hidden=\"true\" fontSize={16} />}\n              <Button onBlur={onBlur}>\n                <CaretDown title={t('icons.calendarArrow')} />\n              </Button>\n            </div>\n          </Group>\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current}\n          >\n            <Dialog>\n              <Calendar>\n                <header>\n                  <Button slot=\"previous\">\n                    <CaretLeft title={t('icons.previousMonth')} />\n                  </Button>\n                  <Heading />\n                  <Button slot=\"next\">\n                    <CaretRight title={t('icons.nextMonth')} />\n                  </Button>\n                </header>\n                <CalendarGrid>{date => <CalendarCell date={date} />}</CalendarGrid>\n              </Calendar>\n            </Dialog>\n          </Popover>\n        </AriaDatePicker>\n      </div>\n    </FieldLayout>\n  )\n}\n"],"names":["calendarDateValueToDate","dateValue","DatePicker","className","description","errorMessage","id","inputRef","isDisabled","isInvalid","isRequired","label","onChange","onBlur","value","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","formattedDate","formatDateToStringDate","internalValue","parseDate","handleChange","jsx","FieldLayout","classNames","styles","jsxs","AriaDatePicker","Group","DateInput","DateSegment","segment","AlertCircle","Button","CaretDown","Popover","Dialog","Calendar","CaretLeft","Heading","CaretRight","CalendarGrid","date","CalendarCell"],"mappings":"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"}

package/dist/components/Common/UI/DatePicker/DatePicker.module.scss.js

@@ -0,0 +1,14 @@
+const o = "_container_snfvn_1", n = "_root_snfvn_5", s = "_popover_snfvn_103", t = "_icons_snfvn_296", _ = {
+  container: o,
+  root: n,
+  popover: s,
+  icons: t
+};
+export {
+  o as container,
+  _ as default,
+  t as icons,
+  s as popover,
+  n as root
+};
+//# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/components/Common/UI/DatePicker/DatePicker.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Common/UI/DatePicker/DatePickerTypes.d.ts

@@ -0,0 +1,12 @@
+import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
+    inputRef?: Ref<HTMLInputElement>;
+    isDisabled?: boolean;
+    isInvalid?: boolean;
+    onChange?: (value: Date | null) => void;
+    onBlur?: (e: FocusEvent) => void;
+    label: string;
+    value?: Date | null;
+    placeholder?: string;
+}

package/dist/components/Common/UI/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/dist/components/Common/UI/FieldCaption/FieldCaption.d.ts

@@ -0,0 +1,9 @@
+export interface FieldCaptionProps {
+    children: React.ReactNode;
+    as?: 'label' | 'legend';
+    htmlFor?: string;
+    isRequired?: boolean;
+    isVisuallyHidden?: boolean;
+    className?: string;
+}
+export declare const FieldCaption: React.FC<FieldCaptionProps>;

package/dist/components/Common/UI/FieldCaption/FieldCaption.js

@@ -0,0 +1,30 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useTranslation as p } from "react-i18next";
+import d from "classnames";
+import n from "./FieldCaption.module.scss.js";
+import { VisuallyHidden as f } from "../../VisuallyHidden/VisuallyHidden.js";
+const j = ({
+  children: e,
+  as: o = "label",
+  htmlFor: s,
+  isRequired: r = !1,
+  isVisuallyHidden: a = !1,
+  className: m
+}) => {
+  const { t: i } = p("common"), t = /* @__PURE__ */ c(
+    o,
+    {
+      className: d(n.root, m),
+      htmlFor: o === "label" ? s : void 0,
+      children: [
+        e,
+        !r && /* @__PURE__ */ l("span", { className: n.optionalLabel, children: i("optionalLabel") })
+      ]
+    }
+  );
+  return a ? /* @__PURE__ */ l(f, { children: t }) : t;
+};
+export {
+  j as FieldCaption
+};
+//# sourceMappingURL=FieldCaption.js.map

package/dist/components/Common/UI/FieldCaption/FieldCaption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCaption.js","sources":["../../../../../src/components/Common/UI/FieldCaption/FieldCaption.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport styles from './FieldCaption.module.scss'\n\nexport interface FieldCaptionProps {\n  children: React.ReactNode\n  as?: 'label' | 'legend'\n  htmlFor?: string\n  isRequired?: boolean\n  isVisuallyHidden?: boolean\n  className?: string\n}\n\nexport const FieldCaption: React.FC<FieldCaptionProps> = ({\n  children,\n  as = 'label',\n  htmlFor,\n  isRequired = false,\n  isVisuallyHidden = false,\n  className,\n}: FieldCaptionProps) => {\n  const { t } = useTranslation('common')\n  const Component = as\n\n  const content = (\n    <Component\n      className={classNames(styles.root, className)}\n      htmlFor={as === 'label' ? htmlFor : undefined}\n    >\n      {children}\n      {!isRequired && <span className={styles.optionalLabel}>{t('optionalLabel')}</span>}\n    </Component>\n  )\n\n  return isVisuallyHidden ? <VisuallyHidden>{content}</VisuallyHidden> : content\n}\n"],"names":["FieldCaption","children","as","htmlFor","isRequired","isVisuallyHidden","className","t","useTranslation","content","jsxs","classNames","styles","jsx","VisuallyHidden"],"mappings":";;;;;AAcO,MAAMA,IAA4C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,IAAAC,IAAK;AAAA,EACL,SAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AACF,MAAyB;AACvB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAG/BC,IACJ,gBAAAC;AAAA,IAHgBR;AAAA,IAGf;AAAA,MACC,WAAWS,EAAWC,EAAO,MAAMN,CAAS;AAAA,MAC5C,SAASJ,MAAO,UAAUC,IAAU;AAAA,MAEnC,UAAA;AAAA,QAAAF;AAAA,QACA,CAACG,KAAe,gBAAAS,EAAA,QAAA,EAAK,WAAWD,EAAO,eAAgB,UAAEL,EAAA,eAAe,EAAE,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7E;AAGF,SAAOF,IAAmB,gBAAAQ,EAACC,GAAgB,EAAA,UAAAL,EAAQ,CAAA,IAAoBA;AACzE;"}

package/dist/components/Common/UI/FieldCaption/FieldCaption.module.scss.js

@@ -0,0 +1,10 @@
+const o = "_root_1h6fy_1", t = "_optionalLabel_1h6fy_10", a = {
+  root: o,
+  optionalLabel: t
+};
+export {
+  a as default,
+  t as optionalLabel,
+  o as root
+};
+//# sourceMappingURL=FieldCaption.module.scss.js.map

package/dist/components/Common/UI/FieldCaption/FieldCaption.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCaption.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Common/UI/FieldCaption/index.d.ts

@@ -0,0 +1 @@
+export { FieldCaption } from './FieldCaption';

package/dist/components/Common/UI/FieldDescription/FieldDescription.d.ts

@@ -0,0 +1,7 @@
+interface FieldDescriptionProps {
+    children: React.ReactNode;
+    className?: string;
+    id?: string;
+}
+export declare const FieldDescription: React.FC<FieldDescriptionProps>;
+export {};

package/dist/components/Common/UI/FieldDescription/FieldDescription.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "classnames";
+import p from "./FieldDescription.module.scss.js";
+import { createMarkup as a } from "../../../../helpers/formattedStrings.js";
+const u = ({
+  children: o,
+  className: s,
+  id: m
+}) => {
+  const r = {
+    className: e(p.root, s),
+    id: m
+  };
+  return o && (typeof o == "string" ? /* @__PURE__ */ t("div", { ...r, dangerouslySetInnerHTML: a(o) }) : /* @__PURE__ */ t("div", { ...r, children: o }));
+};
+export {
+  u as FieldDescription
+};
+//# sourceMappingURL=FieldDescription.js.map

package/dist/components/Common/UI/FieldDescription/FieldDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.js","sources":["../../../../../src/components/Common/UI/FieldDescription/FieldDescription.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport styles from './FieldDescription.module.scss'\nimport { createMarkup } from '@/helpers/formattedStrings'\n\ninterface FieldDescriptionProps {\n  children: React.ReactNode\n  className?: string\n  id?: string\n}\n\nexport const FieldDescription: React.FC<FieldDescriptionProps> = ({\n  children,\n  className,\n  id,\n}: FieldDescriptionProps) => {\n  const commonProps = {\n    className: classNames(styles.root, className),\n    id,\n  }\n\n  return (\n    children &&\n    (typeof children === 'string' ? (\n      <div {...commonProps} dangerouslySetInnerHTML={createMarkup(children)} />\n    ) : (\n      <div {...commonProps}>{children}</div>\n    ))\n  )\n}\n"],"names":["FieldDescription","children","className","id","commonProps","classNames","styles","jsx","createMarkup"],"mappings":";;;;AAUO,MAAMA,IAAoD,CAAC;AAAA,EAChE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAc;AAAA,IAClB,WAAWC,EAAWC,EAAO,MAAMJ,CAAS;AAAA,IAC5C,IAAAC;AAAA,EACF;AAEA,SACEF,MACC,OAAOA,KAAa,WACnB,gBAAAM,EAAC,SAAK,GAAGH,GAAa,yBAAyBI,EAAaP,CAAQ,EAAG,CAAA,sBAEtE,OAAK,EAAA,GAAGG,GAAc,UAAAH,EAAS,CAAA;AAGtC;"}

package/dist/components/Common/UI/FieldDescription/FieldDescription.module.scss.js

@@ -0,0 +1,8 @@
+const o = "_root_g88wf_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=FieldDescription.module.scss.js.map

package/dist/components/Common/UI/FieldDescription/FieldDescription.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Common/UI/FieldDescription/index.d.ts

@@ -0,0 +1 @@
+export { FieldDescription } from './FieldDescription';

package/dist/components/Common/UI/FieldErrorMessage/FieldErrorMessage.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+interface FieldErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {
+    withErrorIcon?: boolean;
+}
+export declare function FieldErrorMessage({ children, id, className, withErrorIcon, ...props }: FieldErrorMessageProps): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

package/dist/components/Common/UI/FieldErrorMessage/FieldErrorMessage.js

@@ -0,0 +1,28 @@
+import { jsx as i } from "react/jsx-runtime";
+import p from "classnames";
+import r from "./FieldErrorMessage.module.scss.js";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function l({
+  children: o,
+  id: t,
+  className: e,
+  withErrorIcon: s = !0,
+  ...m
+}) {
+  const { Text: n } = a();
+  return o && /* @__PURE__ */ i(
+    n,
+    {
+      id: t,
+      className: p(r.root, e, {
+        [r.withErrorIcon]: s
+      }),
+      ...m,
+      children: o
+    }
+  );
+}
+export {
+  l as FieldErrorMessage
+};
+//# sourceMappingURL=FieldErrorMessage.js.map

package/dist/components/Common/UI/FieldErrorMessage/FieldErrorMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldErrorMessage.js","sources":["../../../../../src/components/Common/UI/FieldErrorMessage/FieldErrorMessage.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react'\nimport classNames from 'classnames'\nimport styles from './FieldErrorMessage.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface FieldErrorMessageProps extends HTMLAttributes<HTMLParagraphElement> {\n  withErrorIcon?: boolean\n}\n\nexport function FieldErrorMessage({\n  children,\n  id,\n  className,\n  withErrorIcon = true,\n  ...props\n}: FieldErrorMessageProps) {\n  const { Text } = useComponentContext()\n\n  return (\n    children && (\n      <Text\n        id={id}\n        className={classNames(styles.root, className, {\n          [styles.withErrorIcon as string]: withErrorIcon,\n        })}\n        {...props}\n      >\n        {children}\n      </Text>\n    )\n  )\n}\n"],"names":["FieldErrorMessage","children","id","className","withErrorIcon","props","Text","useComponentContext","jsx","classNames","styles"],"mappings":";;;;AASO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2B;AACnB,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAoB;AAErC,SACEN,KACE,gBAAAO;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAAJ;AAAA,MACA,WAAWO,EAAWC,EAAO,MAAMP,GAAW;AAAA,QAC5C,CAACO,EAAO,aAAuB,GAAGN;AAAA,MAAA,CACnC;AAAA,MACA,GAAGC;AAAA,MAEH,UAAAJ;AAAA,IAAA;AAAA,EACH;AAGN;"}

package/dist/components/Common/UI/FieldErrorMessage/FieldErrorMessage.module.scss.js

@@ -0,0 +1,10 @@
+const o = "_root_1v3i7_1", r = "_withErrorIcon_1v3i7_9", t = {
+  root: o,
+  withErrorIcon: r
+};
+export {
+  t as default,
+  o as root,
+  r as withErrorIcon
+};
+//# sourceMappingURL=FieldErrorMessage.module.scss.js.map

package/dist/components/Common/UI/FieldErrorMessage/FieldErrorMessage.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldErrorMessage.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Common/UI/FieldErrorMessage/index.d.ts

@@ -0,0 +1 @@
+export { FieldErrorMessage } from './FieldErrorMessage';

package/dist/components/Common/UI/FieldLayout/FieldLayout.d.ts

@@ -0,0 +1,2 @@
+import { FieldLayoutProps } from './FieldLayoutTypes';
+export declare const FieldLayout: React.FC<FieldLayoutProps>;

package/dist/components/Common/UI/FieldLayout/FieldLayout.js

@@ -0,0 +1,57 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import t from "classnames";
+import { FieldCaption as F } from "../FieldCaption/FieldCaption.js";
+import r from "./FieldLayout.module.scss.js";
+import { getDataProps as N } from "../../../../helpers/getDataProps.js";
+import { FieldDescription as g } from "../FieldDescription/FieldDescription.js";
+import { FieldErrorMessage as x } from "../FieldErrorMessage/FieldErrorMessage.js";
+const A = ({
+  label: l,
+  description: i,
+  descriptionId: a,
+  errorMessage: m,
+  errorMessageId: d,
+  children: n,
+  isRequired: c = !1,
+  htmlFor: p,
+  shouldVisuallyHideLabel: o = !1,
+  className: f,
+  withErrorIcon: h = !0,
+  ...D
+}) => /* @__PURE__ */ s("div", { className: t(r.root, f), ...N(D), children: [
+  /* @__PURE__ */ s(
+    "div",
+    {
+      className: t(r.labelAndDescription, {
+        [r.withVisibleLabel]: !o,
+        [r.withDescription]: !!i
+      }),
+      children: [
+        /* @__PURE__ */ e(
+          F,
+          {
+            htmlFor: p,
+            isRequired: c,
+            isVisuallyHidden: o,
+            children: l
+          }
+        ),
+        /* @__PURE__ */ e(g, { id: a, children: i })
+      ]
+    }
+  ),
+  n,
+  /* @__PURE__ */ e(
+    x,
+    {
+      id: d,
+      className: r.errorMessage,
+      withErrorIcon: h,
+      children: m
+    }
+  )
+] });
+export {
+  A as FieldLayout
+};
+//# sourceMappingURL=FieldLayout.js.map

package/dist/components/Common/UI/FieldLayout/FieldLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLayout.js","sources":["../../../../../src/components/Common/UI/FieldLayout/FieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FieldDescription } from '../FieldDescription'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldCaption } from '../FieldCaption/FieldCaption'\nimport styles from './FieldLayout.module.scss'\nimport type { FieldLayoutProps } from './FieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const FieldLayout: React.FC<FieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  isRequired = false,\n  htmlFor,\n  shouldVisuallyHideLabel = false,\n  className,\n  withErrorIcon = true,\n  ...props\n}: FieldLayoutProps) => {\n  return (\n    <div className={classNames(styles.root, className)} {...getDataProps(props)}>\n      <div\n        className={classNames(styles.labelAndDescription, {\n          [styles.withVisibleLabel as string]: !shouldVisuallyHideLabel,\n          [styles.withDescription as string]: Boolean(description),\n        })}\n      >\n        <FieldCaption\n          htmlFor={htmlFor}\n          isRequired={isRequired}\n          isVisuallyHidden={shouldVisuallyHideLabel}\n        >\n          {label}\n        </FieldCaption>\n        <FieldDescription id={descriptionId}>{description}</FieldDescription>\n      </div>\n      {children}\n      <FieldErrorMessage\n        id={errorMessageId}\n        className={styles.errorMessage}\n        withErrorIcon={withErrorIcon}\n      >\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["FieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","isRequired","htmlFor","shouldVisuallyHideLabel","className","withErrorIcon","props","jsxs","classNames","styles","getDataProps","jsx","FieldCaption","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,WAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,MAEI,gBAAAC,EAAC,OAAI,EAAA,WAAWC,EAAWC,EAAO,MAAML,CAAS,GAAI,GAAGM,EAAaJ,CAAK,GACxE,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,EAAO,qBAAqB;AAAA,QAChD,CAACA,EAAO,gBAA0B,GAAG,CAACN;AAAA,QACtC,CAACM,EAAO,eAAyB,GAAG,EAAQb;AAAA,MAAW,CACxD;AAAA,MAED,UAAA;AAAA,QAAA,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAAV;AAAA,YACA,YAAAD;AAAA,YACA,kBAAkBE;AAAA,YAEjB,UAAAR;AAAA,UAAA;AAAA,QACH;AAAA,QACC,gBAAAgB,EAAAE,GAAA,EAAiB,IAAIhB,GAAgB,UAAYD,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACpD;AAAA,EACCI;AAAA,EACD,gBAAAW;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,IAAIf;AAAA,MACJ,WAAWU,EAAO;AAAA,MAClB,eAAAJ;AAAA,MAEC,UAAAP;AAAA,IAAA;AAAA,EAAA;AACH,GACF;"}

package/dist/components/Common/UI/FieldLayout/FieldLayout.module.scss.js

@@ -0,0 +1,16 @@
+const t = "_root_1votu_1", e = "_labelAndDescription_1votu_7", o = "_withVisibleLabel_1votu_11", i = "_withDescription_1votu_14", s = "_errorMessage_1votu_18", r = {
+  root: t,
+  labelAndDescription: e,
+  withVisibleLabel: o,
+  withDescription: i,
+  errorMessage: s
+};
+export {
+  r as default,
+  s as errorMessage,
+  e as labelAndDescription,
+  t as root,
+  i as withDescription,
+  o as withVisibleLabel
+};
+//# sourceMappingURL=FieldLayout.module.scss.js.map

package/dist/components/Common/UI/FieldLayout/FieldLayout.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldLayout.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/Common/UI/FieldLayout/FieldLayoutTypes.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { DataAttributes } from '../../../../types/Helpers';
+export interface SharedFieldLayoutProps extends DataAttributes {
+    description?: ReactNode;
+    errorMessage?: string;
+    isRequired?: boolean;
+    label: ReactNode;
+    shouldVisuallyHideLabel?: boolean;
+}
+export interface InternalFieldLayoutProps {
+    children: React.ReactNode;
+    htmlFor: string;
+    errorMessageId: string;
+    descriptionId: string;
+    className?: string;
+    withErrorIcon?: boolean;
+}
+export interface FieldLayoutProps extends SharedFieldLayoutProps, InternalFieldLayoutProps {
+}

package/dist/components/Common/UI/FieldLayout/index.d.ts

@@ -0,0 +1 @@
+export { FieldLayout } from './FieldLayout';

package/dist/components/Common/UI/Fieldset/Fieldset.d.ts

@@ -0,0 +1,11 @@
+import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+export interface FieldsetProps extends Omit<SharedFieldLayoutProps, 'label' | 'shouldVisuallyHideLabel'> {
+    children: React.ReactNode;
+    description?: React.ReactNode;
+    errorMessage?: string;
+    isRequired?: boolean;
+    legend: React.ReactNode;
+    shouldVisuallyHideLegend?: boolean;
+    className?: string;
+}
+export declare const Fieldset: React.FC<FieldsetProps>;