@expandorg/components - npm Package Compare versions

Comparing version 0.2.92 to 0.2.93

package.json

 {
   "name": "@expandorg/components",
-  "version": "0.2.92",
+  "version": "0.2.93",
   "description": "expand UI components library",
@@ -35,3 +35,3 @@ "main": "index.js",
   },
-  "gitHead": "fc69aa1b2e0a9f0cee2e8a6140f657d88a5618bd"
+  "gitHead": "cc4e0ec532e230b0ec3eea1f5e3bd9ee8ca12ce0"
 }

src/components/Table/Cell.js

@@ -1,23 +0,19 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 
-export default class Header extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function Cell({ children, className, ...rest }) {
+  return (
+    <td className={cn('gem-table-cell', className)} {...rest}>
+      {children}
+    </td>
+  );
+}
 
-  static defaultProps = {
-    className: null,
-  };
+Cell.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className, ...rest } = this.props;
-
-    return (
-      <td className={cn('gem-table-cell', className)} {...rest}>
-        {children}
-      </td>
-    );
-  }
-}
+Cell.defaultProps = {
+  className: null,
+};

src/components/Table/Header.js

@@ -1,19 +0,15 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 
-export default class Header extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function Header({ children, className }) {
+  return <tr className={cn('gem-table-header', className)}>{children}</tr>;
+}
 
-  static defaultProps = {
-    className: null,
-  };
+Header.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className } = this.props;
-
-    return <tr className={cn('gem-table-header', className)}>{children}</tr>;
-  }
-}
+Header.defaultProps = {
+  className: null,
+};

src/components/Table/HeaderCell.js

@@ -1,21 +0,15 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 
-export default class HeaderCell extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function HeaderCell({ children, className }) {
+  return <th className={cn('gem-table-header-cell', className)}>{children}</th>;
+}
 
-  static defaultProps = {
-    className: null,
-  };
+HeaderCell.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className } = this.props;
-
-    return (
-      <th className={cn('gem-table-header-cell', className)}>{children}</th>
-    );
-  }
-}
+HeaderCell.defaultProps = {
+  className: null,
+};

src/components/Table/Row.js

@@ -1,19 +0,15 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 
-export default class Row extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function Row({ children, className }) {
+  return <tr className={cn('gem-table-row', className)}>{children}</tr>;
+}
 
-  static defaultProps = {
-    className: null,
-  };
+Row.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className } = this.props;
-
-    return <tr className={cn('gem-table-row', className)}>{children}</tr>;
-  }
-}
+Row.defaultProps = {
+  className: null,
+};

src/components/Table/ScrollContainer.js

@@ -1,23 +0,19 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 
-export default class ScrollContainer extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function ScrollContainer({ children, className }) {
+  return (
+    <div className={cn('gem-table-scroll', className)}>
+      <div className="gem-table-scroll-inner">{children}</div>
+    </div>
+  );
+}
 
-  static defaultProps = {
-    className: null,
-  };
+ScrollContainer.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className } = this.props;
-
-    return (
-      <div className={cn('gem-table-scroll', className)}>
-        <div className="gem-table-scroll-inner">{children}</div>
-      </div>
-    );
-  }
-}
+ScrollContainer.defaultProps = {
+  className: null,
+};

src/components/Table/Table.js

@@ -1,2 +0,2 @@
-import React, { Component } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
@@ -7,20 +7,16 @@ import cn from 'classnames';
 
-export default class Table extends Component {
-  static propTypes = {
-    className: PropTypes.string,
-  };
+export default function Table({ children, className }) {
+  return (
+    <table className={cn('gem-table', className)}>
+      <tbody className="gem-tbody">{children}</tbody>
+    </table>
+  );
+}
 
-  static defaultProps = {
-    className: null,
-  };
+Table.propTypes = {
+  className: PropTypes.string,
+};
 
-  render() {
-    const { children, className } = this.props;
-
-    return (
-      <table className={cn('gem-table', className)}>
-        <tbody className="gem-tbody">{children}</tbody>
-      </table>
-    );
-  }
-}
+Table.defaultProps = {
+  className: null,
+};

No alert changes

Worsened metrics

Total package byte prevSize

198202

decreased by-0.27%

Lines of code

3920

decreased by-0.51%

No dependency changes