fix(patients): fixes search when using special characters

src/__tests__/components/input/TextFieldWithLabelFormGroup.test.tsx

@@ -24,6 +24,25 @@ describe('text field with label form group', () => {
       expect(label.prop('text')).toEqual(expectedName)
     })
 
+    it('should render label as required if isRequired is true', () => {
+      const expectedName = 'test'
+      const expectedRequired = true
+      const wrapper = shallow(
+        <TextFieldWithLabelFormGroup
+          name={expectedName}
+          label="test"
+          value=""
+          isEditable
+          isRequired={expectedRequired}
+          onChange={jest.fn()}
+        />,
+      )
+
+      const label = wrapper.find(Label)
+      expect(label).toHaveLength(1)
+      expect(label.prop('isRequired')).toBeTruthy()
+    })
+
     it('should render a text field', () => {
       const expectedName = 'test'
       const wrapper = shallow(

src/clients/db/PatientRepository.ts

@@ -13,12 +13,13 @@ export class PatientRepository extends Repository<Patient> {
   }
 
   async search(text: string): Promise<Patient[]> {
+    const cleanText = text.replace(/[\\[()?*]+/g, '')
     return super.search({
       selector: {
         $or: [
           {
             fullName: {
-              $regex: RegExp(text, 'i'),
+              $regex: RegExp(cleanText, 'i'),
             },
           },
           {

src/components/input/TextFieldWithLabelFormGroup.tsx

@@ -14,11 +14,11 @@ interface Props {
 }
 
 const TextFieldWithLabelFormGroup = (props: Props) => {
-  const { value, label, name, isEditable, isInvalid, feedback, onChange } = props
+  const { value, label, name, isEditable, isInvalid, isRequired, feedback, onChange } = props
   const id = `${name}TextField`
   return (
     <div className="form-group">
-      <Label text={label} htmlFor={id} isRequired />
+      <Label text={label} htmlFor={id} isRequired={isRequired} />
       <TextField
         rows={4}
         value={value}