@utilitywarehouse/hearth-react 0.24.13 → 0.24.14

package/dist/chunk-W5PV6BLV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/VerificationInput/VerificationInput.tsx"],"sourcesContent":["'use client';\n\nimport { unstable_OneTimePasswordField as OneTimePasswordFieldPrimitive } from 'radix-ui';\nimport { withGlobalPrefix } from '../../helpers/with-global-prefix';\nimport type { VerificationInputProps } from './VerificationInput.props';\nimport { FormField } from '../FormField/FormField';\nimport { useIds } from '../../hooks/use-ids';\nimport { extractProps } from '../../helpers/extract-props';\nimport { marginPropDefs } from '../../props/margin.props';\nimport { InputBase } from '../InputBase/InputBase';\nimport { cn } from '../../helpers/cn';\nimport { mergeIds } from '../../helpers/merge-ids';\n\nconst COMPONENT_NAME = 'VerificationInput';\nconst componentClassName = withGlobalPrefix(COMPONENT_NAME);\n\nexport const VerificationInput = (props: VerificationInputProps) => {\n  const {\n    className,\n    disabled,\n    readOnly,\n    label,\n    labelVariant,\n    helperText,\n    validationText,\n    validationStatus,\n    required,\n    id: providedId,\n    'aria-describedby': ariaDescribedby,\n    ref,\n    ...verificationInputProps\n  } = extractProps(props, marginPropDefs);\n\n  const { id, labelId, helperTextId, validationTextId } = useIds({\n    providedId,\n    prefix: 'verification-input',\n  });\n\n  const showValidation = Boolean(!readOnly && !disabled);\n\n  const formFieldProps = {\n    id,\n    labelId,\n    helperTextId,\n    validationTextId,\n    label,\n    labelVariant,\n    helperText,\n    validationText: showValidation ? validationText : undefined,\n    validationStatus: showValidation ? validationStatus : undefined,\n    required,\n  };\n\n  const ariaDescribedbyValue = mergeIds(\n    ariaDescribedby,\n    !!helperText ? helperTextId : undefined,\n    showValidation && validationText !== undefined ? validationTextId : undefined\n  );\n\n  const PASSWORD_LENGTH = 6;\n\n  return (\n    <FormField data-disabled={disabled ? '' : undefined} {...formFieldProps}>\n      <OneTimePasswordFieldPrimitive.Root\n        className={cn(componentClassName, className)}\n        disabled={disabled}\n        readOnly={readOnly}\n        aria-labelledby={labelId}\n        aria-describedby={ariaDescribedbyValue}\n        aria-invalid={validationStatus === 'invalid' ? true : undefined}\n        aria-errormessage={validationStatus === 'invalid' ? validationTextId : undefined}\n        data-validation-status={showValidation ? validationStatus : undefined}\n        {...verificationInputProps}\n      >\n        {Array.from({ length: PASSWORD_LENGTH }).map((_, i) => (\n          <OneTimePasswordFieldPrimitive.Input key={i} asChild>\n            <InputBase />\n          </OneTimePasswordFieldPrimitive.Input>\n        ))}\n\n        <OneTimePasswordFieldPrimitive.HiddenInput ref={ref} />\n      </OneTimePasswordFieldPrimitive.Root>\n    </FormField>\n  );\n};\n\nVerificationInput.displayName = COMPONENT_NAME;\n"],"mappings":"gUAEA,OAAS,iCAAiCA,MAAqC,WA6DzE,OAaM,OAAAC,EAbN,QAAAC,MAAA,oBAlDN,IAAMC,EAAiB,oBACjBC,EAAqBC,EAAiBF,CAAc,EAE7CG,EAAqBC,GAAkC,CAClE,GAAM,CACJ,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,WAAAC,EACA,eAAAC,EACA,iBAAAC,EACA,SAAAC,EACA,GAAIC,EACJ,mBAAoBC,EACpB,IAAAC,EACA,GAAGC,CACL,EAAIC,EAAad,EAAOe,CAAc,EAEhC,CAAE,GAAAC,EAAI,QAAAC,EAAS,aAAAC,EAAc,iBAAAC,CAAiB,EAAIC,EAAO,CAC7D,WAAAV,EACA,OAAQ,oBACV,CAAC,EAEKW,EAAyB,CAAClB,GAAY,CAACD,EAEvCoB,EAAiB,CACrB,GAAAN,EACA,QAAAC,EACA,aAAAC,EACA,iBAAAC,EACA,MAAAf,EACA,aAAAC,EACA,WAAAC,EACA,eAAgBe,EAAiBd,EAAiB,OAClD,iBAAkBc,EAAiBb,EAAmB,OACtD,SAAAC,CACF,EAEMc,EAAuBC,EAC3Bb,EACEL,EAAaY,EAAe,OAC9BG,GAAkBd,IAAmB,OAAYY,EAAmB,MACtE,EAIA,OACEzB,EAAC+B,EAAA,CAAU,gBAAevB,EAAW,GAAK,OAAY,GAAGoB,EACvD,SAAA3B,EAAC+B,EAA8B,KAA9B,CACC,UAAWC,EAAG9B,EAAoBI,CAAS,EAC3C,SAAUC,EACV,SAAUC,EACV,kBAAiBc,EACjB,mBAAkBM,EAClB,eAAcf,IAAqB,UAAY,GAAO,OACtD,oBAAmBA,IAAqB,UAAYW,EAAmB,OACvE,yBAAwBE,EAAiBb,EAAmB,OAC3D,GAAGK,EAEH,gBAAM,KAAK,CAAE,OAfI,CAeoB,CAAC,EAAE,IAAI,CAACe,EAAGC,IAC/CnC,EAACgC,EAA8B,MAA9B,CAA4C,QAAO,GAClD,SAAAhC,EAACoC,EAAA,EAAU,GAD6BD,CAE1C,CACD,EAEDnC,EAACgC,EAA8B,YAA9B,CAA0C,IAAKd,EAAK,GACvD,EACF,CAEJ,EAEAb,EAAkB,YAAcH","names":["OneTimePasswordFieldPrimitive","jsx","jsxs","COMPONENT_NAME","componentClassName","withGlobalPrefix","VerificationInput","props","className","disabled","readOnly","label","labelVariant","helperText","validationText","validationStatus","required","providedId","ariaDescribedby","ref","verificationInputProps","extractProps","marginPropDefs","id","labelId","helperTextId","validationTextId","useIds","showValidation","formFieldProps","ariaDescribedbyValue","mergeIds","FormField","OneTimePasswordFieldPrimitive","cn","_","i","InputBase"]}