playbook_ui_docs 14.9.0.pre.alpha.PLAY1731inputmasking4927 → 14.9.0.pre.alpha.PLAY16264818

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx

@@ -1,88 +0,0 @@
-import React, { useState } from 'react'
-
-import Caption from '../../pb_caption/_caption'
-import TextInput from '../../pb_text_input/_text_input'
-import Title from '../../pb_title/_title'
-
-const TextInputMask = (props) => {
-  const [ssn, setSSN] = useState('')
-  const handleOnChangeSSN = ({ target }) => {
-    setSSN(target.value)
-  }
-  const ref = React.createRef()
-
-  const [formFields, setFormFields] = useState({
-    currency: '',
-    zipCode: '',
-    postalCode: '',
-    ssn: '',
-  })
-
-  const handleOnChangeFormField =  ({ target }) => {
-    const { name, value } = target
-    setFormFields({ ...formFields, [name]: value })
-  }
-
-  return (
-    <div>
-      <TextInput
-          label="Currency"
-          mask="currency"
-          name="currency"
-          onChange={handleOnChangeFormField}
-          value={formFields.currency}
-          {...props}
-      />
-      <TextInput
-          label="Zip Code"
-          mask="zipCode"
-          name="zipCode"
-          onChange={handleOnChangeFormField}
-          value={formFields.zipCode}
-          {...props}
-      />
-      <TextInput
-          label="Postal Code"
-          mask="postalCode"
-          name="postalCode"
-          onChange={handleOnChangeFormField}
-          value={formFields.postalCode}
-          {...props}
-      />
-      <TextInput
-          label="SSN"
-          mask="ssn"
-          name="ssn"
-          onChange={handleOnChangeFormField}
-          value={formFields.ssn}
-          {...props}
-      />
-
-      <br />
-      <br />
-
-      <Title>{'Event Handler Props'}</Title>
-
-      <br />
-      <Caption>{'onChange'}</Caption>
-
-      <br />
-
-      <TextInput
-          label="SSN"
-          mask="ssn"
-          onChange={handleOnChangeSSN}
-          placeholder="Enter SSN"
-          ref={ref}
-          value={ssn}
-          {...props}
-      />
-
-      {ssn !== '' && (
-        <React.Fragment>{`SSN is: ${ssn}`}</React.Fragment>
-      )}
-    </div>
-  )
-}
-
-export default TextInputMask