@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,19 +1,21 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function f({
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function d({
   onBack: t,
   backLabel: r,
-  submitLabel: e,
-  isLoading: i = !1
+  submitLabel: i,
+  isLoading: e = !1
 }) {
-  const o = u();
-  return /* @__PURE__ */ s(m, { children: [
+  const o = p();
+  return /* @__PURE__ */ m(s, { children: [
     t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
-    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
+    /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: e, children: i })
   ] });
 }
 export {
-  f as SignatureFormActions
+  d as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

package/dist/components/Common/SignatureForm/SignatureFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAoB;AAEvC,2BACGC,GACE,EAAA,UAAA;AAAA,IACCN,KAAA,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UACHC,EAAA,CAAA;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UACHD,EAAA,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,14 +1,16 @@
-import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
+import "classnames";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
-function p({
+function f({
   signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
-  confirmationError: n = ""
+  confirmationError: m = ""
 }) {
-  return /* @__PURE__ */ s(m, { children: [
+  return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ e(
       a,
       {
@@ -25,12 +27,12 @@ function p({
         name: "confirmSignature",
         isRequired: !0,
         label: o,
-        errorMessage: n
+        errorMessage: m
       }
     )
   ] });
 }
 export {
-  p as SignatureFormFields
+  f as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

package/dist/components/Common/SignatureForm/SignatureFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACA,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/Common/TaxInputs/TaxInputs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useMaskedTransform } from '@/helpers/mask'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\ntype TextInputProps = { type?: string; isPercent?: boolean }\n\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <TaxRateInput {...props} />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\nexport function TextInput({\n  question,\n  requirement,\n  isDisabled = false,\n  type = 'text',\n  isPercent = false,\n}: (EmpQ | CompR) & TextInputProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n      type={type}\n      adornmentEnd={isPercent ? '%' : undefined}\n    />\n  )\n}\n\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={typeof value !== 'undefined' ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n\nexport function TaxRateInput({ requirement, question, ...props }: EmpQ | CompR) {\n  if (requirement) {\n    // Covers case for tax rate where the rate is a one_of option and must be submitted as a string\n    // of enumerated rate values provided\n    const { key, metadata, label, description } = requirement\n    const { validation } = metadata || {}\n    return validation?.type === 'one_of' ? (\n      <SelectField\n        isRequired\n        name={key || ''}\n        label={label || ''}\n        description={description}\n        options={\n          validation.rates?.map(rate => ({\n            value: rate,\n            label: rate,\n          })) || []\n        }\n      />\n    ) : (\n      <TextInput requirement={requirement} {...props} type=\"number\" isPercent />\n    )\n  }\n\n  return <TextInput question={question} {...props} type=\"number\" isPercent />\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","TaxRateInput","question","requirement","isDisabled","key","label","description","value","meta","SelectField","item","_","type","isPercent","mask","transform","useMaskedTransform","TextInputField","isCurrency","t","useTranslation","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField","metadata","validation","rate"],"mappings":"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"}
+{"version":3,"file":"TaxInputs.js","sources":["../../../../src/components/Common/TaxInputs/TaxInputs.tsx"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport type { EmployeeStateTaxQuestion } from '@gusto/embedded-api/models/components/employeestatetaxquestion'\nimport { type TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { useTranslation } from 'react-i18next'\nimport { SelectField } from '../Fields/SelectField/SelectField'\nimport { TextInputField } from '../Fields/TextInputField/TextInputField'\nimport { NumberInputField } from '../Fields/NumberInputField/NumberInputField'\nimport { RadioGroupField } from '../Fields/RadioGroupField/RadioGroupField'\nimport { DatePickerField } from '../Fields/DatePickerField/DatePickerField'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useMaskedTransform } from '@/helpers/mask'\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['target', 'href'] }\n\ninterface EmpQ {\n  question: NonNullable<EmployeeStateTaxQuestion>\n  requirement?: never\n  isDisabled?: boolean\n}\ninterface CompR {\n  requirement: TaxRequirement\n  question?: never\n  isDisabled?: boolean\n}\n\ntype NumberFieldProps = { isCurrency?: boolean; isPercent?: boolean }\n\ntype TextInputProps = { type?: string; isPercent?: boolean }\n\nexport function QuestionInput({\n  questionType,\n  ...props\n}: (EmpQ | CompR) & {\n  questionType: string\n}) {\n  switch (questionType.toLowerCase()) {\n    case 'date':\n      return <DateField {...props} />\n    case 'radio':\n      return <RadioInput {...props} />\n    case 'text':\n    case 'account_number': //TODO: temporary - need special handling for account numbers\n      return <TextInput {...props} />\n    case 'select':\n      return <SelectInput {...props} />\n    case 'number':\n      return <NumberInput {...props} />\n    case 'workers_compensation_rate':\n      return (\n        <NumberInput {...props} isPercent={props.requirement?.metadata?.rateType === 'percent'} />\n      )\n    case 'percent':\n    case 'tax_rate':\n      return <TaxRateInput {...props} />\n    case 'currency':\n      return <NumberInput {...props} isCurrency />\n    default:\n      return <TextInput {...props} />\n    // return null\n  }\n}\n\nexport function SelectInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error('Select input must have options')\n\n  if (!key) return null\n\n  return (\n    <SelectField\n      isRequired\n      name={key}\n      defaultValue={value}\n      label={label as string}\n      description={description}\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      options={meta.options.map((item, _) => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n\nexport function TextInput({\n  question,\n  requirement,\n  isDisabled = false,\n  type = 'text',\n  isPercent = false,\n}: (EmpQ | CompR) & TextInputProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const mask = requirement?.metadata?.mask ?? null\n  const transform = useMaskedTransform(mask)\n\n  if (!key) return null\n  return (\n    <TextInputField\n      isRequired\n      name={key}\n      label={label}\n      // @ts-expect-error HACK value is insufficiently narrowed here\n      defaultValue={value}\n      description={description}\n      isDisabled={isDisabled}\n      transform={mask ? transform : undefined}\n      placeholder={mask ? mask : undefined}\n      type={type}\n      adornmentEnd={isPercent ? '%' : undefined}\n    />\n  )\n}\n\nexport function NumberInput({\n  question,\n  requirement,\n  isCurrency,\n  isPercent,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { t } = useTranslation('common')\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n\n  if (!key) return null\n\n  const wcDescription =\n    requirement?.metadata?.type === 'workers_compensation_rate' &&\n    requirement.metadata.riskClassCode !== undefined\n      ? `${requirement.metadata.riskClassCode}: ${requirement.metadata.riskClassDescription}`\n      : null\n  const adornmentEnd =\n    requirement?.metadata?.rateType === 'currency_per_hour'\n      ? t('inputs.workersCompensationRatePerHourAdornment')\n      : undefined\n\n  return (\n    <NumberInputField\n      isRequired\n      name={key}\n      label={label}\n      description={description ?? wcDescription}\n      defaultValue={typeof value !== 'undefined' ? Number(value) : undefined}\n      format={isCurrency ? 'currency' : isPercent ? 'percent' : 'decimal'}\n      isDisabled={isDisabled}\n      maximumFractionDigits={isPercent ? 4 : undefined}\n      adornmentEnd={adornmentEnd}\n    />\n  )\n}\n\nexport function RadioInput({ question, requirement, isDisabled = false }: EmpQ | CompR) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  const { Text } = useComponentContext()\n\n  const meta = question ? question.inputQuestionFormat : requirement.metadata\n  if (!meta?.options) throw new Error(`RadioInput must have options:${JSON.stringify(question)}`)\n\n  if (!key) return null\n\n  return (\n    <RadioGroupField\n      isRequired\n      name={key}\n      //File new hire report setting cannot be changed after it has been configured.\n      isDisabled={\n        key.includes('fileNewHireReport') ? (value === undefined ? false : true) : isDisabled\n      }\n      description={\n        description && (\n          <Text as=\"span\">\n            <span\n              dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(description, dompurifyConfig) }}\n            />\n          </Text>\n        )\n      }\n      label={label as string}\n      options={meta.options.map(item => ({\n        value: item.value,\n        label: item.label,\n      }))}\n    />\n  )\n}\n//TODO: This type is untested as of yet\nexport function DateField({\n  question,\n  requirement,\n  isDisabled = false,\n}: (EmpQ | CompR) & NumberFieldProps) {\n  const { key, label, description } = question ? question : requirement\n  const value = question ? question.answers[0]?.value : requirement.value\n  if (typeof value !== 'string' && typeof value !== 'undefined')\n    throw new Error('Expecting value to be string for DateInput')\n\n  if (!key) return null\n\n  return (\n    <DatePickerField\n      isRequired\n      name={key}\n      defaultValue={value ? new Date(value) : null}\n      label={label as string}\n      description={description}\n      isDisabled={isDisabled}\n    />\n  )\n}\n\nexport function TaxRateInput({ requirement, question, ...props }: EmpQ | CompR) {\n  if (requirement) {\n    // Covers case for tax rate where the rate is a one_of option and must be submitted as a string\n    // of enumerated rate values provided\n    const { key, metadata, label, description } = requirement\n    const { validation } = metadata || {}\n    return validation?.type === 'one_of' ? (\n      <SelectField\n        isRequired\n        name={key || ''}\n        label={label || ''}\n        description={description}\n        options={\n          validation.rates?.map(rate => ({\n            value: rate,\n            label: rate,\n          })) || []\n        }\n      />\n    ) : (\n      <TextInput requirement={requirement} {...props} type=\"number\" isPercent />\n    )\n  }\n\n  return <TextInput question={question} {...props} type=\"number\" isPercent />\n}\n"],"names":["dompurifyConfig","QuestionInput","questionType","props","jsx","DateField","RadioInput","TextInput","SelectInput","NumberInput","TaxRateInput","question","requirement","isDisabled","key","label","description","value","meta","SelectField","item","_","type","isPercent","mask","transform","useMaskedTransform","TextInputField","isCurrency","t","useTranslation","wcDescription","adornmentEnd","NumberInputField","Text","useComponentContext","RadioGroupField","DOMPurify","DatePickerField","metadata","validation","rate"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { type AlertProps } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\n\nexport function Alert({ label, children, status = 'info', icon, className }: AlertProps) {\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.icon}>{icon || defaultIcon}</div>\n        <h6 id={id}>{label}</h6>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","label","children","status","icon","className","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs"],"mappings":";;;;;;;;AASgB,SAAAA,EAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,IAAS,QAAQ,MAAAC,GAAM,WAAAC,KAAyB;AACvF,QAAMC,IAAKC,EAAM,GACXC,IAAWC,EAAuB,IAAI,GACtCC,IACJP,MAAW,SACR,gBAAAQ,EAAAC,GAAA,EAAS,eAAW,GAAC,CAAA,IACpBT,MAAW,YACZ,gBAAAQ,EAAAE,GAAA,EAAY,eAAW,GAAC,CAAA,IACvBV,MAAW,YACZ,gBAAAQ,EAAAG,GAAA,EAAY,eAAW,GAAC,CAAA,IAEzB,gBAAAH,EAACI,GAAU,EAAA,eAAW,GAAC,CAAA;AAG3B,SAAAC,EAAU,MAAM;AACV,IAAAR,EAAS,WAAkBA,EAAA,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,EAAE,qBAGF,OAAI,EAAA,WAAWS,EAAWC,EAAO,MAAMb,CAAS,GAC/C,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcH;AAAA,MACd,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAI,EAAA,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAC,EAAC,MAAG,EAAA,IAAAL,GAAS,UAAML,EAAA,CAAA;AAAA,QAClB,gBAAAU,EAAA,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAhB,EAAS,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { type AlertProps } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\n\nexport function Alert({ label, children, status = 'info', icon, className }: AlertProps) {\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.icon}>{icon || defaultIcon}</div>\n        <h6 id={id}>{label}</h6>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","label","children","status","icon","className","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs"],"mappings":";;;;;;;;AASO,SAASA,EAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,IAAS,QAAQ,MAAAC,GAAM,WAAAC,KAAyB;AACvF,QAAMC,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJP,MAAW,SACT,gBAAAQ,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBT,MAAW,YACb,gBAAAQ,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBV,MAAW,YACb,gBAAAQ,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMb,CAAS,GAC/C,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcH;AAAA,MACd,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAL,EAAA,CAAM;AAAA,QACnB,gBAAAU,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAhB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const t = "_root_14vfm_1", o = "_alert_14vfm_1", n = "_icon_14vfm_14", _ = "_content_14vfm_29", c = {
+const t = "_root_1pj1j_1", o = "_alert_1pj1j_1", n = "_icon_1pj1j_14", _ = "_content_1pj1j_29", c = {
   root: t,
   alert: o,
   icon: n,

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

@@ -1,12 +1,12 @@
 import { jsx as o } from "react/jsx-runtime";
-import e from "classnames";
-import m from "./Badge.module.scss.js";
+import m from "classnames";
+import e from "./Badge.module.scss.js";
 const f = ({
   className: a,
   children: s,
-  status: t = "defaultColor",
+  status: t = "info",
   ...r
-}) => /* @__PURE__ */ o("span", { ...r, className: e(m.badge, a), "data-variant": t, children: s });
+}) => /* @__PURE__ */ o("span", { ...r, className: m(e.badge, a), "data-variant": t, children: s });
 export {
   f as Badge
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\n\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  children,\n  status: variant = 'defaultColor',\n  ...props\n}) => {\n  return (\n    <span {...props} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","className","children","variant","props","jsx","classnames","styles"],"mappings":";;;AAKO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC,IAAU;AAAA,EAClB,GAAGC;AACL,MAEK,gBAAAC,EAAA,QAAA,EAAM,GAAGD,GAAO,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GAC5E,UAAAD,EACH,CAAA;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\n\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  children,\n  status: variant = 'info',\n  ...props\n}) => {\n  return (\n    <span {...props} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","className","children","variant","props","jsx","classnames","styles"],"mappings":";;;AAKO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC,IAAU;AAAA,EAClB,GAAGC;AACL,MAEI,gBAAAC,EAAC,QAAA,EAAM,GAAGD,GAAO,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GAC5E,UAAAD,EAAA,CACH;"}

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

@@ -1,8 +1,8 @@
-const a = "_badge_an4b3_1", e = {
-  badge: a
+const e = "_badge_1h2ej_1", a = {
+  badge: e
 };
 export {
-  a as badge,
-  e as default
+  e as badge,
+  a as default
 };
 //# sourceMappingURL=Badge.module.scss.js.map

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from './ButtonTypes';
-export declare function Button({ isError, isLoading, isDisabled, variant, buttonRef, className, children, onBlur, onFocus, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button({ isLoading, isDisabled, variant, buttonRef, className, children, onBlur, onFocus, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,40 +1,38 @@
-import { jsx as p } from "react/jsx-runtime";
-import { Button as u } from "react-aria-components";
-import v from "classnames";
+import { jsx as d } from "react/jsx-runtime";
+import { Button as p } from "react-aria-components";
+import u from "classnames";
 import c from "./Button.module.scss.js";
-function N({
-  isError: o = !1,
+function y({
   isLoading: r = !1,
-  isDisabled: s = !1,
-  variant: t = "primary",
-  buttonRef: e,
-  className: m,
-  children: i,
+  isDisabled: t = !1,
+  variant: o = "primary",
+  buttonRef: a,
+  className: e,
+  children: m,
   onBlur: n,
-  onFocus: d,
-  onClick: a,
+  onFocus: i,
+  onClick: s,
   ...f
 }) {
-  return /* @__PURE__ */ p(
-    u,
+  return /* @__PURE__ */ d(
+    p,
     {
       ...f,
-      className: ({ defaultClassName: l }) => v(c.root, l, m),
-      ref: e,
+      className: ({ defaultClassName: l }) => u(c.root, l, e),
+      ref: a,
       onBlur: n,
-      onFocus: d,
-      isDisabled: s || r,
-      "data-variant": t,
+      onFocus: i,
+      isDisabled: t || r,
+      "data-variant": o,
       "data-loading": r || void 0,
-      "data-error": o || void 0,
-      onPress: a ? () => {
-        a({});
+      onPress: s ? () => {
+        s({});
       } : void 0,
-      children: i
+      children: m
     }
   );
 }
 export {
-  N as Button
+  y as Button
 };
 //# sourceMappingURL=Button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps } from './ButtonTypes'\nimport styles from './Button.module.scss'\n\nexport function Button({\n  isError = false,\n  isLoading = false,\n  isDisabled = false,\n  variant = 'primary',\n  buttonRef,\n  className,\n  children,\n  onBlur,\n  onFocus,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...props}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      data-error={isError || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","isError","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","props","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAQZ,SAAA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,cAAYD,KAAW;AAAA,MACvB,SAjBgBS,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MAAA,IAEnD;AAAA,MAeC,UAAAH;AAAA,IAAA;AAAA,EACH;AAEJ;"}
+{"version":3,"file":"Button.js","sources":["../../../../../src/components/Common/UI/Button/Button.tsx"],"sourcesContent":["import { Button as AriaButton } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { type ButtonProps } from './ButtonTypes'\nimport styles from './Button.module.scss'\n\nexport function Button({\n  isLoading = false,\n  isDisabled = false,\n  variant = 'primary',\n  buttonRef,\n  className,\n  children,\n  onBlur,\n  onFocus,\n  onClick,\n  ...props\n}: ButtonProps) {\n  const handlePress = onClick\n    ? () => {\n        onClick({} as React.MouseEvent<HTMLButtonElement>)\n      }\n    : undefined\n\n  return (\n    <AriaButton\n      {...props}\n      className={({ defaultClassName }) => classNames(styles.root, defaultClassName, className)}\n      ref={buttonRef}\n      onBlur={onBlur}\n      onFocus={onFocus}\n      isDisabled={isDisabled || isLoading}\n      data-variant={variant}\n      data-loading={isLoading || undefined}\n      onPress={handlePress}\n    >\n      {children}\n    </AriaButton>\n  )\n}\n"],"names":["Button","isLoading","isDisabled","variant","buttonRef","className","children","onBlur","onFocus","onClick","props","jsx","AriaButton","defaultClassName","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAO;AAAA,EACrB,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AAOd,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAW,CAAC,EAAE,kBAAAG,QAAuBC,EAAWC,EAAO,MAAMF,GAAkBR,CAAS;AAAA,MACxF,KAAKD;AAAA,MACL,QAAAG;AAAA,MACA,SAAAC;AAAA,MACA,YAAYN,KAAcD;AAAA,MAC1B,gBAAcE;AAAA,MACd,gBAAcF,KAAa;AAAA,MAC3B,SAhBgBQ,IAChB,MAAM;AACJ,QAAAA,EAAQ,CAAA,CAAyC;AAAA,MACnD,IACA;AAAA,MAcC,UAAAH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_1p4kg_1", t = {
+const o = "_root_kyosy_1", t = {
   root: o
 };
 export {

package/dist/components/Common/UI/Button/ButtonIcon.d.ts

@@ -1,2 +1,2 @@
 import { ButtonIconProps } from './ButtonTypes';
-export declare function ButtonIcon(props: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIcon({ variant, className, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/Button/ButtonIcon.js

@@ -1,9 +1,11 @@
-import { jsx as t } from "react/jsx-runtime";
-import { Button as n } from "./Button.js";
-function m(o) {
-  return /* @__PURE__ */ t(n, { ...o, variant: "icon" });
+import { jsx as m } from "react/jsx-runtime";
+import e from "classnames";
+import { Button as i } from "./Button.js";
+import n from "./ButtonIcon.module.scss.js";
+function l({ variant: t = "tertiary", className: o, ...r }) {
+  return /* @__PURE__ */ m(i, { ...r, variant: t, className: e(n.root, o), children: r.children });
 }
 export {
-  m as ButtonIcon
+  l as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/components/Common/UI/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\n\nexport function ButtonIcon(props: ButtonIconProps) {\n  return <Button {...props} variant=\"icon\" />\n}\n"],"names":["ButtonIcon","props","jsx","Button"],"mappings":";;AAGO,SAASA,EAAWC,GAAwB;AACjD,SAAQ,gBAAAC,EAAAC,GAAA,EAAQ,GAAGF,GAAO,SAAQ,QAAO;AAC3C;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\n\nexport function ButtonIcon({ variant = 'tertiary', className, ...props }: ButtonIconProps) {\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAW,EAAE,SAAAC,IAAU,YAAY,WAAAC,GAAW,GAAGC,KAA0B;AACzF,SACE,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAC,EAAM,SAAA,CACT;AAEJ;"}

package/dist/components/Common/UI/Button/ButtonIcon.module.scss.js

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

package/dist/components/Common/UI/Button/ButtonIcon.module.scss.js.map

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

package/dist/components/Common/UI/Button/ButtonTypes.d.ts

@@ -7,11 +7,7 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
     /**
      * Visual style variant of the button
      */
-    variant?: 'primary' | 'secondary' | 'tertiary' | 'icon';
-    /**
-     * Indicates if the button is in an error state
-     */
-    isError?: boolean;
+    variant?: 'primary' | 'secondary' | 'tertiary' | 'error';
     /**
      * Shows a loading spinner and disables the button
      */
@@ -33,7 +29,7 @@ export interface ButtonProps extends Pick<ButtonHTMLAttributes<HTMLButtonElement
      */
     onFocus?: (e: FocusEvent) => void;
 }
-export type ButtonIconProps = Omit<ButtonProps, 'variant'> & {
+export type ButtonIconProps = ButtonProps & {
     /**
      * Required aria-label for icon buttons to ensure accessibility
      */

package/dist/components/Common/UI/CalendarPreview/CalendarLegend.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAQO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAK,IAAIC,EAAoB,GAC/BC,IAAyB,CAACC,MAAe;AAEvC,UAAAC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAE1D,WAAA,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAgB,UAAEV,EAAA,eAAe,EAAE,CAAA;AAAA,sBACnCW,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAK,EAAA,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MACd;AAAA,MACC,gBAAAJ,EAAAG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAK,EAAA,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EACxC,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EAXqD,GAAAC,CAYvD,CACD,EACH,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"CalendarLegend.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarLegend.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { VisuallyHidden } from '../../VisuallyHidden'\nimport { Flex } from '../../Flex/Flex'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CalendarLegendProps = Pick<CalendarPreviewProps, 'highlightDates' | 'dateRange'>\n\nexport const CalendarLegend = ({ highlightDates }: CalendarLegendProps) => {\n  const { t } = useTranslation('Company.PaySchedule')\n  const { Text } = useComponentContext()\n  const getFormattedLegendDate = (date: Date) => {\n    // adjust for timezone offset to prevent date shifting\n    const userTimezoneOffset = date.getTimezoneOffset() * 60000\n    const adjustedDate = new Date(date.getTime() + userTimezoneOffset)\n\n    return new Intl.DateTimeFormat(undefined, {\n      weekday: 'long',\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(adjustedDate)\n  }\n\n  return (\n    <div className=\"react-aria-CalendarLegend\" data-testid=\"calendar-legend\">\n      <VisuallyHidden>{t('labels.legend')}</VisuallyHidden>\n      <Flex flexDirection=\"column\" gap={24}>\n        {highlightDates?.map((highlight, index) => (\n          <Flex justifyContent=\"center\" alignItems=\"center\" key={index} gap={16}>\n            <div\n              data-highlight={highlight.highlightColor}\n              className=\"react-aria-CalendarLegendMarker\"\n              data-testid=\"calendar-legend-item\"\n            />\n            <Flex flexDirection=\"column\" gap={0}>\n              <Text className=\"react-aria-CalendarLegendText\">{highlight.label}</Text>\n              <Text size=\"sm\" className=\"react-aria-CalendarLegendSubText\">\n                {getFormattedLegendDate(highlight.date)}\n              </Text>\n            </Flex>\n          </Flex>\n        ))}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["CalendarLegend","highlightDates","t","useTranslation","Text","useComponentContext","getFormattedLegendDate","date","userTimezoneOffset","adjustedDate","jsxs","jsx","VisuallyHidden","Flex","highlight","index"],"mappings":";;;;;AAQO,MAAMA,IAAiB,CAAC,EAAE,gBAAAC,QAA0C;AACzE,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAyB,CAACC,MAAe;AAE7C,UAAMC,IAAqBD,EAAK,kBAAA,IAAsB,KAChDE,IAAe,IAAI,KAAKF,EAAK,QAAA,IAAYC,CAAkB;AAEjE,WAAO,IAAI,KAAK,eAAe,QAAW;AAAA,MACxC,SAAS;AAAA,MACT,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,IAAA,CACP,EAAE,OAAOC,CAAY;AAAA,EACxB;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,6BAA4B,eAAY,mBACrD,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAgB,UAAAV,EAAE,eAAe,EAAA,CAAE;AAAA,sBACnCW,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,aAAgB,IAAI,CAACC,GAAWC,wBAC9BF,GAAA,EAAK,gBAAe,UAAS,YAAW,UAAqB,KAAK,IACjE,UAAA;AAAA,MAAA,gBAAAF;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,kBAAgBG,EAAU;AAAA,UAC1B,WAAU;AAAA,UACV,eAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAJ,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAF,EAACP,GAAA,EAAK,WAAU,iCAAiC,UAAAU,EAAU,OAAM;AAAA,QACjE,gBAAAH,EAACP,KAAK,MAAK,MAAK,WAAU,oCACvB,UAAAE,EAAuBQ,EAAU,IAAI,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,GAXqDC,CAYvD,CACD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":"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"}
+{"version":3,"file":"CalendarPreview.js","sources":["../../../../../src/components/Common/UI/CalendarPreview/CalendarPreview.tsx"],"sourcesContent":["import type { DateValue } from 'react-aria-components'\nimport {\n  CalendarCell,\n  CalendarGrid,\n  CalendarGridBody,\n  CalendarGridHeader,\n  CalendarHeaderCell,\n  Text,\n  RangeCalendar,\n} from 'react-aria-components'\nimport { parseDate } from '@internationalized/date'\nimport { useMemo } from 'react'\nimport { CalendarLegend } from './CalendarLegend'\nimport type { CalendarPreviewProps } from './CalendarPreviewTypes'\nimport styles from './CalendarPreview.module.scss'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { Flex } from '@/components/Common/Flex'\n\nexport const CalendarPreview = ({ dateRange, highlightDates }: CalendarPreviewProps) => {\n  const highlightMap = useMemo(() => {\n    if (!highlightDates) return new Map()\n\n    return new Map(\n      highlightDates.map(highlight => [\n        formatDateToStringDate(highlight.date),\n        highlight.highlightColor,\n      ]),\n    )\n  }, [highlightDates])\n\n  const isInRange = (date: DateValue) => {\n    const comparisonDate = new Date(date.toString())\n    const { start, end } = dateRange\n    return comparisonDate >= start && comparisonDate <= end\n  }\n\n  const isDatesInMultipleMonths = useMemo(() => {\n    // Get all dates into an array\n    const allDates = [dateRange.start, dateRange.end, ...(highlightDates?.map(h => h.date) || [])]\n\n    // Get the month of the first date to compare against\n    const firstMonth = allDates[0]?.getMonth() ?? 0\n\n    // Check if any date has a different month than the first date\n    return allDates.some(date => date.getMonth() !== firstMonth)\n  }, [dateRange, highlightDates])\n\n  const getMonthName = (date: Date) => {\n    const dateFormatter = new Intl.DateTimeFormat(undefined, {\n      month: 'long',\n      year: 'numeric',\n    })\n    return dateFormatter.format(date)\n  }\n\n  const formattedStartDate = formatDateToStringDate(dateRange.start)\n  const formattedEndDate = formatDateToStringDate(dateRange.end)\n\n  const rangeValue =\n    formattedStartDate && formattedEndDate\n      ? {\n          start: parseDate(formattedStartDate),\n          end: parseDate(formattedEndDate),\n        }\n      : undefined\n\n  return (\n    <div className={styles.calendar}>\n      <div className={styles.calendarWrapper}>\n        <div className={styles.calendarHeader}>\n          <Flex alignItems={'center'} justifyContent={'center'}>\n            <Text>{getMonthName(dateRange.start)}</Text>\n          </Flex>\n        </div>\n        <RangeCalendar\n          isReadOnly\n          value={rangeValue}\n          visibleDuration={isDatesInMultipleMonths ? { weeks: 2 } : undefined}\n        >\n          <CalendarGrid weekdayStyle={'short'}>\n            <CalendarGridHeader>\n              {day => <CalendarHeaderCell>{day}</CalendarHeaderCell>}\n            </CalendarGridHeader>\n            <CalendarGridBody>\n              {date => {\n                return (\n                  <CalendarCell\n                    className=\"react-aria-CalendarCell\"\n                    date={date}\n                    {...(isInRange(date) ? { 'data-selected': true } : {})}\n                    data-highlight={highlightMap.get(date.toString())}\n                    data-disabled={true}\n                  >\n                    {({ formattedDate }) => {\n                      return (\n                        <Flex flexDirection={'column'} alignItems={'center'} gap={0}>\n                          {formattedDate}\n                          <div className={styles.dateMarker}></div>\n                        </Flex>\n                      )\n                    }}\n                  </CalendarCell>\n                )\n              }}\n            </CalendarGridBody>\n          </CalendarGrid>\n\n          <Text slot=\"errorMessage\" />\n        </RangeCalendar>\n        <CalendarLegend highlightDates={highlightDates} dateRange={dateRange} />\n      </div>\n    </div>\n  )\n}\n"],"names":["CalendarPreview","dateRange","highlightDates","highlightMap","useMemo","highlight","formatDateToStringDate","isInRange","date","comparisonDate","start","end","isDatesInMultipleMonths","allDates","h","firstMonth","getMonthName","formattedStartDate","formattedEndDate","rangeValue","parseDate","jsx","styles","jsxs","Flex","Text","RangeCalendar","CalendarGrid","CalendarGridHeader","day","CalendarHeaderCell","CalendarGridBody","CalendarCell","formattedDate","CalendarLegend"],"mappings":";;;;;;;;AAkBO,MAAMA,IAAkB,CAAC,EAAE,WAAAC,GAAW,gBAAAC,QAA2C;AACtF,QAAMC,IAAeC,EAAQ,MACtBF,IAEE,IAAI;AAAA,IACTA,EAAe,IAAI,CAAAG,MAAa;AAAA,MAC9BC,EAAuBD,EAAU,IAAI;AAAA,MACrCA,EAAU;AAAA,IAAA,CACX;AAAA,EAAA,IANyB,oBAAI,IAAA,GAQ/B,CAACH,CAAc,CAAC,GAEbK,IAAY,CAACC,MAAoB;AACrC,UAAMC,IAAiB,IAAI,KAAKD,EAAK,UAAU,GACzC,EAAE,OAAAE,GAAO,KAAAC,EAAA,IAAQV;AACvB,WAAOQ,KAAkBC,KAASD,KAAkBE;AAAA,EACtD,GAEMC,IAA0BR,EAAQ,MAAM;AAE5C,UAAMS,IAAW,CAACZ,EAAU,OAAOA,EAAU,KAAK,GAAIC,GAAgB,IAAI,CAAAY,MAAKA,EAAE,IAAI,KAAK,CAAA,CAAG,GAGvFC,IAAaF,EAAS,CAAC,GAAG,cAAc;AAG9C,WAAOA,EAAS,KAAK,CAAAL,MAAQA,EAAK,SAAA,MAAeO,CAAU;AAAA,EAC7D,GAAG,CAACd,GAAWC,CAAc,CAAC,GAExBc,IAAe,CAACR,MACE,IAAI,KAAK,eAAe,QAAW;AAAA,IACvD,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACP,EACoB,OAAOA,CAAI,GAG5BS,IAAqBX,EAAuBL,EAAU,KAAK,GAC3DiB,IAAmBZ,EAAuBL,EAAU,GAAG,GAEvDkB,IACJF,KAAsBC,IAClB;AAAA,IACE,OAAOE,EAAUH,CAAkB;AAAA,IACnC,KAAKG,EAAUF,CAAgB;AAAA,EAAA,IAEjC;AAEN,SACE,gBAAAG,EAAC,SAAI,WAAWC,EAAO,UACrB,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWD,EAAO,iBACrB,UAAA;AAAA,IAAA,gBAAAD,EAAC,SAAI,WAAWC,EAAO,gBACrB,UAAA,gBAAAD,EAACG,KAAK,YAAY,UAAU,gBAAgB,UAC1C,4BAACC,GAAA,EAAM,UAAAT,EAAaf,EAAU,KAAK,GAAE,GACvC,EAAA,CACF;AAAA,IACA,gBAAAsB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,OAAOP;AAAA,QACP,iBAAiBP,IAA0B,EAAE,OAAO,MAAM;AAAA,QAE1D,UAAA;AAAA,UAAA,gBAAAW,EAACI,GAAA,EAAa,cAAc,SAC1B,UAAA;AAAA,YAAA,gBAAAN,EAACO,GAAA,EACE,UAAA,CAAAC,MAAO,gBAAAR,EAACS,GAAA,EAAoB,aAAI,EAAA,CACnC;AAAA,YACA,gBAAAT,EAACU,KACE,UAAA,CAAAvB,MAEG,gBAAAa;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,MAAAxB;AAAA,gBACC,GAAID,EAAUC,CAAI,IAAI,EAAE,iBAAiB,GAAA,IAAS,CAAA;AAAA,gBACnD,kBAAgBL,EAAa,IAAIK,EAAK,UAAU;AAAA,gBAChD,iBAAe;AAAA,gBAEd,UAAA,CAAC,EAAE,eAAAyB,0BAECT,GAAA,EAAK,eAAe,UAAU,YAAY,UAAU,KAAK,GACvD,UAAA;AAAA,kBAAAS;AAAA,kBACD,gBAAAZ,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAA,CAAY;AAAA,gBAAA,GACrC;AAAA,cAEJ;AAAA,YAAA,EAGN,CACF;AAAA,UAAA,GACF;AAAA,UAEA,gBAAAD,EAACI,GAAA,EAAK,MAAK,eAAA,CAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5B,gBAAAJ,EAACa,GAAA,EAAe,gBAAAhC,GAAgC,WAAAD,EAAA,CAAsB;AAAA,EAAA,EAAA,CACxE,EAAA,CACF;AAEJ;"}

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

@@ -1,13 +1,13 @@
-const a = "_calendar_p8rau_1", r = "_calendarWrapper_p8rau_1", e = "_calendarHeader_p8rau_5", d = "_dateMarker_p8rau_44", c = {
+const a = "_calendar_1riep_1", e = "_calendarWrapper_1riep_1", r = "_calendarHeader_1riep_5", d = "_dateMarker_1riep_44", c = {
   calendar: a,
-  calendarWrapper: r,
-  calendarHeader: e,
+  calendarWrapper: e,
+  calendarHeader: r,
   dateMarker: d
 };
 export {
   a as calendar,
-  e as calendarHeader,
-  r as calendarWrapper,
+  r as calendarHeader,
+  e as calendarWrapper,
   d as dateMarker,
   c as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport { Checkbox } from '../Checkbox/Checkbox'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\nexport function Card({ onSelect, children, menu, className }: CardProps) {\n  const { t } = useTranslation('common')\n\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {onSelect && (\n          <div>\n            <Checkbox\n              onChange={onSelect}\n              label={t('card.selectRowLabel')}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        )}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","onSelect","children","menu","className","useTranslation","jsx","cn","styles","jsxs","Flex","Checkbox"],"mappings":";;;;;;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,KAAwB;AACvE,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ;AAErC,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAC,gBAAAK,EAAAC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAT,uBACE,OACC,EAAA,UAAA,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAUV;AAAA,QACV,OAAO,EAAE,qBAAqB;AAAA,QAC9B,yBAAuB;AAAA,MAAA;AAAA,IAAA,GAE3B;AAAA,sBAED,OAAI,EAAA,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAK,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,EACH,CAAA,GACF;AAAA,IACCC,KAAS,gBAAAG,EAAA,OAAA,EAAK,UAAKH,EAAA,CAAA;AAAA,EAAA,EAAA,CACtB,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Common/UI/Card/Card.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport { Flex } from '../../Flex/Flex'\nimport { Checkbox } from '../Checkbox/Checkbox'\nimport styles from './Card.module.scss'\nimport { type CardProps } from '@/components/Common/UI/Card/CardTypes'\n\nexport function Card({ onSelect, children, menu, className }: CardProps) {\n  const { t } = useTranslation('common')\n\n  return (\n    <div className={cn(styles.cardContainer, className)} data-testid=\"data-card\">\n      <Flex flexDirection=\"row\" gap={8}>\n        {onSelect && (\n          <div>\n            <Checkbox\n              onChange={onSelect}\n              label={t('card.selectRowLabel')}\n              shouldVisuallyHideLabel\n            />\n          </div>\n        )}\n        <div style={{ flexGrow: 1, flexShrink: 1 }}>\n          <Flex flexDirection={'column'} gap={16}>\n            {children}\n          </Flex>\n        </div>\n        {menu && <div>{menu}</div>}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["Card","onSelect","children","menu","className","useTranslation","jsx","cn","styles","jsxs","Flex","Checkbox"],"mappings":";;;;;;AAOO,SAASA,EAAK,EAAE,UAAAC,GAAU,UAAAC,GAAU,MAAAC,GAAM,WAAAC,KAAwB;AACvE,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ;AAErC,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,eAAeJ,CAAS,GAAG,eAAY,aAC/D,UAAA,gBAAAK,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,GAC5B,UAAA;AAAA,IAAAT,uBACE,OAAA,EACC,UAAA,gBAAAK;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,UAAUV;AAAA,QACV,OAAO,EAAE,qBAAqB;AAAA,QAC9B,yBAAuB;AAAA,MAAA;AAAA,IAAA,GAE3B;AAAA,sBAED,OAAA,EAAI,OAAO,EAAE,UAAU,GAAG,YAAY,KACrC,UAAA,gBAAAK,EAACI,KAAK,eAAe,UAAU,KAAK,IACjC,UAAAR,GACH,GACF;AAAA,IACCC,KAAQ,gBAAAG,EAAC,OAAA,EAAK,UAAAH,EAAA,CAAK;AAAA,EAAA,EAAA,CACtB,EAAA,CACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const a = "_cardContainer_baj0w_1", n = {
+const a = "_cardContainer_17qsq_1", n = {
   cardContainer: a
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: CheckboxProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.checkboxWrapper}>\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAClD,IAAAX,IAAAW,EAAM,OAAO,OAAO;AAAA,EACjC;AAGE,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,gBAAcD;AAAA,YACd,oBAAkBW;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QACpB;AAAA,QACA,gBAAAH,EAAC,OAAI,EAAA,WAAWG,EAAO,UACrB,4BAACC,GAAY,EAAA,WAAWD,EAAO,MAAO,CAAA,EACxC,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Common/UI/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Checkbox.module.scss'\nimport type { CheckboxProps } from './CheckboxTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\nimport IconChecked from '@/assets/icons/checkbox.svg?react'\n\nexport const Checkbox = ({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  inputRef,\n  value,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: CheckboxProps) => {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.checked)\n  }\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={className}\n      {...props}\n    >\n      <div className={styles.checkboxWrapper}>\n        <input\n          type=\"checkbox\"\n          name={name}\n          disabled={isDisabled}\n          aria-invalid={isInvalid}\n          aria-describedby={ariaDescribedBy}\n          checked={value}\n          id={inputId}\n          ref={inputRef}\n          onBlur={onBlur}\n          onChange={handleChange}\n          className={styles.checkboxInput}\n        />\n        <div className={styles.checkbox}>\n          <IconChecked className={styles.check} />\n        </div>\n      </div>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Checkbox","name","label","description","errorMessage","isRequired","inputRef","value","isInvalid","isDisabled","id","onChange","onBlur","className","shouldVisuallyHideLabel","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","handleChange","event","jsx","HorizontalFieldLayout","jsxs","styles","IconChecked"],"mappings":";;;;;AAOO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASV;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKkB,IAAe,CAACC,MAAyC;AAC7D,IAAAX,IAAWW,EAAM,OAAO,OAAO;AAAA,EACjC;AAEA,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASW;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAJ;AAAA,MACA,WAAAD;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAU,EAAC,OAAA,EAAI,WAAWC,EAAO,iBACrB,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAAtB;AAAA,YACA,UAAUQ;AAAA,YACV,gBAAcD;AAAA,YACd,oBAAkBW;AAAA,YAClB,SAASZ;AAAA,YACT,IAAIS;AAAA,YACJ,KAAKV;AAAA,YACL,QAAAM;AAAA,YACA,UAAUS;AAAA,YACV,WAAWK,EAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAEpB,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,UACrB,4BAACC,GAAA,EAAY,WAAWD,EAAO,MAAA,CAAO,EAAA,CACxC;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,14 +1,14 @@
-const c = "_checkboxWrapper_1gkxi_1", e = "_checkbox_1gkxi_1", k = "_check_1gkxi_1", o = "_checkboxInput_1gkxi_29", x = {
+const c = "_checkboxWrapper_wiqs9_1", e = "_checkbox_wiqs9_1", o = "_check_wiqs9_1", h = "_checkboxInput_wiqs9_29", k = {
   checkboxWrapper: c,
   checkbox: e,
-  check: k,
-  checkboxInput: o
+  check: o,
+  checkboxInput: h
 };
 export {
-  k as check,
+  o as check,
   e as checkbox,
-  o as checkboxInput,
+  h as checkboxInput,
   c as checkboxWrapper,
-  x as default
+  k as default
 };
 //# sourceMappingURL=Checkbox.module.scss.js.map

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

@@ -1 +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;"}
+{"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;AACzB,QAAMC,IAAmBC,EAAyB,IAAI,GAChDC,IAAiBC,EAAWL,GAAmBE,CAAgB,GAE/D,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,GAAY,WAAAC,MAAcC;AAAA,IACxD;AAAA,MACE,GAAGT;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAAA,IAEdC;AAAA,IACAG;AAAA,EAAA;AAWF,SACE,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,EAAA;AAGvB;AAEA,SAASQ,EAAyBb,GAAmD;AACnF,QAAMF,IAAagB,EAAWC,CAAyB;AAKvD,SAAOjB,IAAa,gBAAAY,EAAChB,GAAA,EAAkB,YAAAI,GAAyB,GAAGE,GAAO,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;AACrB,SACE,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,UAAAY,EAAQ,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,UAAA,CAMR;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_1g7ce_1", t = {
+const o = "_root_zsz14_1", t = {
   root: o
 };
 export {