@gusto/embedded-react-sdk 0.7.0 → 0.8.1

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

@@ -0,0 +1,105 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useContext as k, useRef as R } from "react";
+import v from "classnames";
+import { CheckboxGroup as G, CheckboxGroupStateContext as g } from "react-aria-components";
+import { useCheckboxGroupItem as I } from "react-aria";
+import { Checkbox as y } from "../Checkbox/Checkbox.js";
+import D from "./CheckboxGroup.module.scss.js";
+import { Fieldset as V } from "../../Fieldset/Fieldset.js";
+import { useForkRef as A } from "../../../../hooks/useForkRef/useForkRef.js";
+function F({
+  label: r,
+  description: e,
+  value: i,
+  groupState: o,
+  inputRef: l,
+  ...s
+}) {
+  const n = R(null), c = A(l, n), { inputProps: f, isSelected: p, isDisabled: u, isInvalid: m } = I(
+    {
+      ...s,
+      value: i,
+      // Hack to suppress aria-label warning from React Aria. We don't actually
+      // use children for the mapping of our checkbox to React Aria and we already
+      // configure a label for our checkboxes.
+      children: " ",
+      isRequired: !1
+    },
+    o,
+    n
+  );
+  return /* @__PURE__ */ a(
+    y,
+    {
+      label: r,
+      inputRef: c,
+      isDisabled: u,
+      isInvalid: m,
+      description: e,
+      onChange: (t) => {
+        t ? o.addValue(i) : o.removeValue(i);
+      },
+      value: p,
+      name: f.name
+    }
+  );
+}
+function N(r) {
+  const e = k(g);
+  return e ? /* @__PURE__ */ a(F, { groupState: e, ...r }) : null;
+}
+function w({
+  label: r,
+  description: e,
+  errorMessage: i,
+  isRequired: o = !1,
+  isInvalid: l = !1,
+  isDisabled: s = !1,
+  options: n,
+  shouldVisuallyHideLabel: c = !1,
+  value: f,
+  onChange: p,
+  className: u,
+  inputRef: m,
+  ...d
+}) {
+  return /* @__PURE__ */ a(
+    V,
+    {
+      legend: r,
+      description: e,
+      errorMessage: i,
+      isRequired: o,
+      shouldVisuallyHideLegend: c,
+      className: v(D.root, u),
+      ...d,
+      children: /* @__PURE__ */ a(
+        G,
+        {
+          isInvalid: l,
+          isRequired: o,
+          validationBehavior: "aria",
+          value: f,
+          onChange: p,
+          isDisabled: s,
+          "aria-labelledby": " ",
+          children: n.map(({ value: t, label: h, isDisabled: b = !1, description: C }, x) => /* @__PURE__ */ a(
+            N,
+            {
+              isDisabled: b,
+              value: t,
+              description: C,
+              label: h,
+              inputRef: x === 0 ? m : void 0
+            },
+            t
+          ))
+        }
+      )
+    }
+  );
+}
+export {
+  w as CheckboxGroup
+};
+//# sourceMappingURL=CheckboxGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  CheckboxGroup as AriaCheckboxGroup,\n  CheckboxGroupStateContext,\n  type CheckboxGroupRenderProps,\n} from 'react-aria-components'\nimport { useCheckboxGroupItem } from 'react-aria'\nimport type { AriaCheckboxProps } from 'react-aria'\nimport type React from 'react'\nimport { Checkbox } from '../Checkbox'\nimport styles from './CheckboxGroup.module.scss'\nimport type { CheckboxGroupProps } from './CheckboxGroupTypes'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Checkbox implementation specific to React Aria to get our checkbox to connect\n// to their CheckboxGroup component\ninterface ReactAriaCheckboxProps extends Omit<AriaCheckboxProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: CheckboxGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaCheckbox({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaCheckboxProps) {\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const { inputProps, isSelected, isDisabled, isInvalid } = useCheckboxGroupItem(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our checkbox to React Aria and we already\n      // configure a label for our checkboxes.\n      children: ' ',\n      isRequired: false,\n    },\n    groupState,\n    internalInputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.addValue(value)\n    } else {\n      groupState.removeValue(value)\n    }\n  }\n\n  return (\n    <Checkbox\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaCheckboxWrapper(props: Omit<ReactAriaCheckboxProps, 'groupState'>) {\n  const groupState = useContext(CheckboxGroupStateContext)\n  // We can't render hooks conditionally so we have to use useCheckboxGroupItem above but\n  // groupState is only defined if the component is rendered within a CheckboxGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a CheckboxGroup\n  return groupState ? <ReactAriaCheckbox groupState={groupState} {...props} /> : null\n}\n\nexport function CheckboxGroup({\n  label,\n  description,\n  errorMessage,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  options,\n  shouldVisuallyHideLabel = false,\n  value,\n  onChange,\n  className,\n  inputRef,\n  ...props\n}: CheckboxGroupProps) {\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...props}\n    >\n      <AriaCheckboxGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled = false, description }, index) => (\n          <ReactAriaCheckboxWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaCheckboxGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaCheckbox","label","description","value","groupState","inputRefFromProps","props","internalInputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","isInvalid","useCheckboxGroupItem","jsx","Checkbox","checked","ReactAriaCheckboxWrapper","useContext","CheckboxGroupStateContext","CheckboxGroup","errorMessage","isRequired","options","shouldVisuallyHideLabel","onChange","className","inputRef","Fieldset","classNames","styles","AriaCheckboxGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAkB;AAAA,EACzB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAA2B;AACnB,QAAAC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,EAAc,IAAAC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IACd;AAAA,IACAC;AAAA,IACAG;AAAA,EACF;AAWE,SAAA,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAhB;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,WAAAC;AAAA,MACA,aAAAZ;AAAA,MACA,UAfiB,CAACgB,MAAqB;AACzC,QAAIA,IACFd,EAAW,SAASD,CAAK,IAEzBC,EAAW,YAAYD,CAAK;AAAA,MAEhC;AAAA,MAUI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EACnB;AAEJ;AAEA,SAASQ,EAAyBb,GAAmD;AAC7E,QAAAF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAc,gBAAAY,EAAAhB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,EAAO,CAAA,IAAK;AACjF;AAEO,SAASgB,EAAc;AAAA,EAC5B,OAAArB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAqB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAV,IAAY;AAAA,EACZ,YAAAD,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGvB;AACL,GAAuB;AAEnB,SAAA,gBAAAU;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ7B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAqB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BE;AAAA,MAC1B,WAAWK,EAAWC,EAAO,MAAMJ,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAU;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAnB;AAAA,UACA,YAAAU;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAArB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAQY,EAAA,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAegC,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYN;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUiC,MAAU,IAAIL,IAAW;AAAA,YAAA;AAAA,YAJ9B1B;AAAAA,UAMR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}

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

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

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

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

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.d.ts

@@ -0,0 +1,46 @@
+import { FieldsetHTMLAttributes, Ref } from 'react';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface CheckboxGroupOption {
+    /**
+     * Label text or content for the checkbox option
+     */
+    label: React.ReactNode;
+    /**
+     * Value of the option that will be passed to onChange
+     */
+    value: string;
+    /**
+     * Disables this specific checkbox option
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional description text for the checkbox option
+     */
+    description?: React.ReactNode;
+}
+export interface CheckboxGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
+    /**
+     * Indicates if the checkbox group is in an invalid state
+     */
+    isInvalid?: boolean;
+    /**
+     * Disables all checkbox options in the group
+     */
+    isDisabled?: boolean;
+    /**
+     * Array of checkbox options to display
+     */
+    options: Array<CheckboxGroupOption>;
+    /**
+     * Array of currently selected values
+     */
+    value?: string[];
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string[]) => void;
+    /**
+     * React ref for the first checkbox input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+}

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

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

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

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

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 { FieldLayout as M } from "../../FieldLayout/FieldLayout.js";
+import { useTheme as U } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+import _ from "../../../../assets/icons/alert-circle.svg.js";
+import $ from "../../../../assets/icons/caret-down.svg.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 } = U(), A = H(() => n.map((o) => ({ name: o.label, id: o.value })), [n]);
+  return /* @__PURE__ */ r(
+    M,
+    {
+      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(_, { 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 { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\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,46 @@
+import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface ComboBoxOption {
+    /**
+     * Display text for the option
+     */
+    label: string;
+    /**
+     * Value of the option that will be passed to onChange
+     */
+    value: string;
+}
+export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {
+    /**
+     * Disables the combo box and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates that the field has an error
+     */
+    isInvalid?: boolean;
+    /**
+     * Label text for the combo box field
+     */
+    label: string;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: (e: FocusEvent) => void;
+    /**
+     * Array of options to display in the dropdown
+     */
+    options: ComboBoxOption[];
+    /**
+     * Currently selected value
+     */
+    value?: string;
+    /**
+     * React ref for the combo box input element
+     */
+    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 { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
+import "react";
+import { useTheme as _ } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+import $ from "../../../../assets/icons/caret-down.svg.js";
+import q from "../../../../assets/icons/caret-right.svg.js";
+import J from "../../../../assets/icons/caret-left.svg.js";
+import K from "../../../../assets/icons/alert-circle.svg.js";
+import { formatDateToStringDate as O } from "../../../../helpers/dateFormatting.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 } = _(), f = p ? O(p) : "", T = f ? H(f) : null, w = (t) => {
+    d && d(Q(t));
+  };
+  return /* @__PURE__ */ r(
+    U,
+    {
+      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(K, { "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(J, { title: a("icons.previousMonth") }) }),
+                    /* @__PURE__ */ r(E, {}),
+                    /* @__PURE__ */ r(c, { slot: "next", children: /* @__PURE__ */ r(q, { 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 { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './DatePicker.module.scss'\nimport type { DatePickerProps } from './DatePickerTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\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,36 @@
+import { InputHTMLAttributes, Ref, FocusEvent } from 'react';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface DatePickerProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name'> {
+    /**
+     * React ref for the date input element
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Disables the date picker and prevents interaction
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates that the field has an error
+     */
+    isInvalid?: boolean;
+    /**
+     * Callback when selected date changes
+     */
+    onChange?: (value: Date | null) => void;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: (e: FocusEvent) => void;
+    /**
+     * Label text for the date picker field
+     */
+    label: string;
+    /**
+     * Currently selected date value
+     */
+    value?: Date | null;
+    /**
+     * Placeholder text when no date is selected
+     */
+    placeholder?: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { HeadingProps } from './HeadingTypes';
+export declare const Heading: ({ as: Component, styledAs, textAlign, className, children, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsx as a } from "react/jsx-runtime";
+import i from "classnames";
+import s from "./Heading.module.scss.js";
+const p = ({
+  as: t,
+  styledAs: r,
+  textAlign: e,
+  className: o,
+  children: l
+}) => {
+  const m = r ?? t;
+  return /* @__PURE__ */ a(
+    t,
+    {
+      className: i(
+        o,
+        s.root,
+        s[m],
+        s[`textAlign-${e}`]
+      ),
+      children: l
+    }
+  );
+};
+export {
+  p as Heading
+};
+//# sourceMappingURL=Heading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Common/UI/Heading/Heading.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { HeadingProps } from './HeadingTypes'\nimport styles from './Heading.module.scss'\n\nexport const Heading = ({\n  as: Component,\n  styledAs,\n  textAlign,\n  className,\n  children,\n}: HeadingProps) => {\n  const levelStyles = styledAs ?? Component\n\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[levelStyles as string],\n        styles[`textAlign-${textAlign}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Heading","Component","styledAs","textAlign","className","children","levelStyles","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcJ,KAAYD;AAG9B,SAAA,gBAAAM;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaN,CAAS,EAAE;AAAA,MACjC;AAAA,MAEC,UAAAE;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -0,0 +1,23 @@
+const t = "_root_1wga6_1", _ = "_h1_1wga6_7", h = "_h2_1wga6_11", n = "_h3_1wga6_14", g = "_h4_1wga6_17", e = "_h5_1wga6_20", o = "_h6_1wga6_23", a = {
+  root: t,
+  h1: _,
+  h2: h,
+  h3: n,
+  h4: g,
+  h5: e,
+  h6: o,
+  "textAlign-start": "_textAlign-start_1wga6_26",
+  "textAlign-center": "_textAlign-center_1wga6_29",
+  "textAlign-end": "_textAlign-end_1wga6_32"
+};
+export {
+  a as default,
+  _ as h1,
+  h as h2,
+  n as h3,
+  g as h4,
+  e as h5,
+  o as h6,
+  t as root
+};
+//# sourceMappingURL=Heading.module.scss.js.map

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

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

package/dist/components/Common/UI/Heading/HeadingTypes.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface HeadingProps extends Pick<HTMLAttributes<HTMLHeadingElement>, 'className'> {
+    /**
+     * The HTML heading element to render (h1-h6)
+     */
+    as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Optional visual style to apply, independent of the semantic heading level
+     */
+    styledAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /**
+     * Text alignment within the heading
+     */
+    textAlign?: 'start' | 'center' | 'end';
+    /**
+     * Content to be displayed inside the heading
+     */
+    children?: ReactNode;
+}

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

@@ -0,0 +1,2 @@
+export { Heading } from './Heading';
+export type { HeadingProps } from './HeadingTypes';

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

@@ -0,0 +1,2 @@
+import { InputProps } from './InputTypes';
+export declare function Input({ className, adornmentStart, adornmentEnd, inputRef, isDisabled, 'aria-invalid': ariaInvalid, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;