@activecollab/components 2.0.90 → 2.0.92

package/dist/esm/components/Steppers/Steps/Styles.js

@@ -1,22 +1,14 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledSteps = exports.StyledStep = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _BoxSizingStyle = require("../../BoxSizingStyle");
-var _FontStyle = require("../../FontStyle");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledSteps = exports.StyledSteps = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { FontStyle } from "../../FontStyle";
+export const StyledSteps = styled.div.withConfig({
   displayName: "Styles__StyledSteps",
   componentId: "sc-fkt5j2-0"
-})(["", " ", " display:flex;justify-content:center;"], _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-const StyledStep = exports.StyledStep = _styledComponents.default.div.withConfig({
+})(["", " ", " display:flex;justify-content:center;"], FontStyle, BoxSizingStyle);
+export const StyledStep = styled.div.withConfig({
   displayName: "Styles__StyledStep",
   componentId: "sc-fkt5j2-1"
-})(["display:inline-block;width:8px;height:8px;background-color:var(--color-theme-400);border-radius:50%;margin:0 5px;", ""], props => props.$isActiveStep && (0, _styledComponents.css)(["background-color:var(--color-primary);"]));
+})(["display:inline-block;width:8px;height:8px;background-color:var(--color-theme-400);border-radius:50%;margin:0 5px;", ""], props => props.$isActiveStep && css(["background-color:var(--color-primary);"]));
 StyledSteps.displayName = "StyledSteps";
 StyledStep.displayName = "StyledStep";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Steppers/Steps/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSteps","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledStep","props","$isActiveStep","css"],"sources":["../../../../../src/components/Steppers/Steps/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledSteps = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledStep = styled.div<{ $isActiveStep: boolean }>`\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  background-color: var(--color-theme-400);\n  border-radius: 50%;\n  margin: 0 5px;\n\n  ${(props) =>\n    props.$isActiveStep &&\n    css`\n      background-color: var(--color-primary);\n    `}\n`;\n\nStyledSteps.displayName = \"StyledSteps\";\nStyledStep.displayName = \"StyledStep\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA4C,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErC,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDACjCC,oBAAS,EACTC,8BAAc,CAIjB;AAEM,MAAMC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAGP,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8HAQ/BI,KAAK,IACNA,KAAK,CAACC,aAAa,QACnBC,qBAAG,6CAEF,CACJ;AAEDZ,WAAW,CAACK,WAAW,GAAG,aAAa;AACvCI,UAAU,CAACJ,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledSteps","div","withConfig","displayName","componentId","StyledStep","props","$isActiveStep"],"sources":["../../../../../src/components/Steppers/Steps/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledSteps = styled.div`\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  display: flex;\n  justify-content: center;\n`;\n\nexport const StyledStep = styled.div<{ $isActiveStep: boolean }>`\n  display: inline-block;\n  width: 8px;\n  height: 8px;\n  background-color: var(--color-theme-400);\n  border-radius: 50%;\n  margin: 0 5px;\n\n  ${(props) =>\n    props.$isActiveStep &&\n    css`\n      background-color: var(--color-primary);\n    `}\n`;\n\nStyledSteps.displayName = \"StyledSteps\";\nStyledStep.displayName = \"StyledStep\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAE3C,OAAO,MAAMC,WAAW,GAAGJ,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uDACjCL,SAAS,EACTD,cAAc,CAIjB;AAED,OAAO,MAAMO,UAAU,GAAGT,MAAM,CAACK,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8HAQ/BE,KAAK,IACNA,KAAK,CAACC,aAAa,IACnBV,GAAG,4CAEF,CACJ;AAEDG,WAAW,CAACG,WAAW,GAAG,aAAa;AACvCE,UAAU,CAACF,WAAW,GAAG,YAAY"}

package/dist/esm/components/Steppers/Steps/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Steps = require("./Steps");
-Object.keys(_Steps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Steps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Steps[key];
-    }
-  });
-});
+export * from "./Steps";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Steppers/Steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Steps","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../../src/components/Steppers/Steps/index.ts"],"sourcesContent":["export * from \"./Steps\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Steppers/Steps/index.ts"],"sourcesContent":["export * from \"./Steps\";\n"],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/components/Steppers/index.js

@@ -1,28 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _DateStepper = require("./DateStepper");
-Object.keys(_DateStepper).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _DateStepper[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _DateStepper[key];
-    }
-  });
-});
-var _Steps = require("./Steps");
-Object.keys(_Steps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Steps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Steps[key];
-    }
-  });
-});
+export * from "./DateStepper";
+export * from "./Steps";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Steppers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_DateStepper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_Steps"],"sources":["../../../../src/components/Steppers/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\nexport * from \"./Steps\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Steppers/index.ts"],"sourcesContent":["export * from \"./DateStepper\";\nexport * from \"./Steps\";\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,SAAS"}

package/dist/esm/components/Stopwatch/Stopwatch.js

@@ -1,47 +1,37 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Stopwatch = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Stopwatch = require("./Stopwatch.style");
-var _EditableHours = require("../EditableHours");
-var _IconButton = require("../IconButton");
-var _Icons = require("../Icons");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const Stopwatch = () => {
-  const [isActive, setIsActive] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledStopwatch, {
-    className: (0, _classnames.default)("", {
+import React, { useState } from "react";
+import classNames from "classnames";
+import { StyledStopwatch, StyledStopwatchCenterWrapper, StyledTrigger } from "./Stopwatch.style";
+import { EditableHours } from "../EditableHours";
+import { IconButton } from "../IconButton";
+import { CloseIcon, NoteIcon, PauseSmallIcon, PlaySmallIcon, UploadIcon } from "../Icons";
+export const Stopwatch = () => {
+  const [isActive, setIsActive] = useState(false);
+  return /*#__PURE__*/React.createElement(StyledStopwatch, {
+    className: classNames("", {
       "tw-bg-red-100": isActive,
       "tw-bg-gray-100": !isActive
     })
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  }, /*#__PURE__*/React.createElement(IconButton, {
     onClick: () => setIsActive(!isActive),
-    className: (0, _classnames.default)("tw-shadow-none hover:tw-shadow-none", {
+    className: classNames("tw-shadow-none hover:tw-shadow-none", {
       "tw-bg-red-400 hover:bg-red-500": isActive,
       "tw-bg-indigo-400 hover:bg-indigo-400": !isActive
     })
-  }, !isActive ? /*#__PURE__*/_react.default.createElement(_Icons.PlaySmallIcon, null) : /*#__PURE__*/_react.default.createElement(_Icons.PauseSmallIcon, null)), /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledStopwatchCenterWrapper, null, /*#__PURE__*/_react.default.createElement(_EditableHours.EditableHours, {
+  }, !isActive ? /*#__PURE__*/React.createElement(PlaySmallIcon, null) : /*#__PURE__*/React.createElement(PauseSmallIcon, null)), /*#__PURE__*/React.createElement(StyledStopwatchCenterWrapper, null, /*#__PURE__*/React.createElement(EditableHours, {
     value: "00:00"
-  }), /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  }), /*#__PURE__*/React.createElement(IconButton, {
     size: "small",
     variant: "tertiary"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.NoteIcon, {
+  }, /*#__PURE__*/React.createElement(NoteIcon, {
     width: 20
-  })), true && /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+  })), true && /*#__PURE__*/React.createElement(IconButton, {
     size: "small",
     variant: "tertiary"
-  }, /*#__PURE__*/_react.default.createElement(_Icons.CloseIcon, {
+  }, /*#__PURE__*/React.createElement(CloseIcon, {
     width: 20
-  }))), /*#__PURE__*/_react.default.createElement(_Stopwatch.StyledTrigger, {
+  }))), /*#__PURE__*/React.createElement(StyledTrigger, {
     onClick: () => setIsActive(!isActive)
-  }, /*#__PURE__*/_react.default.createElement(_Icons.UploadIcon, null)));
+  }, /*#__PURE__*/React.createElement(UploadIcon, null)));
 };
-exports.Stopwatch = Stopwatch;
 Stopwatch.displayName = "Stopwatch";
 //# sourceMappingURL=Stopwatch.js.map

package/dist/esm/components/Stopwatch/Stopwatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stopwatch.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Stopwatch","_EditableHours","_IconButton","_Icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Stopwatch","isActive","setIsActive","useState","createElement","StyledStopwatch","className","classNames","IconButton","onClick","PlaySmallIcon","PauseSmallIcon","StyledStopwatchCenterWrapper","EditableHours","value","size","variant","NoteIcon","width","CloseIcon","StyledTrigger","UploadIcon","exports","displayName"],"sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledStopwatch,\n  StyledStopwatchCenterWrapper,\n  StyledTrigger,\n} from \"./Stopwatch.style\";\nimport { EditableHours } from \"../EditableHours\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  CloseIcon,\n  NoteIcon,\n  PauseSmallIcon,\n  PlaySmallIcon,\n  UploadIcon,\n} from \"../Icons\";\n\nexport const Stopwatch = () => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  return (\n    <StyledStopwatch\n      className={classNames(\"\", {\n        \"tw-bg-red-100\": isActive,\n        \"tw-bg-gray-100\": !isActive,\n      })}\n    >\n      <IconButton\n        onClick={() => setIsActive(!isActive)}\n        className={classNames(\"tw-shadow-none hover:tw-shadow-none\", {\n          \"tw-bg-red-400 hover:bg-red-500\": isActive,\n          \"tw-bg-indigo-400 hover:bg-indigo-400\": !isActive,\n        })}\n      >\n        {!isActive ? <PlaySmallIcon /> : <PauseSmallIcon />}\n      </IconButton>\n      <StyledStopwatchCenterWrapper>\n        <EditableHours value=\"00:00\" />\n        <IconButton size=\"small\" variant=\"tertiary\">\n          <NoteIcon width={20} />\n        </IconButton>\n        {true && (\n          <IconButton size=\"small\" variant=\"tertiary\">\n            <CloseIcon width={20} />\n          </IconButton>\n        )}\n      </StyledStopwatchCenterWrapper>\n      <StyledTrigger onClick={() => setIsActive(!isActive)}>\n        <UploadIcon />\n      </StyledTrigger>\n    </StyledStopwatch>\n  );\n};\n\nStopwatch.displayName = \"Stopwatch\";\n"],"mappings":"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"}
+{"version":3,"file":"Stopwatch.js","names":["React","useState","classNames","StyledStopwatch","StyledStopwatchCenterWrapper","StyledTrigger","EditableHours","IconButton","CloseIcon","NoteIcon","PauseSmallIcon","PlaySmallIcon","UploadIcon","Stopwatch","isActive","setIsActive","createElement","className","onClick","value","size","variant","width","displayName"],"sources":["../../../../src/components/Stopwatch/Stopwatch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledStopwatch,\n  StyledStopwatchCenterWrapper,\n  StyledTrigger,\n} from \"./Stopwatch.style\";\nimport { EditableHours } from \"../EditableHours\";\nimport { IconButton } from \"../IconButton\";\nimport {\n  CloseIcon,\n  NoteIcon,\n  PauseSmallIcon,\n  PlaySmallIcon,\n  UploadIcon,\n} from \"../Icons\";\n\nexport const Stopwatch = () => {\n  const [isActive, setIsActive] = useState<boolean>(false);\n\n  return (\n    <StyledStopwatch\n      className={classNames(\"\", {\n        \"tw-bg-red-100\": isActive,\n        \"tw-bg-gray-100\": !isActive,\n      })}\n    >\n      <IconButton\n        onClick={() => setIsActive(!isActive)}\n        className={classNames(\"tw-shadow-none hover:tw-shadow-none\", {\n          \"tw-bg-red-400 hover:bg-red-500\": isActive,\n          \"tw-bg-indigo-400 hover:bg-indigo-400\": !isActive,\n        })}\n      >\n        {!isActive ? <PlaySmallIcon /> : <PauseSmallIcon />}\n      </IconButton>\n      <StyledStopwatchCenterWrapper>\n        <EditableHours value=\"00:00\" />\n        <IconButton size=\"small\" variant=\"tertiary\">\n          <NoteIcon width={20} />\n        </IconButton>\n        {true && (\n          <IconButton size=\"small\" variant=\"tertiary\">\n            <CloseIcon width={20} />\n          </IconButton>\n        )}\n      </StyledStopwatchCenterWrapper>\n      <StyledTrigger onClick={() => setIsActive(!isActive)}>\n        <UploadIcon />\n      </StyledTrigger>\n    </StyledStopwatch>\n  );\n};\n\nStopwatch.displayName = \"Stopwatch\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,eAAe,EACfC,4BAA4B,EAC5BC,aAAa,QACR,mBAAmB;AAC1B,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SACEC,SAAS,EACTC,QAAQ,EACRC,cAAc,EACdC,aAAa,EACbC,UAAU,QACL,UAAU;AAEjB,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGd,QAAQ,CAAU,KAAK,CAAC;EAExD,oBACED,KAAA,CAAAgB,aAAA,CAACb,eAAe;IACdc,SAAS,EAAEf,UAAU,CAAC,EAAE,EAAE;MACxB,eAAe,EAAEY,QAAQ;MACzB,gBAAgB,EAAE,CAACA;IACrB,CAAC;EAAE,gBAEHd,KAAA,CAAAgB,aAAA,CAACT,UAAU;IACTW,OAAO,EAAEA,CAAA,KAAMH,WAAW,CAAC,CAACD,QAAQ,CAAE;IACtCG,SAAS,EAAEf,UAAU,CAAC,qCAAqC,EAAE;MAC3D,gCAAgC,EAAEY,QAAQ;MAC1C,sCAAsC,EAAE,CAACA;IAC3C,CAAC;EAAE,GAEF,CAACA,QAAQ,gBAAGd,KAAA,CAAAgB,aAAA,CAACL,aAAa,MAAE,CAAC,gBAAGX,KAAA,CAAAgB,aAAA,CAACN,cAAc,MAAE,CACxC,CAAC,eACbV,KAAA,CAAAgB,aAAA,CAACZ,4BAA4B,qBAC3BJ,KAAA,CAAAgB,aAAA,CAACV,aAAa;IAACa,KAAK,EAAC;EAAO,CAAE,CAAC,eAC/BnB,KAAA,CAAAgB,aAAA,CAACT,UAAU;IAACa,IAAI,EAAC,OAAO;IAACC,OAAO,EAAC;EAAU,gBACzCrB,KAAA,CAAAgB,aAAA,CAACP,QAAQ;IAACa,KAAK,EAAE;EAAG,CAAE,CACZ,CAAC,EACZ,IAAI,iBACHtB,KAAA,CAAAgB,aAAA,CAACT,UAAU;IAACa,IAAI,EAAC,OAAO;IAACC,OAAO,EAAC;EAAU,gBACzCrB,KAAA,CAAAgB,aAAA,CAACR,SAAS;IAACc,KAAK,EAAE;EAAG,CAAE,CACb,CAEc,CAAC,eAC/BtB,KAAA,CAAAgB,aAAA,CAACX,aAAa;IAACa,OAAO,EAAEA,CAAA,KAAMH,WAAW,CAAC,CAACD,QAAQ;EAAE,gBACnDd,KAAA,CAAAgB,aAAA,CAACJ,UAAU,MAAE,CACA,CACA,CAAC;AAEtB,CAAC;AAEDC,SAAS,CAACU,WAAW,GAAG,WAAW"}

package/dist/esm/components/Stopwatch/Stopwatch.style.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledTrigger = exports.StyledStopwatchCenterWrapper = exports.StyledStopwatch = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _Trigger = require("../Trigger");
-const StyledStopwatch = exports.StyledStopwatch = _styledComponents.default.div.withConfig({
+import styled from "styled-components";
+import { Trigger } from "../Trigger";
+export const StyledStopwatch = styled.div.withConfig({
   displayName: "Stopwatchstyle__StyledStopwatch",
   componentId: "sc-h5uscw-0"
 })(["background-color:var(--color-theme-300);border-radius:21px;padding:4px;max-width:320px;height:34px;display:flex;align-items:center;"]);
-const StyledStopwatchCenterWrapper = exports.StyledStopwatchCenterWrapper = _styledComponents.default.div.withConfig({
+export const StyledStopwatchCenterWrapper = styled.div.withConfig({
   displayName: "Stopwatchstyle__StyledStopwatchCenterWrapper",
   componentId: "sc-h5uscw-1"
 })(["flex-grow:1;display:flex;align-items:center;justify-content:center;"]);
-const StyledTrigger = exports.StyledTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
+export const StyledTrigger = styled(Trigger).withConfig({
   displayName: "Stopwatchstyle__StyledTrigger",
   componentId: "sc-h5uscw-2"
 })(["width:32px;height:32px;border-radius:9999px;display:flex;justify-content:center;align-items:center;svg{fill:var(--color-theme-700);}&:hover{svg{fill:var(--color-theme-900);}}"]);

package/dist/esm/components/Stopwatch/Stopwatch.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stopwatch.style.js","names":["_styledComponents","_interopRequireDefault","require","_Trigger","StyledStopwatch","exports","styled","div","withConfig","displayName","componentId","StyledStopwatchCenterWrapper","StyledTrigger","Trigger"],"sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledStopwatch = styled.div`\n  background-color: var(--color-theme-300);\n  border-radius: 21px;\n  padding: 4px;\n  max-width: 320px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledStopwatchCenterWrapper = styled.div`\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledTrigger = styled(Trigger)`\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    fill: var(--color-theme-700);\n  }\n\n  &:hover {\n    svg {\n      fill: var(--color-theme-900);\n    }\n  }\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEO,MAAME,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2IASxC;AAEM,MAAMC,4BAA4B,GAAAN,OAAA,CAAAM,4BAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAKrD;AAEM,MAAME,aAAa,GAAAP,OAAA,CAAAO,aAAA,GAAG,IAAAN,yBAAM,EAACO,gBAAO,CAAC,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sLAiB3C"}
+{"version":3,"file":"Stopwatch.style.js","names":["styled","Trigger","StyledStopwatch","div","withConfig","displayName","componentId","StyledStopwatchCenterWrapper","StyledTrigger"],"sources":["../../../../src/components/Stopwatch/Stopwatch.style.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { Trigger } from \"../Trigger\";\n\nexport const StyledStopwatch = styled.div`\n  background-color: var(--color-theme-300);\n  border-radius: 21px;\n  padding: 4px;\n  max-width: 320px;\n  height: 34px;\n\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledStopwatchCenterWrapper = styled.div`\n  flex-grow: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const StyledTrigger = styled(Trigger)`\n  width: 32px;\n  height: 32px;\n  border-radius: 9999px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  svg {\n    fill: var(--color-theme-700);\n  }\n\n  &:hover {\n    svg {\n      fill: var(--color-theme-900);\n    }\n  }\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,OAAO,QAAQ,YAAY;AAEpC,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2IASxC;AAED,OAAO,MAAMC,4BAA4B,GAAGP,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2EAKrD;AAED,OAAO,MAAME,aAAa,GAAGR,MAAM,CAACC,OAAO,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sLAiB3C"}

package/dist/esm/components/Stopwatch/index.js

@@ -1,17 +1,2 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Stopwatch = require("./Stopwatch");
-Object.keys(_Stopwatch).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Stopwatch[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Stopwatch[key];
-    }
-  });
-});
+export * from "./Stopwatch";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Stopwatch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Stopwatch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Stopwatch/index.ts"],"sourcesContent":["export * from \"./Stopwatch\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Stopwatch/index.ts"],"sourcesContent":["export * from \"./Stopwatch\";\n"],"mappings":"AAAA,cAAc,aAAa"}

package/dist/esm/components/Tables/DataTable.js

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SortDirection = exports.DataTable = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Table = require("./Table");
-var _CollapseAll = _interopRequireDefault(require("../Icons/collection/CollapseAll"));
-var _CollapseExpandSingle = _interopRequireDefault(require("../Icons/collection/CollapseExpandSingle"));
-var _ExpandAll = _interopRequireDefault(require("../Icons/collection/ExpandAll"));
-var _SortIcon = _interopRequireDefault(require("../Icons/collection/SortIcon"));
-var _Loaders = require("../Loaders");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-let SortDirection = exports.SortDirection = /*#__PURE__*/function (SortDirection) {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useState, useEffect, useRef, useMemo, Fragment } from "react";
+import classNames from "classnames";
+import { StyledDataTable } from "./Styles";
+import { Table, Tbody, Thead } from "./Table";
+import CollapseAllIcon from "../Icons/collection/CollapseAll";
+import CollapseExpandSingleIcon from "../Icons/collection/CollapseExpandSingle";
+import ExpandAllIcon from "../Icons/collection/ExpandAll";
+import SortIcon from "../Icons/collection/SortIcon";
+import { SkeletonLoader } from "../Loaders";
+export let SortDirection = /*#__PURE__*/function (SortDirection) {
   SortDirection["None"] = "none";
   SortDirection["Asc"] = "asc";
   SortDirection["Desc"] = "desc";
@@ -46,7 +37,7 @@ const initialCollapsed = (rows, groupBy) => {
   }
   return {};
 };
-const DataTable = _ref => {
+export const DataTable = _ref => {
   let {
     header,
     rows = [],
@@ -64,10 +55,10 @@ const DataTable = _ref => {
     loadingRows = 7,
     ...args
   } = _ref;
-  const [columnDirection, setColumnDirection] = (0, _react.useState)(sortDirection);
-  const [active, setActive] = (0, _react.useState)(sortBy);
-  const [hovered, setHovered] = (0, _react.useState)();
-  const [collapsed, setCollapsed] = (0, _react.useState)(() => {
+  const [columnDirection, setColumnDirection] = useState(sortDirection);
+  const [active, setActive] = useState(sortBy);
+  const [hovered, setHovered] = useState();
+  const [collapsed, setCollapsed] = useState(() => {
     return initialCollapsed(rows, groupBy);
   });
   const sort = (sortByKey, direction, rowsData) => {
@@ -104,7 +95,7 @@ const DataTable = _ref => {
     });
     return {};
   };
-  const initialData = (0, _react.useCallback)(() => {
+  const initialData = useCallback(() => {
     if (sortBy && !groupBy) {
       return sort(sortBy, sortDirection, rows);
     }
@@ -117,7 +108,7 @@ const DataTable = _ref => {
     }
     return rows;
   }, [groupBy, rows, sortBy, sortDirection]);
-  const [data, setData] = (0, _react.useState)(initialData);
+  const [data, setData] = useState(initialData);
   const getNextSortDirection = (previousDirection, sameColumn) => {
     if (!sameColumn) {
       return SortDirection.Asc;
@@ -127,7 +118,7 @@ const DataTable = _ref => {
     }
     return SortDirection.Asc;
   };
-  const sortColumn = (0, _react.useCallback)(event => {
+  const sortColumn = useCallback(event => {
     const index = event.currentTarget.dataset.index;
     if (index && header[index] && header[index].sortable) {
       const direction = getNextSortDirection(columnDirection, header[index].key === active);
@@ -157,47 +148,47 @@ const DataTable = _ref => {
     }
     return null;
   }, [setData, data, columnDirection, setColumnDirection, header, active, setActive, onSortCallback, groupBy, rows]);
-  const cellMouseOver = (0, _react.useCallback)(e => {
+  const cellMouseOver = useCallback(e => {
     if (e.target instanceof HTMLElement) {
       if (e.target.dataset.key) {
         setHovered(e.target.dataset.key);
       }
     }
   }, []);
-  const cellMouseOut = (0, _react.useCallback)(() => {
+  const cellMouseOut = useCallback(() => {
     setHovered(null);
   }, []);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     setData(initialData());
     setCollapsed(initialCollapsed(rows, groupBy));
   }, [rows, groupBy, initialData]);
-  const renderNoResults = (0, _react.useCallback)(() => {
-    return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+  const renderNoResults = useCallback(() => {
+    return /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
       colSpan: header.length,
-      className: (0, _classnames.default)({
+      className: classNames({
         "text-center": !noResultsCallback
       })
     }, noResultsCallback ? noResultsCallback() : "There is no data."));
   }, [header, noResultsCallback]);
-  const tableRef = (0, _react.useRef)(null);
+  const tableRef = useRef(null);
   const overlayStyles = () => {
     if (tableRef.current) {
       return tableRef.current.clientHeight + 5;
     }
   };
-  const renderCell = (0, _react.useCallback)((h, row, colIndex) => {
+  const renderCell = useCallback((h, row, colIndex) => {
     if (h.renderCallback) {
       return h.renderCallback(row, h.key, colIndex);
     }
     if (row[h.key] === null && emptyValue) {
-      return /*#__PURE__*/_react.default.createElement("i", {
+      return /*#__PURE__*/React.createElement("i", {
         className: "opacity-75"
       }, emptyValue[h.key]);
     }
     return row[h.key];
   }, [emptyValue]);
-  const renderRow = (0, _react.useCallback)((row, rowIndex) => {
-    return /*#__PURE__*/_react.default.createElement("tr", {
+  const renderRow = useCallback((row, rowIndex) => {
+    return /*#__PURE__*/React.createElement("tr", {
       key: rowIndex,
       "data-index": rowIndex,
       "data-direction": "asc",
@@ -205,9 +196,9 @@ const DataTable = _ref => {
       onMouseOver: cellMouseOver,
       onMouseLeave: cellMouseOut
     }, header.map((h, colIndex) => {
-      return /*#__PURE__*/_react.default.createElement("td", {
+      return /*#__PURE__*/React.createElement("td", {
         key: colIndex,
-        className: (0, _classnames.default)(`c-table__cell c-data-table__item`, {
+        className: classNames("c-table__cell c-data-table__item", {
           hovered: hovered === h.key
         }),
         "data-key": h.key,
@@ -215,7 +206,7 @@ const DataTable = _ref => {
       }, renderCell(h, row, colIndex));
     }));
   }, [cellMouseOut, cellMouseOver, header, hovered, renderCell]);
-  const toggleCollapse = (0, _react.useCallback)(event => {
+  const toggleCollapse = useCallback(event => {
     const collapseKey = event.currentTarget.dataset.groupkey;
     setCollapsed(prevState => {
       const newState = {
@@ -225,52 +216,52 @@ const DataTable = _ref => {
       return newState;
     });
   }, []);
-  const renderPlaceholders = (0, _react.useMemo)(() => {
+  const renderPlaceholders = useMemo(() => {
     const placeholders = Array(loadingRows).fill({}).map((_, index) => {
-      return /*#__PURE__*/_react.default.createElement("tr", {
+      return /*#__PURE__*/React.createElement("tr", {
         key: index,
         className: "c-table__row",
         onMouseOver: cellMouseOver,
         onMouseLeave: cellMouseOut
       }, header.map((col, colIndex) => {
-        return /*#__PURE__*/_react.default.createElement("td", {
+        return /*#__PURE__*/React.createElement("td", {
           key: colIndex,
-          className: (0, _classnames.default)(`c-table__cell c-data-table__item`, {
+          className: classNames("c-table__cell c-data-table__item", {
             hovered: hovered === col.key
           }),
           "data-key": col.key
-        }, /*#__PURE__*/_react.default.createElement(_Loaders.SkeletonLoader, null));
+        }, /*#__PURE__*/React.createElement(SkeletonLoader, null));
       }));
     });
-    return /*#__PURE__*/_react.default.createElement(_Table.Tbody, null, placeholders);
+    return /*#__PURE__*/React.createElement(Tbody, null, placeholders);
   }, [cellMouseOut, cellMouseOver, header, hovered, loadingRows]);
-  const renderRows = (0, _react.useMemo)(() => {
+  const renderRows = useMemo(() => {
     if (data && data instanceof Array && data.length > 0 || typeof data === "object" && Object.keys(data).length > 0) {
       if (groupBy) {
         const keys = Object.keys(data);
         return keys.map((key, i) => {
-          return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+          return /*#__PURE__*/React.createElement(Fragment, {
             key: key
-          }, isCollapsible && /*#__PURE__*/_react.default.createElement(_Table.Tbody, {
+          }, isCollapsible && /*#__PURE__*/React.createElement(Tbody, {
             className: "c-table__collapse_body"
-          }, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+          }, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
             "data-groupkey": key,
             onClick: toggleCollapse,
             className: "c-table__body__icon c-table--toggle-collapsed"
-          }, /*#__PURE__*/_react.default.createElement(_CollapseExpandSingle.default, {
-            className: (0, _classnames.default)({
+          }, /*#__PURE__*/React.createElement(CollapseExpandSingleIcon, {
+            className: classNames({
               "c-table__collapse_icon--expanded": !collapsed[key],
               "c-table__collapse_icon--collapsed": collapsed[key]
             })
-          })))), /*#__PURE__*/_react.default.createElement(_Table.Tbody, {
-            className: (0, _classnames.default)("c-table__grouped__head", `head_${i}`, {
+          })))), /*#__PURE__*/React.createElement(Tbody, {
+            className: classNames("c-table__grouped__head", "head_" + i, {
               "c-table__grouped__head--expanded": isCollapsible && !collapsed[key],
               "c-table__grouped__head--collapsed": isCollapsible && collapsed[key],
               last: i === keys.length - 1,
               first: i === 0
             })
-          }, groupHead(data[key], keys[i] !== "null" ? keys[i].trim() : null)), /*#__PURE__*/_react.default.createElement(_Table.Tbody, {
-            className: (0, _classnames.default)(`c-table__group c-table_group_${i}`, {
+          }, groupHead(data[key], keys[i] !== "null" ? keys[i].trim() : null)), /*#__PURE__*/React.createElement(Tbody, {
+            className: classNames("c-table__group c-table_group_" + i, {
               hidden: collapsed[key]
             })
           }, data[key].map((row, index) => {
@@ -278,23 +269,23 @@ const DataTable = _ref => {
           })));
         });
       }
-      return /*#__PURE__*/_react.default.createElement(_Table.Tbody, null, data instanceof Array && data.map((row, rowIndex) => {
+      return /*#__PURE__*/React.createElement(Tbody, null, data instanceof Array && data.map((row, rowIndex) => {
         return renderRow(row, rowIndex);
       }));
     }
     return renderNoResults();
   }, [data, groupBy, renderRow, groupHead, collapsed, isCollapsible, renderNoResults, toggleCollapse]);
-  const allGroupsCollapsed = (0, _react.useMemo)(() => {
+  const allGroupsCollapsed = useMemo(() => {
     return Object.keys(collapsed).every(key => {
       return collapsed[key];
     });
   }, [collapsed]);
-  const hasCollapsed = (0, _react.useMemo)(() => {
+  const hasCollapsed = useMemo(() => {
     return Object.keys(collapsed).some(key => {
       return collapsed[key];
     });
   }, [collapsed]);
-  const toggleAllCollapsed = (0, _react.useCallback)(() => {
+  const toggleAllCollapsed = useCallback(() => {
     if (hasCollapsed) {
       setCollapsed(prevState => {
         const newState = {
@@ -317,22 +308,22 @@ const DataTable = _ref => {
       });
     }
   }, [hasCollapsed]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDataTable, (0, _extends2.default)({
-    as: _Table.Table,
+  return /*#__PURE__*/React.createElement(StyledDataTable, _extends({
+    as: Table,
     innerRef: tableRef,
-    className: (0, _classnames.default)("c-data-table", className, {
+    className: classNames("c-data-table", className, {
       "c-table__grouped": groupBy,
       "c-table__collapsible": isCollapsible,
       "padding-b-0": groupBy && collapsed[Object.keys(data).slice(-1)[0]]
     })
-  }, args), /*#__PURE__*/_react.default.createElement(_Table.Thead, {
+  }, args), /*#__PURE__*/React.createElement(Thead, {
     className: theadClass
-  }, header.length > 0 && /*#__PURE__*/_react.default.createElement("tr", {
+  }, header.length > 0 && /*#__PURE__*/React.createElement("tr", {
     className: "c-table__row"
   }, header.map((h, index) => {
-    return /*#__PURE__*/_react.default.createElement("th", {
+    return /*#__PURE__*/React.createElement("th", {
       key: h.key,
-      className: (0, _classnames.default)(`c-table__cell`, {
+      className: classNames("c-table__cell", {
         "c-table__cell--hovered": hovered === h.key,
         "c-table__head--hidden": groupBy && allGroupsCollapsed && h.hideCollapsed
       }),
@@ -340,31 +331,31 @@ const DataTable = _ref => {
       onMouseLeave: cellMouseOut,
       "data-key": h.key,
       style: h.style
-    }, isCollapsible && groupBy && index === 0 && /*#__PURE__*/_react.default.createElement("span", {
+    }, isCollapsible && groupBy && index === 0 && /*#__PURE__*/React.createElement("span", {
       className: "c-table__head__icon-wrapper",
       onClick: toggleAllCollapsed,
       "data-test": "toggle-collapse"
-    }, hasCollapsed ? /*#__PURE__*/_react.default.createElement(_ExpandAll.default, {
+    }, hasCollapsed ? /*#__PURE__*/React.createElement(ExpandAllIcon, {
       className: "c-table__head__icon-wrapper__icon"
-    }) : /*#__PURE__*/_react.default.createElement(_CollapseAll.default, {
+    }) : /*#__PURE__*/React.createElement(CollapseAllIcon, {
       className: "c-table__head__icon-wrapper__icon"
-    })), hovered === h.key && /*#__PURE__*/_react.default.createElement("div", {
+    })), hovered === h.key && /*#__PURE__*/React.createElement("div", {
       className: "c-table__overlay",
       style: {
-        height: overlayStyles() + `px`
+        height: overlayStyles() + "px"
       }
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       onClick: sortColumn,
       "data-index": index,
-      className: (0, _classnames.default)("c-table__icon-wrapper", {
+      className: classNames("c-table__icon-wrapper", {
         "cursor-pointer": h.sortable === true
       })
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "c-table__label"
-    }, h.label), h.sortable && /*#__PURE__*/_react.default.createElement(_SortIcon.default, {
+    }, h.label), h.sortable && /*#__PURE__*/React.createElement(SortIcon, {
       width: "10px",
       height: "10px",
-      className: (0, _classnames.default)("c-table__icon", {
+      className: classNames("c-table__icon", {
         "c-table__icon--inactive": h.key !== active,
         "c-table__icon--active": h.key === active,
         "c-table__icon--asc": columnDirection === SortDirection.Asc && h.key === active,
@@ -373,6 +364,5 @@ const DataTable = _ref => {
     })));
   }))), loading ? renderPlaceholders : renderRows);
 };
-exports.DataTable = DataTable;
 DataTable.displayName = "DataTable";
 //# sourceMappingURL=DataTable.js.map