ouisys-component-library 3.0.76 → 3.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/PinEntryForm.js +1 -1
- package/dist/PinEntryForm.js.map +1 -1
- package/package.json +1 -1
package/dist/PinEntryForm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as a}from"./Button-f39f59f4.js";import"classnames";var i=function(i){var o=i.onChange,l=i.pinMaxLength,r=i.
|
|
1
|
+
import{__read as e}from"tslib";import t,{useEffect as n}from"react";import{B as a}from"./Button-f39f59f4.js";import"classnames";var i=function(i){var o=i.onChange,l=i.pinMaxLength,r=void 0===l?6:l,m=i.pinMinLength,p=void 0===m?4:m,u=i.renderTopContent,c=i.pinEntryLabel,s=i.placeholder,d=i.buttonLabel,b=i.renderBottomContent,f=i.buttonDisabled,g=i.pageConfigs,h=i.disableButtonIfInvalidPin,v=i.onButtonClick,E=e(t.useState(""),2),C=E[0],L=E[1],N=e(t.useState(!1),2),x=N[0],B=N[1],y=C.length>=p&&C.length<=r;n((function(){o&&o(C)}),[C,o]);return t.createElement("label",{htmlFor:"pin-input"},u,t.createElement("p",{className:"pinEntryLabel"},c),t.createElement("div",{className:"pin-wrapper"},t.createElement("div",{className:"pin-input ".concat(x&&!y?null==g?void 0:g.inputFocusAnimation:"")},t.createElement("div",{className:"pin"}),t.createElement("input",{className:"text-input",type:"text",placeholder:s,value:C,pattern:"[0-9]*",inputMode:"numeric",maxLength:r,minLength:p,autoComplete:"one-time-code",onChange:function(e){return L(e.target.value)}})),t.createElement(a,{id:"pin-submit-button",type:"submit",className:"btn",disabled:f||h&&!y,onClick:function(e){B((function(e){return!e})),v&&y&&v(e)}},d)),b)};export{i as PinEntryForm};
|
|
2
2
|
//# sourceMappingURL=PinEntryForm.js.map
|
package/dist/PinEntryForm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PinEntryForm.js","sources":["../src/PinEntryForm/PinEntryForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Button } from '../Button/Button';\nimport { IPinEntryFormProps } from './PinEntryForm.types';\n\nexport const PinEntryForm = (props: IPinEntryFormProps) => {\n const {\n onChange,\n pinMaxLength,\n renderTopContent,\n pinEntryLabel,\n placeholder,\n buttonLabel,\n renderBottomContent,\n buttonDisabled,\n pageConfigs,\n disableButtonIfInvalidPin,\n onButtonClick\n } = props;\n\n const [pin, setPin] = React.useState('');\n const [isFocused, setIsFocused] = React.useState(false);\n const isValid = pin.length >=
|
|
1
|
+
{"version":3,"file":"PinEntryForm.js","sources":["../src/PinEntryForm/PinEntryForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Button } from '../Button/Button';\nimport { IPinEntryFormProps } from './PinEntryForm.types';\n\nexport const PinEntryForm = (props: IPinEntryFormProps) => {\n const {\n onChange,\n pinMaxLength = 6,\n pinMinLength = 4,\n renderTopContent,\n pinEntryLabel,\n placeholder,\n buttonLabel,\n renderBottomContent,\n buttonDisabled,\n pageConfigs,\n disableButtonIfInvalidPin,\n onButtonClick\n } = props;\n\n const [pin, setPin] = React.useState('');\n const [isFocused, setIsFocused] = React.useState(false);\n const isValid = pin.length >= pinMinLength && pin.length <= pinMaxLength;\n\n useEffect(() => {\n if (onChange) {\n onChange(pin);\n }\n }, [pin, onChange]);\n\n const handleButtonClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n setIsFocused((prevState) => !prevState);\n if (onButtonClick && isValid) {\n onButtonClick(e);\n }\n };\n\n return (\n <label htmlFor=\"pin-input\">\n {renderTopContent}\n <p className=\"pinEntryLabel\">{pinEntryLabel}</p>\n <div className=\"pin-wrapper\">\n <div className={`pin-input ${isFocused && !isValid ? pageConfigs?.inputFocusAnimation : ''}`}>\n <div className=\"pin\" />\n <input\n className=\"text-input\"\n type=\"text\"\n placeholder={placeholder}\n value={pin}\n pattern=\"[0-9]*\"\n inputMode=\"numeric\"\n maxLength={pinMaxLength}\n minLength={pinMinLength}\n autoComplete=\"one-time-code\"\n onChange={(ev) => setPin(ev.target.value)}\n />\n </div>\n\n <Button\n id=\"pin-submit-button\"\n type=\"submit\"\n className=\"btn\"\n disabled={buttonDisabled || (disableButtonIfInvalidPin && !isValid)}\n onClick={handleButtonClick}\n >\n {buttonLabel}\n </Button>\n </div>\n {renderBottomContent}\n </label>\n );\n};\n"],"names":["PinEntryForm","props","onChange","_a","pinMaxLength","_b","pinMinLength","renderTopContent","pinEntryLabel","placeholder","buttonLabel","renderBottomContent","buttonDisabled","pageConfigs","disableButtonIfInvalidPin","onButtonClick","_c","__read","React","useState","pin","setPin","_d","isFocused","setIsFocused","isValid","length","useEffect","createElement","htmlFor","className","concat","inputFocusAnimation","type","value","pattern","inputMode","maxLength","minLength","autoComplete","ev","target","Button","id","disabled","onClick","e","prevState"],"mappings":"gIAIO,IAAMA,EAAe,SAACC,GAEzB,IAAAC,EAYED,EAAKC,SAXPC,EAWEF,EAAKG,aAXPA,OAAe,IAAAD,EAAA,IACfE,EAUEJ,EAAKK,aAVPA,OAAe,IAAAD,EAAA,IACfE,EASEN,EATcM,iBAChBC,EAQEP,EARWO,cACbC,EAOER,EAAKQ,YANPC,EAMET,EAAKS,YALPC,EAKEV,EALiBU,oBACnBC,EAIEX,EAJYW,eACdC,EAGEZ,EAAKY,YAFPC,EAEEb,EAAKa,0BADPC,EACEd,gBAEEe,EAAAC,EAAgBC,EAAMC,SAAS,IAAG,GAAjCC,EAAGJ,EAAA,GAAEK,OACNC,EAAAL,EAA4BC,EAAMC,UAAS,GAAM,GAAhDI,EAASD,EAAA,GAAEE,OACZC,EAAUL,EAAIM,QAAUpB,GAAgBc,EAAIM,QAAUtB,EAE5DuB,GAAU,WACJzB,GACFA,EAASkB,EAEb,GAAG,CAACA,EAAKlB,IAST,OACEgB,EAAAU,cAAA,QAAA,CAAOC,QAAQ,aACZtB,EACDW,EAAAU,cAAA,IAAA,CAAGE,UAAU,iBAAiBtB,GAC9BU,EAAKU,cAAA,MAAA,CAAAE,UAAU,eACbZ,EAAKU,cAAA,MAAA,CAAAE,UAAW,aAAaC,OAAAR,IAAcE,EAAUZ,eAAAA,EAAamB,oBAAsB,KACtFd,EAAKU,cAAA,MAAA,CAAAE,UAAU,QACfZ,EACEU,cAAA,QAAA,CAAAE,UAAU,aACVG,KAAK,OACLxB,YAAaA,EACbyB,MAAOd,EACPe,QAAQ,SACRC,UAAU,UACVC,UAAWjC,EACXkC,UAAWhC,EACXiC,aAAa,gBACbrC,SAAU,SAACsC,GAAO,OAAAnB,EAAOmB,EAAGC,OAAOP,MAAM,KAI7ChB,EAAAU,cAACc,EAAM,CACLC,GAAG,oBACHV,KAAK,SACLH,UAAU,MACVc,SAAUhC,GAAmBE,IAA8BW,EAC3DoB,QAjCkB,SAACC,GACzBtB,GAAa,SAACuB,GAAc,OAACA,CAAS,IAClChC,GAAiBU,GACnBV,EAAc+B,EAElB,GA8BSpC,IAGJC,EAGP"}
|