flipper-ui 0.25.16 → 0.26.0

package/{stories → dist/stories}/Tabs.stories.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Tabs = _interopRequireDefault(require("../core/Tabs"));
-
 var _Tab = _interopRequireDefault(require("../core/Tab"));
-
 var _default = {
   title: 'Tabs',
   component: _Tabs["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], args);
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

package/{stories → dist/stories}/TextField.stories.js

@@ -1,40 +1,31 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withSelectAndClear = exports.withSelect = exports.withHelperButton = exports.withInputAdornment = exports.Default = exports["default"] = void 0;
-
+exports.withSelectAndClear = exports.withSelect = exports.withInputAdornment = exports.withHelperButton = exports["default"] = exports.Default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _TextField = _interopRequireDefault(require("../core/TextField"));
-
 var _ListItem = _interopRequireDefault(require("../core/ListItem"));
-
 var _InputAdornment = _interopRequireDefault(require("../core/InputAdornment"));
-
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var _default = {
   title: 'TextField',
   component: _TextField["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_TextField["default"], args);
 };
-
 var Default = function Default() {
   return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     placeholder: "Description"
   });
 };
-
 exports.Default = Default;
 var withInputAdornment = Template.bind({});
 exports.withInputAdornment = withInputAdornment;
@@ -58,7 +49,6 @@ withHelperButton.args = {
     return window.alert('HELP!');
   }
 };
-
 var withSelect = function withSelect() {
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     select: true,
@@ -71,7 +61,7 @@ var withSelect = function withSelect() {
     value: 'dollar'
   }].map(function (_ref) {
     var label = _ref.label,
-        value = _ref.value;
+      value = _ref.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
@@ -93,30 +83,25 @@ var withSelect = function withSelect() {
     value: 'fable'
   }].map(function (_ref2) {
     var label = _ref2.label,
-        value = _ref2.value;
+      value = _ref2.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
     }, label);
   })));
 };
-
 exports.withSelect = withSelect;
-
 var withSelectAndClear = function withSelectAndClear() {
   var _useState = (0, _react.useState)('fable'),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var onClear = function onClear() {
     setValue('');
   };
-
   var handleChange = function handleChange(event) {
     setValue(event.target.value);
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
     select: true,
     value: value,
@@ -140,12 +125,11 @@ var withSelectAndClear = function withSelectAndClear() {
     value: 'fable'
   }].map(function (_ref3) {
     var label = _ref3.label,
-        value = _ref3.value;
+      value = _ref3.value;
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       key: value,
       value: value
     }, label);
   })));
 };
-
 exports.withSelectAndClear = withSelectAndClear;

package/{stories → dist/stories}/Tooltip.stories.js

@@ -1,28 +1,21 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Disabled = exports.Positioned = exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Positioned = exports.Disabled = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Tooltip = _interopRequireDefault(require("../core/Tooltip"));
-
 var _Button = _interopRequireDefault(require("../core/Button"));
-
 var _default = {
   title: 'Tooltip',
   component: _Tooltip["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], args);
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {
@@ -31,7 +24,6 @@ Default.args = {
     variant: "outlined"
   }, "Simple tooltip")
 };
-
 var Positioned = function Positioned() {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
     title: "Tooltip",
@@ -116,7 +108,6 @@ var Positioned = function Positioned() {
     margin: 12
   }, "top-end")));
 };
-
 exports.Positioned = Positioned;
 var Disabled = Template.bind({});
 exports.Disabled = Disabled;

package/{stories → dist/stories}/Tree.stories.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports["default"] = void 0;
-
+exports["default"] = exports.Default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Tree = _interopRequireDefault(require("../core/Tree"));
-
 var _default = {
   title: 'Tree',
   component: _Tree["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Tree["default"], args);
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

package/{stories → dist/stories}/Typography.stories.js

@@ -1,26 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports.Subtitle2 = exports.Subtitle1 = exports.Body2 = exports.Body1 = exports.Caption = exports.Button = exports.TextSecondary = exports.TextPrimary = exports.Secondary = exports.Primary = exports.ErrorText = exports.Default = exports["default"] = void 0;
-
+exports.h6 = exports.h5 = exports.h4 = exports.h3 = exports.h2 = exports.h1 = exports["default"] = exports.TextSecondary = exports.TextPrimary = exports.Subtitle2 = exports.Subtitle1 = exports.Secondary = exports.Primary = exports.ErrorText = exports.Default = exports.Caption = exports.Button = exports.Body2 = exports.Body1 = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _Typography = _interopRequireDefault(require("../core/Typography"));
-
 var _default = {
   title: 'Typography',
   component: _Typography["default"]
 };
 exports["default"] = _default;
-
 var Template = function Template(args) {
   return /*#__PURE__*/_react["default"].createElement(_Typography["default"], args, " ", args.children, " ");
 };
-
 var Default = Template.bind({});
 exports.Default = Default;
 Default.args = {

package/dist/stories/Zooms.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Default = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _Zoom = _interopRequireDefault(require("../core/Zoom"));
+var _Button = _interopRequireDefault(require("../core/Button"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _default = {
+  title: 'Zoom',
+  component: _Zoom["default"]
+};
+exports["default"] = _default;
+var Default = function Default() {
+  var _useState = (0, _react.useState)(true),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)('Close'),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    btnLabel = _useState4[0],
+    setBtnLabel = _useState4[1];
+  function handleClick() {
+    setOpen(!open);
+    btnLabel === 'Close' ? setBtnLabel('Open') : setBtnLabel('Close');
+  }
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    color: "primary",
+    variant: "contained",
+    style: {
+      marginRight: '3em'
+    },
+    onClick: handleClick
+  }, btnLabel), /*#__PURE__*/_react["default"].createElement(_Zoom["default"], {
+    "in": open
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
+};
+exports.Default = Default;

package/dist/tests/CheckBox.test.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _Checkbox = _interopRequireDefault(require("../core/Checkbox"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var TestComponent = function TestComponent() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    checked = _useState2[0],
+    setChecked = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+    checked: checked,
+    name: "check-test",
+    label: "check it",
+    onChange: function onChange() {
+      return setChecked(!checked);
+    }
+  });
+};
+test('Testing CheckBox component', function () {
+  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(TestComponent, null)),
+    getByText = _render.getByText,
+    asFragment = _render.asFragment;
+  var firstRender = asFragment();
+  _react2.fireEvent.click(getByText('check it'));
+  expect(getByText('check it')).toBeTruthy();
+  expect(firstRender).not.toEqual(asFragment);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.25.16",
+    "version": "0.26.0",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",
@@ -43,16 +43,19 @@
         "uuid": "9.0.0"
     },
     "devDependencies": {
-        "@babel/cli": "7.10.0",
-        "@babel/core": "7.9.0",
-        "@babel/plugin-transform-runtime": "7.9.0",
-        "@babel/preset-env": "7.9.0",
-        "@babel/preset-react": "7.9.0",
-        "@babel/preset-typescript": "7.9.0",
-        "@storybook/addon-actions": "6.3.12",
-        "@storybook/addon-essentials": "6.3.12",
-        "@storybook/addon-links": "6.3.12",
-        "@storybook/react": "6.3.12",
+        "@babel/cli": "7.19.3",
+        "@babel/core": "7.20.2",
+        "@babel/plugin-transform-runtime": "7.19.6",
+        "@babel/preset-env": "7.20.2",
+        "@babel/preset-react": "7.18.6",
+        "@babel/preset-typescript": "7.18.6",
+        "@storybook/addon-actions": "6.5.13",
+        "@storybook/addon-essentials": "6.5.13",
+        "@storybook/addon-links": "6.5.13",
+        "@storybook/builder-webpack5": "6.5.13",
+        "@storybook/manager-webpack5": "6.5.13",
+        "@storybook/react": "6.5.13",
+        "webpack": "5",
         "@testing-library/react": "9.3.2",
         "@types/faker": "5.5.3",
         "@types/jest": "24.0.22",
@@ -63,7 +66,8 @@
         "@types/uuid": "8.3.4",
         "@typescript-eslint/eslint-plugin": "1.6.0",
         "@typescript-eslint/parser": "1.6.0",
-        "babel-loader": "8.2.3",
+        "babel-loader": "8.2.5",
+        "date-fns": "2.4.1",
         "babel-plugin-transform-class-properties": "6.24.1",
         "babel-plugin-transform-imports": "2.0.0",
         "eslint": "5.16.0",
@@ -84,7 +88,8 @@
     },
     "peerDependencies": {
         "react": "^16.8.0",
-        "styled-components": "^5.0.0"
+        "styled-components": "^5.0.0",
+        "date-fns": "2.4.1"
     },
     "jest": {
         "setupFilesAfterEnv": [

package/pre-publish.js

@@ -0,0 +1,14 @@
+const fse = require('fs-extra')
+
+async function copyFiles() {
+    try {
+        await fse.copy('./package.json', './dist/package.json')
+        await fse.copy('./LICENSE', './dist/LICENSE')
+        await fse.copy('./README.md', './dist/README.md')
+    } catch (err) {
+        console.error(err)
+        process.exit(1)
+    }
+}
+
+copyFiles()

package/tsconfig.json

@@ -0,0 +1,23 @@
+{
+    "compilerOptions": {
+        "outDir": "./dist/", // path to output directory
+        "sourceMap": true, // allow sourcemap support
+        "strictNullChecks": true, // enable strict null checks as a best practice
+        "module": "commonjs", // specify module code generation
+        "jsx": "react", // use typescript to transpile jsx to js
+        "target": "es6", // specify ECMAScript target version
+        "esModuleInterop": true,
+        "declaration": true,
+        "skipLibCheck": true,
+        "moduleResolution": "node",
+        "types": [
+            "node"
+        ]
+    },
+    "include": [
+        "./src/*",
+        "./src/core/**/*",
+        "./src/lab/*",
+        "./src/charts/*"
+    ]
+}

package/core/Box.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Paper = _interopRequireDefault(require("./Paper"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var Box = function Box(_ref) {
-  var children = _ref.children,
-      margin = _ref.margin,
-      _ref$padding = _ref.padding,
-      padding = _ref$padding === void 0 ? 18 : _ref$padding,
-      _ref$style = _ref.style,
-      style = _ref$style === void 0 ? {} : _ref$style,
-      _ref$minHeight = _ref.minHeight,
-      minHeight = _ref$minHeight === void 0 ? 400 : _ref$minHeight,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["children", "margin", "padding", "style", "minHeight"]);
-  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({
-    padding: padding,
-    margin: margin,
-    style: _objectSpread({
-      minHeight: minHeight
-    }, style)
-  }, otherProps), children);
-};
-
-var _default = Box;
-exports["default"] = _default;

package/core/ChipField.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _materialUiChipInput = _interopRequireDefault(require("material-ui-chip-input"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n    & > div > div {\n        padding: 0px !important;\n    }\n    & > div > div > div {\n        margin: 2px;\n    }\n    & > label {\n        top: -6px !important;\n        font-size: 14px !important;\n    }\n    & > label.MuiInputLabel-shrink {\n        top: 0px !important;\n    }\n    & > div > div > input {\n        padding: 10px !important;\n        font-size: 14px !important;\n    }\n"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var StyledChipInput = (0, _styledComponents["default"])(_materialUiChipInput["default"])(_templateObject());
-
-var ChipField = function ChipField(props) {
-  var values = (0, _react.useMemo)(function () {
-    return props.values.map(function (item) {
-      return item.value;
-    });
-  }, [props.values]);
-  return /*#__PURE__*/_react["default"].createElement(StyledChipInput, (0, _extends2["default"])({}, props, {
-    alwaysShowPlaceholder: true,
-    value: values
-  }));
-};
-
-var _default = ChipField;
-exports["default"] = _default;

package/core/TableCell.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
-
-var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSortLabel"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _TableHead = require("./TableHead");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var TableCell = function TableCell(_ref) {
-  var style = _ref.style,
-      margin = _ref.margin,
-      padding = _ref.padding,
-      children = _ref.children,
-      spacing = _ref.spacing,
-      otherProps = (0, _objectWithoutProperties2["default"])(_ref, ["style", "margin", "padding", "children", "spacing"]);
-
-  var _useContext = (0, _react.useContext)(_TableHead.SortContext),
-      onSort = _useContext.onSort,
-      active = _useContext.active,
-      direction = _useContext.direction;
-
-  var handleSort = function handleSort() {
-    if (onSort) {
-      onSort(otherProps.name || '');
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_TableCell["default"], (0, _extends2["default"])({}, otherProps, {
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style),
-    padding: spacing
-  }), onSort ? /*#__PURE__*/_react["default"].createElement(_TableSortLabel["default"], {
-    onClick: handleSort,
-    active: otherProps.name === active,
-    direction: direction
-  }, children) : children);
-};
-
-var _default = TableCell;
-exports["default"] = _default;