@brizy/ui/es/InputHex/index.js

React elements in Brizy style

import { classNames } from "../classNamesFn";
import React, { useEffect, useState } from "react";
import { LegacyInput } from "../LegacyInput";
import { useDebouncedEffect } from "../utils/hooks";
import { fromString, mApply } from "../utils/value";
export const InputHex = ({ className, value, onChange }) => {
    const [_value, setValue] = useState(value);
    useDebouncedEffect(() => {
        if (value !== _value) {
            mApply(onChange, fromString(_value));
        }
    }, 1000, [_value]);
    useEffect(() => setValue(value), [value]);
    const _className = classNames(className)("control__input-hex");
    return React.createElement(LegacyInput, { className: _className, value: _value, onChange: setValue });
};