Function createParser

src/hooks/useComponentProps.js:6–33

const isHexColor = value => typeof value === 'string' && /^#?[0-9a-fA-F]{3,8}$/.test(value);

const createParser = defaultValue => {
  if (typeof defaultValue === 'number') {
    return {
      parse: v => (v === null || v === '' ? null : Number(v)),
      serialize: v => String(v),
      eq: (a, b) => a === b
    };
  }
  if (typeof defaultValue === 'boolean') {
    return {
      parse: v => (v === null || v === '' ? null : v === 'true'),
      serialize: v => String(v),
      eq: (a, b) => a === b
    };
  }
  if (isHexColor(defaultValue)) {
    return {
      parse: v => (v === null || v === '' ? null : `#${v}`),
      serialize: v => v.replace(/^#/, ''),
      eq: (a, b) => a === b
    };
  }
  return {
    parse: v => (v === null || v === '' ? null : v),
    serialize: v => String(v),
    eq: (a, b) => a === b
  };
};

export function useComponentProps(defaultProps) {
  const defaultPropsRef = useRef(defaultProps);