Generalisation of lowercase etc enforcements on inputs

[istarkov]

solves #65

replace: str=>str method added to Rifm, it allows to do postprocessing operation after format.

And if replace(value).length === value.length then replace doesn't affect cursor position.

So lowercase enforcement now look

        <Rifm
          accept={/./g}
          format={v => v}
          replace={v => v.toLowerCase()}
          value={lowercase}
          onChange={setLowercase}
        >
          {renderInput}
        </Rifm>

And you can even replace with any text see new example.

        <Rifm
          accept={/./g}
          format={v => v}
          replace={v =>
            'Rifm is the best mask and formatting library. I love it! '
              .repeat(20)
              .slice(0, v.length)
          }
          value={capitalized}
          onChange={setCapitalized}
        >
          {renderInput}
        </Rifm>

[TrySound]

Put replaceValue into upper scope and reuse it here please. It will be inlined by minifier.

[istarkov]

No, 10 bytes gzipped lost

[TrySound]

Readability of this fragment is bad. Only warning condition should be wrapped with NODE_ENV

[TrySound]

props.format(props.value) can be reused to achieve better minified size

[TrySound]

At at least destructure format

[istarkov]

having gzip it s usually not true, in gzip this duplicate is just a back ref and size