@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

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

@@ -0,0 +1,30 @@
+const a = "_root_16oec_1", e = "_dateInputGroup_16oec_5", n = "_dateInputWrapper_16oec_13", t = "_dateInputLabel_16oec_20", r = "_dateInput_16oec_5", o = "_rangeSeparator_16oec_68", c = "_rangeCalendar_16oec_73", d = "_calendarHeader_16oec_83", _ = "_calendarHeading_16oec_88", l = "_calendarNavButton_16oec_96", p = "_calendarGrid_16oec_121", u = "_calendarCell_16oec_163", s = {
+  root: a,
+  dateInputGroup: e,
+  dateInputWrapper: n,
+  dateInputLabel: t,
+  dateInput: r,
+  rangeSeparator: o,
+  rangeCalendar: c,
+  calendarHeader: d,
+  calendarHeading: _,
+  calendarNavButton: l,
+  calendarGrid: p,
+  calendarCell: u
+};
+export {
+  u as calendarCell,
+  p as calendarGrid,
+  d as calendarHeader,
+  _ as calendarHeading,
+  l as calendarNavButton,
+  r as dateInput,
+  e as dateInputGroup,
+  t as dateInputLabel,
+  n as dateInputWrapper,
+  s as default,
+  c as rangeCalendar,
+  o as rangeSeparator,
+  a as root
+};
+//# sourceMappingURL=DateRangePicker.module.scss.js.map

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

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

package/dist/components/Common/UI/DateRangePicker/DateRangePickerTypes.d.ts

@@ -0,0 +1,14 @@
+export interface DateRange {
+    start: Date;
+    end: Date;
+}
+export interface DateRangePickerProps {
+    label: string;
+    shouldVisuallyHideLabel?: boolean;
+    value: DateRange | null;
+    onChange: (range: DateRange | null) => void;
+    startDateLabel: string;
+    endDateLabel: string;
+    minValue?: Date;
+    maxValue?: Date;
+}

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

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export * from './DateRangePicker';

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

@@ -1,16 +1,23 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import f from "classnames";
-import { DescriptionListDefaults as u } from "./DescriptionListTypes.js";
-import o from "./DescriptionList.module.scss.js";
-import { applyMissingDefaults as y } from "../../../../helpers/applyMissingDefaults.js";
-function j(n) {
-  const m = y(n, u), { items: c, className: a } = m, p = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dt", { children: t }, e)), l = (r) => (Array.isArray(r) ? r : [r]).map((t, e) => /* @__PURE__ */ i("dd", { children: t }, e));
-  return /* @__PURE__ */ i("dl", { className: f(o.root, a), children: c.map((r, s) => /* @__PURE__ */ d("div", { className: o.item, children: [
-    p(r.term),
-    l(r.description)
-  ] }, s)) });
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import y from "classnames";
+import { DescriptionListDefaults as h } from "./DescriptionListTypes.js";
+import i from "./DescriptionList.module.scss.js";
+import { applyMissingDefaults as D } from "../../../../helpers/applyMissingDefaults.js";
+function w(a) {
+  const n = D(a, h), { items: m, layout: c, showSeparators: p, className: l } = n, d = (r) => (Array.isArray(r) ? r : [r]).map((t, o) => /* @__PURE__ */ e("dt", { children: t }, o)), f = (r) => (Array.isArray(r) ? r : [r]).map((t, o) => /* @__PURE__ */ e("dd", { children: t }, o));
+  return /* @__PURE__ */ e(
+    "dl",
+    {
+      className: y(i.root, p && i.withSeparators, l),
+      "data-layout": c,
+      children: m.map((r, s) => /* @__PURE__ */ u("div", { className: i.item, children: [
+        d(r.term),
+        f(r.description)
+      ] }, s))
+    }
+  );
 }
 export {
-  j as DescriptionList
+  w as DescriptionList
 };
 //# sourceMappingURL=DescriptionList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, className } = resolvedProps\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => <dt key={i}>{t}</dt>)\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => <dd key={i}>{d}</dd>)\n  }\n\n  return (\n    <dl className={classNames(styles.root, className)}>\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","className","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,WAAAC,EAAA,IAAcJ,GAEvBK,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAAC,GAAGC,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAA,EAAA,GAAJD,CAAM,CAAK,GAG3CE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAAG,EAAA,GAAJJ,CAAM,CAAK;AAGxD,2BACG,MAAA,EAAG,WAAWK,EAAWC,EAAO,MAAMT,CAAS,GAC7C,UAAAD,EAAM,IAAI,CAACW,GAAMC,wBACf,OAAA,EAAgB,WAAWF,EAAO,MAChC,UAAA;AAAA,IAAAR,EAAYS,EAAK,IAAI;AAAA,IACrBL,EAAmBK,EAAK,WAAW;AAAA,EAAA,KAF5BC,CAGV,CACD,GACH;AAEJ;"}
+{"version":3,"file":"DescriptionList.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { ReactNode } from 'react'\nimport { type DescriptionListProps, DescriptionListDefaults } from './DescriptionListTypes'\nimport styles from './DescriptionList.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function DescriptionList(rawProps: DescriptionListProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DescriptionListDefaults)\n  const { items, layout, showSeparators, className } = resolvedProps\n\n  const renderTerms = (term: ReactNode | ReactNode[]) => {\n    const terms = Array.isArray(term) ? term : [term]\n    return terms.map((t, i) => <dt key={i}>{t}</dt>)\n  }\n\n  const renderDescriptions = (description: ReactNode | ReactNode[]) => {\n    const descriptions = Array.isArray(description) ? description : [description]\n    return descriptions.map((d, i) => <dd key={i}>{d}</dd>)\n  }\n\n  return (\n    <dl\n      className={classNames(styles.root, showSeparators && styles.withSeparators, className)}\n      data-layout={layout}\n    >\n      {items.map((item, index) => (\n        <div key={index} className={styles.item}>\n          {renderTerms(item.term)}\n          {renderDescriptions(item.description)}\n        </div>\n      ))}\n    </dl>\n  )\n}\n"],"names":["DescriptionList","rawProps","resolvedProps","applyMissingDefaults","DescriptionListDefaults","items","layout","showSeparators","className","renderTerms","term","i","jsx","renderDescriptions","description","d","classNames","styles","item","index","jsxs"],"mappings":";;;;;AAMO,SAASA,EAAgBC,GAAgC;AAC9D,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAuB,GACtE,EAAE,OAAAC,GAAO,QAAAC,GAAQ,gBAAAC,GAAgB,WAAAC,MAAcN,GAE/CO,IAAc,CAACC,OACL,MAAM,QAAQA,CAAI,IAAIA,IAAO,CAACA,CAAI,GACnC,IAAI,CAAC,GAAGC,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAA,EAAA,GAAJD,CAAM,CAAK,GAG3CE,IAAqB,CAACC,OACL,MAAM,QAAQA,CAAW,IAAIA,IAAc,CAACA,CAAW,GACxD,IAAI,CAACC,GAAGJ,MAAM,gBAAAC,EAAC,MAAA,EAAY,UAAAG,EAAA,GAAJJ,CAAM,CAAK;AAGxD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI,EAAWC,EAAO,MAAMV,KAAkBU,EAAO,gBAAgBT,CAAS;AAAA,MACrF,eAAaF;AAAA,MAEZ,UAAAD,EAAM,IAAI,CAACa,GAAMC,MAChB,gBAAAC,EAAC,OAAA,EAAgB,WAAWH,EAAO,MAChC,UAAA;AAAA,QAAAR,EAAYS,EAAK,IAAI;AAAA,QACrBL,EAAmBK,EAAK,WAAW;AAAA,MAAA,EAAA,GAF5BC,CAGV,CACD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,10 +1,12 @@
-const t = "_root_1iaua_1", o = "_item_1iaua_12", a = {
+const t = "_root_vzxpv_1", o = "_item_vzxpv_13", r = "_withSeparators_vzxpv_26", s = {
   root: t,
-  item: o
+  item: o,
+  withSeparators: r
 };
 export {
-  a as default,
+  s as default,
   o as item,
-  t as root
+  t as root,
+  r as withSeparators
 };
 //# sourceMappingURL=DescriptionList.module.scss.js.map

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

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

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.d.ts

@@ -5,6 +5,11 @@ export interface DescriptionListItem {
 }
 export interface DescriptionListProps {
     items: DescriptionListItem[];
+    layout?: 'stacked' | 'horizontal';
+    showSeparators?: boolean;
     className?: string;
 }
-export declare const DescriptionListDefaults: {};
+export declare const DescriptionListDefaults: {
+    readonly layout: "stacked";
+    readonly showSeparators: true;
+};

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js

@@ -1,4 +1,7 @@
-const t = {};
+const t = {
+  layout: "stacked",
+  showSeparators: !0
+};
 export {
   t as DescriptionListDefaults
 };

package/dist/components/Common/UI/DescriptionList/DescriptionListTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DescriptionListItem {\n  term: ReactNode | ReactNode[]\n  description: ReactNode | ReactNode[]\n}\n\nexport interface DescriptionListProps {\n  items: DescriptionListItem[]\n  className?: string\n}\n\nexport const DescriptionListDefaults = {} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAYO,MAAMA,IAA0B,CAAA;"}
+{"version":3,"file":"DescriptionListTypes.js","sources":["../../../../../src/components/Common/UI/DescriptionList/DescriptionListTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface DescriptionListItem {\n  term: ReactNode | ReactNode[]\n  description: ReactNode | ReactNode[]\n}\n\nexport interface DescriptionListProps {\n  items: DescriptionListItem[]\n  layout?: 'stacked' | 'horizontal'\n  showSeparators?: boolean\n  className?: string\n}\n\nexport const DescriptionListDefaults = {\n  layout: 'stacked',\n  showSeparators: true,\n} as const satisfies Partial<DescriptionListProps>\n"],"names":["DescriptionListDefaults"],"mappings":"AAcO,MAAMA,IAA0B;AAAA,EACrC,QAAQ;AAAA,EACR,gBAAgB;AAClB;"}

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

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

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

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

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

@@ -1 +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;AAEhC,SACE,gBAAAM;AAAA,IAACN;AAAA,IAAA;AAAA,MACC,WAAWO;AAAA,QACTJ;AAAA,QACAK,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaN,CAAS,EAAE;AAAA,MAAA;AAAA,MAGhC,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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  id,\n}: HeadingProps) => {\n  const levelStyles = styledAs ?? Component\n\n  return (\n    <Component\n      id={id}\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","id","levelStyles","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAU,CAAC;AAAA,EACtB,IAAIC;AAAA,EACJ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AACF,MAAoB;AAClB,QAAMC,IAAcL,KAAYD;AAEhC,SACE,gBAAAO;AAAA,IAACP;AAAA,IAAA;AAAA,MACC,IAAAK;AAAA,MACA,WAAWG;AAAA,QACTL;AAAA,QACAM,EAAO;AAAA,QACPA,EAAOH,CAAqB;AAAA,QAC5BG,EAAO,aAAaP,CAAS,EAAE;AAAA,MAAA;AAAA,MAGhC,UAAAE;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,23 +1,23 @@
-const t = "_root_8h5ym_1", _ = "_h1_8h5ym_7", h = "_h2_8h5ym_11", n = "_h3_8h5ym_14", e = "_h4_8h5ym_17", o = "_h5_8h5ym_20", s = "_h6_8h5ym_23", y = {
+const t = "_root_1as7b_1", _ = "_h1_1as7b_7", s = "_h2_1as7b_11", h = "_h3_1as7b_14", n = "_h4_1as7b_17", e = "_h5_1as7b_20", o = "_h6_1as7b_23", a = {
   root: t,
   h1: _,
-  h2: h,
-  h3: n,
-  h4: e,
-  h5: o,
-  h6: s,
-  "textAlign-start": "_textAlign-start_8h5ym_26",
-  "textAlign-center": "_textAlign-center_8h5ym_29",
-  "textAlign-end": "_textAlign-end_8h5ym_32"
+  h2: s,
+  h3: h,
+  h4: n,
+  h5: e,
+  h6: o,
+  "textAlign-start": "_textAlign-start_1as7b_26",
+  "textAlign-center": "_textAlign-center_1as7b_29",
+  "textAlign-end": "_textAlign-end_1as7b_32"
 };
 export {
-  y as default,
+  a as default,
   _ as h1,
-  h as h2,
-  n as h3,
-  e as h4,
-  o as h5,
-  s as h6,
+  s as h2,
+  h as h3,
+  n as h4,
+  e as h5,
+  o as h6,
   t as root
 };
 //# sourceMappingURL=Heading.module.scss.js.map

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface HeadingProps extends Pick<HTMLAttributes<HTMLHeadingElement>, 'className'> {
+export interface HeadingProps extends Pick<HTMLAttributes<HTMLHeadingElement>, 'className' | 'id'> {
     /**
      * The HTML heading element to render (h1-h6)
      */

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAQO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AACJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}
+{"version":3,"file":"Input.js","sources":["../../../../../src/components/Common/UI/Input/Input.tsx"],"sourcesContent":["import { Input as AriaInput } from 'react-aria-components'\nimport classNames from 'classnames'\nimport styles from './Input.module.scss'\nimport type { InputProps } from './InputTypes'\nimport { InputDefaults } from './InputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\n\nexport function Input(rawProps: InputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, InputDefaults)\n  const {\n    className,\n    adornmentStart,\n    adornmentEnd,\n    inputRef,\n    isDisabled,\n    'aria-invalid': ariaInvalid,\n    ...otherProps\n  } = resolvedProps\n\n  return (\n    <div\n      className={classNames(\n        styles.container,\n        {\n          [styles.hasAdornmentStart as string]: !!adornmentStart,\n          [styles.hasAdornmentEnd as string]: !!adornmentEnd,\n        },\n        className,\n      )}\n      data-disabled={isDisabled}\n    >\n      {adornmentStart && <div className={styles.adornmentStart}>{adornmentStart}</div>}\n      <div className={styles.inputContainer}>\n        <AriaInput\n          ref={inputRef}\n          disabled={isDisabled}\n          aria-invalid={ariaInvalid}\n          {...otherProps}\n        />\n        <div className={styles.invalidIcon}>\n          <AlertCircle fontSize={16} />\n        </div>\n      </div>\n      {adornmentEnd && <div className={styles.adornmentEnd}>{adornmentEnd}</div>}\n    </div>\n  )\n}\n"],"names":["Input","rawProps","resolvedProps","applyMissingDefaults","InputDefaults","className","adornmentStart","adornmentEnd","inputRef","isDisabled","ariaInvalid","otherProps","jsxs","classNames","styles","jsx","AriaInput","AlertCircle"],"mappings":";;;;;;;AAQO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D;AAAA,IACJ,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,gBAAgBC;AAAA,IAChB,GAAGC;AAAA,EAAA,IACDT;AAEJ,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,iBAA2B,GAAG,CAAC,CAACR;AAAA,UACxC,CAACQ,EAAO,eAAyB,GAAG,CAAC,CAACP;AAAA,QAAA;AAAA,QAExCF;AAAA,MAAA;AAAA,MAEF,iBAAeI;AAAA,MAEd,UAAA;AAAA,QAAAH,KAAkB,gBAAAS,EAAC,OAAA,EAAI,WAAWD,EAAO,gBAAiB,UAAAR,GAAe;AAAA,QAC1E,gBAAAM,EAAC,OAAA,EAAI,WAAWE,EAAO,gBACrB,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAKR;AAAA,cACL,UAAUC;AAAA,cACV,gBAAcC;AAAA,cACb,GAAGC;AAAA,YAAA;AAAA,UAAA;AAAA,UAEN,gBAAAI,EAAC,SAAI,WAAWD,EAAO,aACrB,UAAA,gBAAAC,EAACE,GAAA,EAAY,UAAU,GAAA,CAAI,EAAA,CAC7B;AAAA,QAAA,GACF;AAAA,QACCV,KAAgB,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,EAAO,cAAe,UAAAP,EAAA,CAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1E;"}

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

@@ -1,12 +1,12 @@
-const o = "_root_1t1om_1", t = "_menuItem_1t1om_13", n = "_menuIcon_1t1om_44", e = {
+const o = "_root_1wkci_1", n = "_menuItem_1wkci_10", t = "_menuIcon_1wkci_49", e = {
   root: o,
-  menuItem: t,
-  menuIcon: n
+  menuItem: n,
+  menuIcon: t
 };
 export {
   e as default,
-  n as menuIcon,
-  t as menuItem,
+  t as menuIcon,
+  n as menuItem,
   o as root
 };
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,105 +1,119 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useState as _, useRef as q, useMemo as s, useCallback as x } from "react";
-import { ComboBox as G, Input as J, Button as Q, Popover as W, Virtualizer as X, ListLayout as Y, ListBox as Z, ListBoxItem as $ } from "react-aria-components";
-import S from "classnames";
-import { useTranslation as V } from "react-i18next";
-import { useFieldIds as ee } from "../hooks/useFieldIds.js";
-import o from "./MultiSelectComboBox.module.scss.js";
-import { FieldLayout as te } from "../../FieldLayout/FieldLayout.js";
-import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useTheme as oe } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { useState as Q, useRef as C, useCallback as c, useMemo as m } from "react";
+import { ComboBox as W, Input as X, Button as Y, Popover as Z, Virtualizer as $, ListLayout as V, ListBox as ee, ListBoxItem as te } from "react-aria-components";
+import N from "classnames";
+import { useTranslation as re } from "react-i18next";
+import { useFieldIds as oe } from "../hooks/useFieldIds.js";
+import i from "./MultiSelectComboBox.module.scss.js";
+import { FieldLayout as ie } from "../../FieldLayout/FieldLayout.js";
+import { useComponentContext as ne } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTheme as le } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import { useForkRef as ie } from "../../../../hooks/useForkRef/useForkRef.js";
-import le from "../../../../assets/icons/alert-circle.svg.js";
-import ne from "../../../../assets/icons/caret-down.svg.js";
-function Be({
-  className: B,
-  description: C,
-  errorMessage: u,
-  id: N,
-  inputRef: y,
-  isDisabled: d,
-  isInvalid: p,
-  isLoading: L,
-  isRequired: D,
-  label: c,
-  name: F,
-  onBlur: R,
-  onChange: i,
+import { useForkRef as se } from "../../../../hooks/useForkRef/useForkRef.js";
+import ae from "../../../../assets/icons/alert-circle.svg.js";
+import ce from "../../../../assets/icons/caret-down.svg.js";
+function ye({
+  className: y,
+  description: F,
+  errorMessage: p,
+  id: L,
+  inputRef: T,
+  isDisabled: f,
+  isInvalid: h,
+  isLoading: D,
+  isRequired: R,
+  label: u,
+  name: w,
+  onBlur: b,
+  onChange: n,
   options: l,
-  placeholder: w,
+  placeholder: A,
   value: r = [],
-  shouldVisuallyHideLabel: A
+  shouldVisuallyHideLabel: O
 }) {
-  const T = re(), { t: n } = V("common"), { container: O } = oe(), [j, f] = _(""), h = q(null), z = ie(y, h), a = s(() => new Set(r), [r]), b = s(
+  const j = ne(), { t: s } = re("common"), { container: z } = le(), [E, v] = Q(""), o = C(null), I = C(null), M = se(T, I), P = c(() => {
+    o.current = setTimeout(() => {
+      o.current = null, b?.();
+    }, 50);
+  }, [b]), k = c(() => {
+    o.current && (clearTimeout(o.current), o.current = null);
+  }, []), a = m(() => new Set(r), [r]), g = m(
     () => l.filter((e) => !a.has(e.value)).map((e) => ({
       label: e.label,
       value: e.value
     })),
     [l, a]
-  ), v = s(
+  ), x = m(
     () => l.filter((e) => a.has(e.value)),
     [l, a]
-  ), E = s(
-    () => b.map((e) => ({ name: e.label, id: e.value })),
-    [b]
-  ), M = x(
+  ), H = m(
+    () => g.map((e) => ({ name: e.label, id: e.value })),
+    [g]
+  ), K = c(
     (e) => {
-      e && (i?.([...r, e.toString()]), f(""), h.current?.blur());
+      e && (n?.([...r, e.toString()]), v(""), I.current?.blur());
     },
-    [r, i]
-  ), P = x(
+    [r, n]
+  ), U = c(
     (e) => {
-      i?.(r.filter((U) => U !== e));
+      n?.(r.filter((J) => J !== e));
     },
-    [r, i]
-  ), I = (L ? n("status.loadingOptions") : void 0) ?? C, { inputId: g, errorMessageId: k, descriptionId: H, ariaDescribedBy: K } = ee({
-    inputId: N,
-    errorMessage: u,
-    description: I
+    [r, n]
+  ), B = (D ? s("status.loadingOptions") : void 0) ?? F, { inputId: S, errorMessageId: _, descriptionId: q, ariaDescribedBy: G } = oe({
+    inputId: L,
+    errorMessage: p,
+    description: B
   });
-  return /* @__PURE__ */ m("div", { className: S(o.root, B), children: [
+  return /* @__PURE__ */ d("div", { className: N(i.root, y), children: [
     /* @__PURE__ */ t(
-      te,
+      ie,
       {
-        label: c,
-        htmlFor: g,
-        errorMessage: u,
-        errorMessageId: k,
-        descriptionId: H,
-        isRequired: D,
-        description: I,
-        shouldVisuallyHideLabel: A,
-        className: o.comboBoxField,
+        label: u,
+        htmlFor: S,
+        errorMessage: p,
+        errorMessageId: _,
+        descriptionId: q,
+        isRequired: R,
+        description: B,
+        shouldVisuallyHideLabel: O,
+        className: i.comboBoxField,
         withErrorIcon: !1,
-        children: /* @__PURE__ */ m(
-          G,
+        children: /* @__PURE__ */ d(
+          W,
           {
-            "aria-label": c,
-            "aria-describedby": K,
+            "aria-label": u,
+            "aria-describedby": G,
             className: "react-aria-ComboBox-root",
-            isDisabled: d,
-            isInvalid: p,
+            isDisabled: f,
+            isInvalid: h,
             menuTrigger: "focus",
-            inputValue: j,
-            onInputChange: f,
+            inputValue: E,
+            onInputChange: v,
             selectedKey: null,
-            onSelectionChange: M,
-            id: g,
-            name: F,
+            onSelectionChange: K,
+            id: S,
+            name: w,
             children: [
-              /* @__PURE__ */ t(J, { ref: z, placeholder: w, onBlur: R }),
-              /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ m("div", { "aria-hidden": "true", className: o.icons, children: [
-                p && /* @__PURE__ */ t(le, { fontSize: 16 }),
-                /* @__PURE__ */ t(ne, { title: n("icons.selectArrow") })
+              /* @__PURE__ */ t(
+                X,
+                {
+                  ref: M,
+                  placeholder: A,
+                  onBlur: P,
+                  onFocus: k
+                }
+              ),
+              /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ d("div", { "aria-hidden": "true", className: i.icons, children: [
+                h && /* @__PURE__ */ t(ae, { fontSize: 16 }),
+                /* @__PURE__ */ t(ce, { title: s("icons.selectArrow") })
               ] }) }),
               /* @__PURE__ */ t(
-                W,
+                Z,
                 {
-                  className: S(o.popover, "react-aria-Popover"),
-                  UNSTABLE_portalContainer: O.current,
+                  className: N(i.popover, "react-aria-Popover"),
+                  UNSTABLE_portalContainer: z.current,
                   maxHeight: 320,
-                  children: /* @__PURE__ */ t(X, { layout: Y, children: /* @__PURE__ */ t(Z, { items: E, children: (e) => /* @__PURE__ */ t($, { children: e.name }, e.id) }) })
+                  children: /* @__PURE__ */ t($, { layout: V, children: /* @__PURE__ */ t(ee, { items: H, children: (e) => /* @__PURE__ */ t(te, { children: e.name }, e.id) }) })
                 }
               )
             ]
@@ -107,21 +121,21 @@ function Be({
         )
       }
     ),
-    v.length > 0 && /* @__PURE__ */ t("div", { className: o.chips, role: "list", "aria-label": n("labels.selectedItems", { label: c }), children: v.map((e) => /* @__PURE__ */ t("span", { role: "listitem", children: /* @__PURE__ */ t(
-      T.Badge,
+    x.length > 0 && /* @__PURE__ */ t("div", { className: i.chips, role: "list", "aria-label": s("labels.selectedItems", { label: u }), children: x.map((e) => /* @__PURE__ */ t("span", { role: "listitem", children: /* @__PURE__ */ t(
+      j.Badge,
       {
         status: "info",
         onDismiss: () => {
-          P(e.value);
+          U(e.value);
         },
-        dismissAriaLabel: n("labels.removeItem", { label: e.label }),
-        isDisabled: d,
+        dismissAriaLabel: s("labels.removeItem", { label: e.label }),
+        isDisabled: f,
         children: e.label
       }
     ) }, e.value)) })
   ] });
 }
 export {
-  Be as MultiSelectComboBox
+  ye as MultiSelectComboBox
 };
 //# sourceMappingURL=MultiSelectComboBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\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          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} />\n          <Button>\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            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","internalInputRef","useRef","inputRef","useForkRef","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","useCallback","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const blurTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const handleInputBlur = useCallback(() => {\n    blurTimeoutRef.current = setTimeout(() => {\n      blurTimeoutRef.current = null\n      onBlur?.()\n    }, 50)\n  }, [onBlur])\n\n  const handleInputFocus = useCallback(() => {\n    if (blurTimeoutRef.current) {\n      clearTimeout(blurTimeoutRef.current)\n      blurTimeoutRef.current = null\n    }\n  }, [])\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\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          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input\n            ref={inputRef}\n            placeholder={placeholder}\n            onBlur={handleInputBlur}\n            onFocus={handleInputFocus}\n          />\n          <Button>\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            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","blurTimeoutRef","useRef","internalInputRef","inputRef","useForkRef","handleInputBlur","useCallback","handleInputFocus","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}

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

@@ -69,6 +69,7 @@ function Y({
           isRequired: u,
           validationBehavior: "aria",
           onChange: F,
+          onBlur: h,
           "aria-labelledby": " ",
           minValue: V,
           maxValue: j,
@@ -80,7 +81,6 @@ function Y({
               adornmentEnd: D || (r === "percent" ? "%" : null),
               id: d,
               inputRef: s,
-              onBlur: h,
               placeholder: f,
               "aria-describedby": S,
               isDisabled: m