fix(tag): fix ability to pass data attributes to the tags

src/common/Tag/Tag.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import pick from 'lodash/pick';
+import pickBy from 'lodash/pickBy';
 
 type TagProps = {|
   activeClassName?: string,
@@ -66,9 +66,11 @@ const COLLECTED_PROPS = [
   'value',
 ];
 
+const collectProps = (props) => pickBy(props, (value, name) => COLLECTED_PROPS.indexOf(name) !== -1 || /^data-/.test(name));
+
 function Tag({ tagName, ...props }: TagProps) {
   const TagComponent = tagName;
-  const collectedProps = pick(props, COLLECTED_PROPS);
+  const collectedProps = collectProps(props);
 
   return <TagComponent { ...collectedProps } />;
 }

src/common/Tag/__tests__/Tag-test.js

@@ -7,3 +7,9 @@ it('As developer, I can use tag for collect common props.', () => {
 
   expect(tree.toJSON()).toMatchSnapshot();
 });
+
+it('As developer, I can pass data attributes to the tag.', () => {
+  const tree = renderer.create(<Tag tagName="div" data-attr={ 10 } />);
+
+  expect(tree.toJSON()).toMatchSnapshot();
+});

src/common/Tag/__tests__/__snapshots__/Tag-test.js.snap

@@ -1,5 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`As developer, I can pass data attributes to the tag. 1`] = `
+<div
+  data-attr={10}
+/>
+`;
+
 exports[`As developer, I can use tag for collect common props. 1`] = `
 <div
   onClick={[Function]}