@activecollab/components 1.0.415 → 2.0.0

package/dist/cjs/components/Reactions/collection/index.js

@@ -5,43 +5,43 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "ApplauseIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ApplauseIcon.default;
   }
 });
 Object.defineProperty(exports, "HeartIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HeartIcon.default;
   }
 });
 Object.defineProperty(exports, "PartyIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PartyIcon.default;
   }
 });
 Object.defineProperty(exports, "SmileIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SmileIcon.default;
   }
 });
 Object.defineProperty(exports, "ThinkingIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThinkingIcon.default;
   }
 });
 Object.defineProperty(exports, "ThumbsDownIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThumbsDownIcon.default;
   }
 });
 Object.defineProperty(exports, "ThumbsUpIcon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThumbsUpIcon.default;
   }
 });

package/dist/cjs/components/Reactions/collection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/Reactions/collection/index.tsx"],"sourcesContent":["export { default as ApplauseIcon } from \"./ApplauseIcon\";\nexport { default as HeartIcon } from \"./HeartIcon\";\nexport { default as PartyIcon } from \"./PartyIcon\";\nexport { default as SmileIcon } from \"./SmileIcon\";\nexport { default as ThinkingIcon } from \"./ThinkingIcon\";\nexport { default as ThumbsUpIcon } from \"./ThumbsUpIcon\";\nexport { default as ThumbsDownIcon } from \"./ThumbsDownIcon\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAA6D"}
+{"version":3,"file":"index.js","names":["_ApplauseIcon","_interopRequireDefault","require","_HeartIcon","_PartyIcon","_SmileIcon","_ThinkingIcon","_ThumbsUpIcon","_ThumbsDownIcon","obj","__esModule","default"],"sources":["../../../../../src/components/Reactions/collection/index.tsx"],"sourcesContent":["export { default as ApplauseIcon } from \"./ApplauseIcon\";\nexport { default as HeartIcon } from \"./HeartIcon\";\nexport { default as PartyIcon } from \"./PartyIcon\";\nexport { default as SmileIcon } from \"./SmileIcon\";\nexport { default as ThinkingIcon } from \"./ThinkingIcon\";\nexport { default as ThumbsUpIcon } from \"./ThumbsUpIcon\";\nexport { default as ThumbsDownIcon } from \"./ThumbsDownIcon\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,aAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,aAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,eAAA,GAAAP,sBAAA,CAAAC,OAAA;AAA6D,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/dist/cjs/components/Reactions/index.js

@@ -9,7 +9,7 @@ Object.keys(_collection).forEach(function (key) {
   if (key in exports && exports[key] === _collection[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _collection[key];
     }
   });

package/dist/cjs/components/Reactions/index.js.map

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

package/dist/cjs/components/ScaleBar/ScaleBar.js

@@ -8,9 +8,11 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var ScaleBar = function ScaleBar(_ref) {
-  var width = _ref.width,
-    className = _ref.className;
+const ScaleBar = _ref => {
+  let {
+    width,
+    className
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledScaleBar, {
     className: (0, _classnames.default)("c-scale-bar", className)
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledScaleBarInner, {

package/dist/cjs/components/ScaleBar/ScaleBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleBar.js","names":["ScaleBar","width","className","classNames","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+D;AASxD,IAAMA,QAA4B,GAAG,SAA/BA,QAA4B,OAA6B;EAAA,IAAvBC,KAAK,QAALA,KAAK;IAAEC,SAAS,QAATA,SAAS;EAC7D,oBACE,6BAAC,sBAAc;IAAC,SAAS,EAAE,IAAAC,mBAAU,EAAC,aAAa,EAAED,SAAS;EAAE,gBAC9D,6BAAC,2BAAmB;IAAC,SAAS,EAAC,uBAAuB;IAAC,MAAM,EAAED;EAAM,EAAG,CACzD;AAErB,CAAC;AAAC;AAEFD,QAAQ,CAACI,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ScaleBar.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","obj","__esModule","default","ScaleBar","_ref","width","className","createElement","StyledScaleBar","classNames","StyledScaleBarInner","$width","exports","displayName"],"sources":["../../../../src/components/ScaleBar/ScaleBar.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledScaleBar, StyledScaleBarInner } from \"./Styles\";\n\nexport interface IScaleBarProps {\n  /** Width prop can be string or number. */\n  width: string | number;\n  /** Custom classname for styling. */\n  className?: string;\n}\n\nexport const ScaleBar: FC<IScaleBarProps> = ({ width, className }) => {\n  return (\n    <StyledScaleBar className={classNames(\"c-scale-bar\", className)}>\n      <StyledScaleBarInner className=\"c-scale-bar__progress\" $width={width} />\n    </StyledScaleBar>\n  );\n};\n\nScaleBar.displayName = \"ScaleBar\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA+D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASxD,MAAMG,QAA4B,GAAGC,IAAA,IAA0B;EAAA,IAAzB;IAAEC,KAAK;IAAEC;EAAU,CAAC,GAAAF,IAAA;EAC/D,oBACET,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAS,cAAc;IAACF,SAAS,EAAE,IAAAG,mBAAU,EAAC,aAAa,EAAEH,SAAS;EAAE,gBAC9DX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,OAAA,CAAAW,mBAAmB;IAACJ,SAAS,EAAC,uBAAuB;IAACK,MAAM,EAAEN;EAAM,CAAE,CACzD,CAAC;AAErB,CAAC;AAACO,OAAA,CAAAT,QAAA,GAAAA,QAAA;AAEFA,QAAQ,CAACU,WAAW,GAAG,UAAU"}

package/dist/cjs/components/ScaleBar/Styles.js

@@ -1,30 +1,25 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledScaleBarInner = exports.StyledScaleBar = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
-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 StyledScaleBarInner = _styledComponents.default.div.withConfig({
+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 StyledScaleBarInner = exports.StyledScaleBarInner = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScaleBarInner",
   componentId: "sc-1jbevna-0"
 })(["", " height:3px;background:#37ba82;z-index:1;", ""], {
   "position": "relative"
-}, function (props) {
-  return props.$width && (0, _styledComponents.css)(["width:", "%;"], props.$width);
-});
-exports.StyledScaleBarInner = StyledScaleBarInner;
-var StyledScaleBar = _styledComponents.default.div.withConfig({
+}, props => props.$width && (0, _styledComponents.css)(["width:", "%;"], props.$width));
+const StyledScaleBar = exports.StyledScaleBar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScaleBar",
   componentId: "sc-1jbevna-1"
 })(["", " ", ""], {
   "width": "100%"
 }, _BoxSizingStyle.BoxSizingStyle);
-exports.StyledScaleBar = StyledScaleBar;
 StyledScaleBar.displayName = "StyledScaleBar";
 StyledScaleBarInner.displayName = "StyledScaleBarInner";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/ScaleBar/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledScaleBarInner","styled","div","props","$width","css","StyledScaleBar","BoxSizingStyle","displayName"],"sources":["../../../../src/components/ScaleBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\n\nexport const StyledScaleBarInner = styled.div<{ $width: string | number }>`\n  ${tw`tw-relative`}\n\n  height: 3px;\n  background: #37ba82;\n  z-index: 1;\n\n  ${(props) =>\n    props.$width &&\n    css`\n      width: ${props.$width}%;\n    `}\n`;\n\nexport const StyledScaleBar = styled.div`\n  ${tw`tw-w-full`}\n  ${BoxSizingStyle}\n`;\n\nStyledScaleBar.displayName = \"StyledScaleBar\";\nStyledScaleBarInner.displayName = \"StyledScaleBarInner\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAmD;AAAA;AAG5C,IAAMA,mBAAmB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0DACvC;EAAA;AAAY,CAAC,EAMf,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,oBACQF,KAAK,CAACC,MAAM,CACtB;AAAA,EACJ;AAAC;AAEK,IAAME,cAAc,GAAGL,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,kBAClC;EAAA;AAAU,CAAC,EACbK,8BAAc,CACjB;AAAC;AAEFD,cAAc,CAACE,WAAW,GAAG,gBAAgB;AAC7CR,mBAAmB,CAACQ,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledScaleBarInner","exports","styled","div","withConfig","displayName","componentId","props","$width","css","StyledScaleBar","BoxSizingStyle"],"sources":["../../../../src/components/ScaleBar/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport tw from \"twin.macro\";\n\nexport const StyledScaleBarInner = styled.div<{ $width: string | number }>`\n  ${tw`tw-relative`}\n\n  height: 3px;\n  background: #37ba82;\n  z-index: 1;\n\n  ${(props) =>\n    props.$width &&\n    css`\n      width: ${props.$width}%;\n    `}\n`;\n\nexport const StyledScaleBar = styled.div`\n  ${tw`tw-w-full`}\n  ${BoxSizingStyle}\n`;\n\nStyledScaleBar.displayName = \"StyledScaleBar\";\nStyledScaleBarInner.displayName = \"StyledScaleBarInner\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,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,SAAAJ,wBAAAI,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;AAG5C,MAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0DACvC;EAAA;AAAY,CAAC,EAMdC,KAAK,IACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,oBACQF,KAAK,CAACC,MAAM,CACtB,CACJ;AAEM,MAAME,cAAc,GAAAT,OAAA,CAAAS,cAAA,GAAGR,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAClC;EAAA;AAAU,CAAC,EACbK,8BAAc,CACjB;AAEDD,cAAc,CAACL,WAAW,GAAG,gBAAgB;AAC7CL,mBAAmB,CAACK,WAAW,GAAG,qBAAqB"}

package/dist/cjs/components/ScaleBar/index.js

@@ -9,7 +9,7 @@ Object.keys(_ScaleBar).forEach(function (key) {
   if (key in exports && exports[key] === _ScaleBar[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ScaleBar[key];
     }
   });

package/dist/cjs/components/ScaleBar/index.js.map

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

package/dist/cjs/components/ScrollShadow/ScrollElement.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,26 +8,28 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _hooks = require("../../hooks");
 var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _excluded = ["as", "className", "invert", "style"];
+const _excluded = ["as", "className", "invert", "style"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-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) { _defineProperty(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; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ScrollElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var _ref$as = _ref.as,
-    as = _ref$as === void 0 ? "div" : _ref$as,
-    className = _ref.className,
-    _ref$invert = _ref.invert,
-    invert = _ref$invert === void 0 ? false : _ref$invert,
-    style = _ref.style,
+const ScrollElement = exports.ScrollElement = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+      as = "div",
+      className,
+      invert = false,
+      style
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var internalRef = (0, _hooks.useInitScrollRef)(null, invert);
-  var handleRef = (0, _useForkRef.default)(internalRef, ref);
-  var props = _objectSpread(_objectSpread({}, rest), {}, {
+  const internalRef = (0, _hooks.useInitScrollRef)(null, invert);
+  const handleRef = (0, _useForkRef.default)(internalRef, ref);
+  const props = _objectSpread(_objectSpread({}, rest), {}, {
     ref: handleRef,
     className: (0, _classnames.default)("c-scroll-element", className),
     style: _objectSpread({
@@ -37,6 +38,5 @@ var ScrollElement = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   });
   return /*#__PURE__*/_react.default.createElement(as, props);
 });
-exports.ScrollElement = ScrollElement;
 ScrollElement.displayName = "ScrollElement";
 //# sourceMappingURL=ScrollElement.js.map

package/dist/cjs/components/ScrollShadow/ScrollElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollElement.js","names":["ScrollElement","forwardRef","ref","as","className","invert","style","rest","internalRef","useInitScrollRef","handleRef","useForkRef","props","classNames","overflow","React","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQzC,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAA4DC,GAAG,EAAK;EAAA,mBAAjEC,EAAE;IAAFA,EAAE,wBAAG,KAAK;IAAEC,SAAS,QAATA,SAAS;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,KAAK;IAAEC,KAAK,QAALA,KAAK;IAAKC,IAAI;EACtD,IAAMC,WAAW,GAAG,IAAAC,uBAAgB,EAAC,IAAI,EAAEJ,MAAM,CAAC;EAClD,IAAMK,SAAS,GAAG,IAAAC,mBAAU,EAACH,WAAW,EAAEN,GAAG,CAAC;EAE9C,IAAMU,KAAK,mCACNL,IAAI;IACPL,GAAG,EAAEQ,SAAS;IACdN,SAAS,EAAE,IAAAS,mBAAU,EAAC,kBAAkB,EAAET,SAAS,CAAC;IACpDE,KAAK;MAAIQ,QAAQ,EAAE;IAAM,GAAKR,KAAK;EAAE,EACtC;EAED,oBAAOS,cAAK,CAACC,aAAa,CAACb,EAAE,EAAES,KAAK,CAAC;AACvC,CAAC,CACF;AAAC;AAEFZ,aAAa,CAACiB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ScrollElement.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_hooks","_useForkRef","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","key","value","_toPropertyKey","configurable","writable","_toPrimitive","String","Symbol","toPrimitive","TypeError","Number","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","ScrollElement","exports","forwardRef","_ref","ref","as","className","invert","style","rest","internalRef","useInitScrollRef","handleRef","useForkRef","props","classNames","overflow","React","createElement","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollElement.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { useInitScrollRef } from \"../../hooks\";\nimport useForkRef from \"../../utils/useForkRef\";\n\ninterface IScrollElement extends HTMLAttributes<HTMLElement> {\n  as?: string;\n  children?: ReactNode;\n  invert?: boolean;\n}\n\nexport const ScrollElement = forwardRef<HTMLElement, IScrollElement>(\n  ({ as = \"div\", className, invert = false, style, ...rest }, ref) => {\n    const internalRef = useInitScrollRef(null, invert);\n    const handleRef = useForkRef(internalRef, ref);\n\n    const props = {\n      ...rest,\n      ref: handleRef,\n      className: classNames(\"c-scroll-element\", className),\n      style: { overflow: \"auto\", ...style },\n    };\n\n    return React.createElement(as, props);\n  }\n);\n\nScrollElement.displayName = \"ScrollElement\";\n"],"mappings":"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"}

package/dist/cjs/components/ScrollShadow/ScrollShadow.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,65 +7,56 @@ exports.ScrollShadow = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
+const _excluded = ["children", "className", "disableVertical", "disableHorizontal", "invertHorizontal", "invertVertical", "innerColor", "outerColor"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
-  var children = _ref.children,
-    className = _ref.className,
-    _ref$disableVertical = _ref.disableVertical,
-    disableVertical = _ref$disableVertical === void 0 ? false : _ref$disableVertical,
-    _ref$disableHorizonta = _ref.disableHorizontal,
-    disableHorizontal = _ref$disableHorizonta === void 0 ? false : _ref$disableHorizonta,
-    _ref$invertHorizontal = _ref.invertHorizontal,
-    invertHorizontal = _ref$invertHorizontal === void 0 ? false : _ref$invertHorizontal,
-    _ref$invertVertical = _ref.invertVertical,
-    invertVertical = _ref$invertVertical === void 0 ? false : _ref$invertVertical,
-    innerColor = _ref.innerColor,
-    outerColor = _ref.outerColor,
+const ScrollShadow = exports.ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+      children,
+      className,
+      disableVertical = false,
+      disableHorizontal = false,
+      invertHorizontal = false,
+      invertVertical = false,
+      innerColor,
+      outerColor
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)({
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    opacity = _useState2[0],
-    setOpacity = _useState2[1];
-  var handleScroll = (0, _react.useCallback)(function (event) {
-    var _ref2 = event.target,
-      scrollHeight = _ref2.scrollHeight,
-      clientHeight = _ref2.clientHeight,
-      scrollWidth = _ref2.scrollWidth,
-      clientWidth = _ref2.clientWidth;
-    var _ref3 = event.target,
-      scrollTop = _ref3.scrollTop,
-      scrollLeft = _ref3.scrollLeft;
+  const [opacity, setOpacity] = (0, _react.useState)({
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  });
+  const handleScroll = (0, _react.useCallback)(event => {
+    const {
+      scrollHeight,
+      clientHeight,
+      scrollWidth,
+      clientWidth
+    } = event.target;
+    let {
+      scrollTop,
+      scrollLeft
+    } = event.target;
     if (scrollLeft < 0) {
       scrollLeft *= -1;
     }
     if (scrollTop < 0) {
       scrollTop *= -1;
     }
-    setOpacity(function (prevState) {
-      var top = 1 / 20 * Math.min(scrollTop, 20);
-      var bottomScrollTop = scrollHeight - clientHeight;
-      var bottom = 1 / 20 * (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));
-      var left = 1 / 20 * Math.min(scrollLeft, 20);
-      var offset = scrollWidth - clientWidth;
-      var right = 1 / 20 * (offset - Math.max(scrollLeft, offset - 20));
-      var newState = {
+    setOpacity(prevState => {
+      const top = 1 / 20 * Math.min(scrollTop, 20);
+      const bottomScrollTop = scrollHeight - clientHeight;
+      const bottom = 1 / 20 * (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));
+      const left = 1 / 20 * Math.min(scrollLeft, 20);
+      const offset = scrollWidth - clientWidth;
+      const right = 1 / 20 * (offset - Math.max(scrollLeft, offset - 20));
+      const newState = {
         top: 0,
         bottom: 0,
         left: 0,
@@ -117,6 +107,5 @@ var ScrollShadow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     }
   })) : null);
 });
-exports.ScrollShadow = ScrollShadow;
 ScrollShadow.displayName = "ScrollShadow";
 //# sourceMappingURL=ScrollShadow.js.map

package/dist/cjs/components/ScrollShadow/ScrollShadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollShadow.js","names":["ScrollShadow","forwardRef","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","useState","top","right","bottom","left","opacity","setOpacity","handleScroll","useCallback","event","target","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","classnames","onScroll","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEventHandler,\n  UIEvent,\n  HTMLAttributes,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: ({ onScroll: UIEventHandler }) => void;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<\n  HTMLDivElement,\n  IScrollShadowProps & HTMLAttributes<HTMLDivElement>\n>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll: UIEventHandler = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":"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"}
+{"version":3,"file":"ScrollShadow.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ScrollShadow","exports","forwardRef","_ref","ref","children","className","disableVertical","disableHorizontal","invertHorizontal","invertVertical","innerColor","outerColor","rest","opacity","setOpacity","useState","top","right","bottom","left","handleScroll","useCallback","event","scrollHeight","clientHeight","scrollWidth","clientWidth","scrollTop","scrollLeft","prevState","Math","min","bottomScrollTop","max","offset","newState","createElement","StyledScrollShadow","classnames","onScroll","Fragment","StyledScrollShadowTop","$innerColor","$outerColor","style","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"sources":["../../../../src/components/ScrollShadow/ScrollShadow.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useState,\n  useCallback,\n  UIEvent,\n  UIEventHandler,\n} from \"react\";\nimport classnames from \"classnames\";\nimport {\n  StyledScrollShadow,\n  StyledScrollShadowBottom,\n  StyledScrollShadowLeft,\n  StyledScrollShadowRight,\n  StyledScrollShadowTop,\n} from \"./Styles\";\n\nexport interface IScrollShadowProps {\n  /** Children */\n  children: (props: { onScroll: UIEventHandler }) => JSX.Element;\n  /** Applies passed classes */\n  className?: string;\n  /** Disable vertical shadow */\n  disableVertical?: boolean;\n  /** Disable horizontal shadow */\n  disableHorizontal?: boolean;\n  /** Invert horizontal shadow logic */\n  invertHorizontal?: boolean;\n  /** Invert vertical shadow logic */\n  invertVertical?: boolean;\n  /** Inner gradient color */\n  innerColor?: string;\n  /** Outer gradient color */\n  outerColor?: string;\n}\n\nexport const ScrollShadow = forwardRef<HTMLDivElement, IScrollShadowProps>(\n  (\n    {\n      children,\n      className,\n      disableVertical = false,\n      disableHorizontal = false,\n      invertHorizontal = false,\n      invertVertical = false,\n      innerColor,\n      outerColor,\n      ...rest\n    },\n    ref\n  ) => {\n    const [opacity, setOpacity] = useState({\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0,\n    });\n\n    const handleScroll = useCallback(\n      (event: UIEvent) => {\n        const { scrollHeight, clientHeight, scrollWidth, clientWidth } =\n          event.target as Element;\n        let { scrollTop, scrollLeft } = event.target as Element;\n\n        if (scrollLeft < 0) {\n          scrollLeft *= -1;\n        }\n        if (scrollTop < 0) {\n          scrollTop *= -1;\n        }\n\n        setOpacity((prevState) => {\n          const top = (1 / 20) * Math.min(scrollTop, 20);\n          const bottomScrollTop = scrollHeight - clientHeight;\n          const bottom =\n            (1 / 20) *\n            (bottomScrollTop - Math.max(scrollTop, bottomScrollTop - 20));\n          const left = (1 / 20) * Math.min(scrollLeft, 20);\n          const offset = scrollWidth - clientWidth;\n          const right = (1 / 20) * (offset - Math.max(scrollLeft, offset - 20));\n\n          const newState = { top: 0, bottom: 0, left: 0, right: 0 };\n\n          if (!disableVertical) {\n            newState.top = invertVertical ? bottom : top;\n            newState.bottom = invertVertical ? top : bottom;\n          }\n\n          if (!disableHorizontal) {\n            newState.left = invertHorizontal ? right : left;\n            newState.right = invertHorizontal ? left : right;\n          }\n\n          if (\n            newState.top !== prevState.top ||\n            newState.bottom !== prevState.bottom ||\n            newState.left !== prevState.left ||\n            newState.right !== prevState.right\n          ) {\n            return newState;\n          }\n\n          return prevState;\n        });\n      },\n      [invertHorizontal, invertVertical, disableVertical, disableHorizontal]\n    );\n\n    return (\n      <StyledScrollShadow\n        {...rest}\n        ref={ref}\n        className={classnames(\"c-scroll-shadow\", className)}\n      >\n        {children({ onScroll: handleScroll })}\n        {!disableVertical ? (\n          <>\n            <StyledScrollShadowTop\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.top }}\n            />\n            <StyledScrollShadowBottom\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.bottom }}\n            />\n          </>\n        ) : null}\n        {!disableHorizontal ? (\n          <>\n            <StyledScrollShadowLeft\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.left }}\n            />\n            <StyledScrollShadowRight\n              $innerColor={innerColor}\n              $outerColor={outerColor}\n              style={{ opacity: opacity.right }}\n            />\n          </>\n        ) : null}\n      </StyledScrollShadow>\n    );\n  }\n);\n\nScrollShadow.displayName = \"ScrollShadow\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAMkB,MAAAI,SAAA;AAAA,SAAAF,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,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,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,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,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAAA,SAAAY,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAL,CAAA,MAAAA,CAAA,GAAAM,SAAA,CAAAC,MAAA,EAAAP,CAAA,UAAAQ,MAAA,GAAAF,SAAA,CAAAN,CAAA,YAAAS,GAAA,IAAAD,MAAA,QAAAf,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAS,MAAA,EAAAC,GAAA,KAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAJ,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAJ,SAAA;AAAA,SAAAK,yBAAAH,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,GAAAQ,6BAAA,CAAAL,MAAA,EAAAI,QAAA,OAAAH,GAAA,EAAAT,CAAA,MAAAP,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAN,MAAA,QAAAR,CAAA,MAAAA,CAAA,GAAAe,gBAAA,CAAAR,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAM,gBAAA,CAAAf,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,uBAAAhB,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAS,MAAA,EAAAC,GAAA,aAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAJ,MAAA;AAAA,SAAAQ,8BAAAL,MAAA,EAAAI,QAAA,QAAAJ,MAAA,yBAAAH,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAX,MAAA,OAAAC,GAAA,EAAAT,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAkB,UAAA,CAAAX,MAAA,EAAAP,CAAA,MAAAS,GAAA,GAAAS,UAAA,CAAAlB,CAAA,OAAAY,QAAA,CAAAI,OAAA,CAAAP,GAAA,kBAAAJ,MAAA,CAAAI,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAJ,MAAA;AAqBX,MAAMe,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EACpC,CAAAC,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;MACEC,QAAQ;MACRC,SAAS;MACTC,eAAe,GAAG,KAAK;MACvBC,iBAAiB,GAAG,KAAK;MACzBC,gBAAgB,GAAG,KAAK;MACxBC,cAAc,GAAG,KAAK;MACtBC,UAAU;MACVC;IAEF,CAAC,GAAAT,IAAA;IADIU,IAAI,GAAAtB,wBAAA,CAAAY,IAAA,EAAA5C,SAAA;EAIT,MAAM,CAACuD,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC;IACrCC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE;EACR,CAAC,CAAC;EAEF,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAc,IAAK;IAClB,MAAM;MAAEC,YAAY;MAAEC,YAAY;MAAEC,WAAW;MAAEC;IAAY,CAAC,GAC5DJ,KAAK,CAACtC,MAAiB;IACzB,IAAI;MAAE2C,SAAS;MAAEC;IAAW,CAAC,GAAGN,KAAK,CAACtC,MAAiB;IAEvD,IAAI4C,UAAU,GAAG,CAAC,EAAE;MAClBA,UAAU,IAAI,CAAC,CAAC;IAClB;IACA,IAAID,SAAS,GAAG,CAAC,EAAE;MACjBA,SAAS,IAAI,CAAC,CAAC;IACjB;IAEAb,UAAU,CAAEe,SAAS,IAAK;MACxB,MAAMb,GAAG,GAAI,CAAC,GAAG,EAAE,GAAIc,IAAI,CAACC,GAAG,CAACJ,SAAS,EAAE,EAAE,CAAC;MAC9C,MAAMK,eAAe,GAAGT,YAAY,GAAGC,YAAY;MACnD,MAAMN,MAAM,GACT,CAAC,GAAG,EAAE,IACNc,eAAe,GAAGF,IAAI,CAACG,GAAG,CAACN,SAAS,EAAEK,eAAe,GAAG,EAAE,CAAC,CAAC;MAC/D,MAAMb,IAAI,GAAI,CAAC,GAAG,EAAE,GAAIW,IAAI,CAACC,GAAG,CAACH,UAAU,EAAE,EAAE,CAAC;MAChD,MAAMM,MAAM,GAAGT,WAAW,GAAGC,WAAW;MACxC,MAAMT,KAAK,GAAI,CAAC,GAAG,EAAE,IAAKiB,MAAM,GAAGJ,IAAI,CAACG,GAAG,CAACL,UAAU,EAAEM,MAAM,GAAG,EAAE,CAAC,CAAC;MAErE,MAAMC,QAAQ,GAAG;QAAEnB,GAAG,EAAE,CAAC;QAAEE,MAAM,EAAE,CAAC;QAAEC,IAAI,EAAE,CAAC;QAAEF,KAAK,EAAE;MAAE,CAAC;MAEzD,IAAI,CAACX,eAAe,EAAE;QACpB6B,QAAQ,CAACnB,GAAG,GAAGP,cAAc,GAAGS,MAAM,GAAGF,GAAG;QAC5CmB,QAAQ,CAACjB,MAAM,GAAGT,cAAc,GAAGO,GAAG,GAAGE,MAAM;MACjD;MAEA,IAAI,CAACX,iBAAiB,EAAE;QACtB4B,QAAQ,CAAChB,IAAI,GAAGX,gBAAgB,GAAGS,KAAK,GAAGE,IAAI;QAC/CgB,QAAQ,CAAClB,KAAK,GAAGT,gBAAgB,GAAGW,IAAI,GAAGF,KAAK;MAClD;MAEA,IACEkB,QAAQ,CAACnB,GAAG,KAAKa,SAAS,CAACb,GAAG,IAC9BmB,QAAQ,CAACjB,MAAM,KAAKW,SAAS,CAACX,MAAM,IACpCiB,QAAQ,CAAChB,IAAI,KAAKU,SAAS,CAACV,IAAI,IAChCgB,QAAQ,CAAClB,KAAK,KAAKY,SAAS,CAACZ,KAAK,EAClC;QACA,OAAOkB,QAAQ;MACjB;MAEA,OAAON,SAAS;IAClB,CAAC,CAAC;EACJ,CAAC,EACD,CAACrB,gBAAgB,EAAEC,cAAc,EAAEH,eAAe,EAAEC,iBAAiB,CACvE,CAAC;EAED,oBACEvD,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAC/E,OAAA,CAAAgF,kBAAkB,EAAAxD,QAAA,KACb+B,IAAI;IACRT,GAAG,EAAEA,GAAI;IACTE,SAAS,EAAE,IAAAiC,mBAAU,EAAC,iBAAiB,EAAEjC,SAAS;EAAE,IAEnDD,QAAQ,CAAC;IAAEmC,QAAQ,EAAEnB;EAAa,CAAC,CAAC,EACpC,CAACd,eAAe,gBACftD,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAApF,MAAA,CAAAS,OAAA,CAAA+E,QAAA,qBACExF,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAC/E,OAAA,CAAAoF,qBAAqB;IACpBC,WAAW,EAAEhC,UAAW;IACxBiC,WAAW,EAAEhC,UAAW;IACxBiC,KAAK,EAAE;MAAE/B,OAAO,EAAEA,OAAO,CAACG;IAAI;EAAE,CACjC,CAAC,eACFhE,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAC/E,OAAA,CAAAwF,wBAAwB;IACvBH,WAAW,EAAEhC,UAAW;IACxBiC,WAAW,EAAEhC,UAAW;IACxBiC,KAAK,EAAE;MAAE/B,OAAO,EAAEA,OAAO,CAACK;IAAO;EAAE,CACpC,CACD,CAAC,GACD,IAAI,EACP,CAACX,iBAAiB,gBACjBvD,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAApF,MAAA,CAAAS,OAAA,CAAA+E,QAAA,qBACExF,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAC/E,OAAA,CAAAyF,sBAAsB;IACrBJ,WAAW,EAAEhC,UAAW;IACxBiC,WAAW,EAAEhC,UAAW;IACxBiC,KAAK,EAAE;MAAE/B,OAAO,EAAEA,OAAO,CAACM;IAAK;EAAE,CAClC,CAAC,eACFnE,MAAA,CAAAS,OAAA,CAAA2E,aAAA,CAAC/E,OAAA,CAAA0F,uBAAuB;IACtBL,WAAW,EAAEhC,UAAW;IACxBiC,WAAW,EAAEhC,UAAW;IACxBiC,KAAK,EAAE;MAAE/B,OAAO,EAAEA,OAAO,CAACI;IAAM;EAAE,CACnC,CACD,CAAC,GACD,IACc,CAAC;AAEzB,CACF,CAAC;AAEDlB,YAAY,CAACiD,WAAW,GAAG,cAAc"}

package/dist/cjs/components/ScrollShadow/Styles.js

@@ -6,14 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledScrollShadowTop = exports.StyledScrollShadowRight = exports.StyledScrollShadowLeft = exports.StyledScrollShadowBottom = exports.StyledScrollShadow = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var StyledScrollShadow = _styledComponents.default.div.withConfig({
+const StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadow",
   componentId: "sc-17pcaqo-0"
 })(["", ""], {
   "position": "relative"
 });
-exports.StyledScrollShadow = StyledScrollShadow;
-var StyledScrollShadowTop = _styledComponents.default.div.withConfig({
+const StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowTop",
   componentId: "sc-17pcaqo-1"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -22,13 +21,8 @@ var StyledScrollShadowTop = _styledComponents.default.div.withConfig({
   "right": "0px",
   "top": "0px",
   "height": "0.5rem"
-}, function (props) {
-  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
-}, function (props) {
-  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
-});
-exports.StyledScrollShadowTop = StyledScrollShadowTop;
-var StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
+}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
+const StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowBottom",
   componentId: "sc-17pcaqo-2"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -37,13 +31,8 @@ var StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
   "right": "0px",
   "bottom": "0px",
   "height": "0.5rem"
-}, function (props) {
-  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
-}, function (props) {
-  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
-});
-exports.StyledScrollShadowBottom = StyledScrollShadowBottom;
-var StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
+}, props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)", props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)");
+const StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowLeft",
   componentId: "sc-17pcaqo-3"
 })(["", " background-image:linear-gradient( to left,", ",", " );"], {
@@ -52,13 +41,8 @@ var StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
   "bottom": "0px",
   "left": "0px",
   "width": "0.5rem"
-}, function (props) {
-  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
-}, function (props) {
-  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
-});
-exports.StyledScrollShadowLeft = StyledScrollShadowLeft;
-var StyledScrollShadowRight = _styledComponents.default.div.withConfig({
+}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
+const StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowRight",
   componentId: "sc-17pcaqo-4"
 })(["", " background-image:linear-gradient( to right,", ",", " );"], {
@@ -67,12 +51,7 @@ var StyledScrollShadowRight = _styledComponents.default.div.withConfig({
   "bottom": "0px",
   "right": "0px",
   "width": "0.5rem"
-}, function (props) {
-  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
-}, function (props) {
-  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
-});
-exports.StyledScrollShadowRight = StyledScrollShadowRight;
+}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
 StyledScrollShadow.displayName = "StyledScrollShadow";
 StyledScrollShadowTop.displayName = "StyledScrollShadowTop";
 StyledScrollShadowBottom.displayName = "StyledScrollShadowBottom";

package/dist/cjs/components/ScrollShadow/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledScrollShadow","styled","div","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight","displayName"],"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"mappings":";;;;;;AAAA;AAAuC;AAQhC,IAAMA,kBAAkB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAAC;AAEK,IAAMC,qBAAqB,GAAGF,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mEACzC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAI1C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEK,IAAMC,wBAAwB,GAAGN,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,mEAC5C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA4C,CAAC,EAI7C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,GAC9D,UAACF,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,EAE1E;AAAC;AAEK,IAAMG,sBAAsB,GAAGP,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,oEAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0C,CAAC,EAI3C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEK,IAAMG,uBAAuB,GAAGR,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,qEAC3C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,EAI5C,UAACE,KAAK;EAAA,OACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B;AAAA,GACrE,UAACD,KAAK;EAAA,OACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB;AAAA,EAEnE;AAAC;AAEFN,kBAAkB,CAACU,WAAW,GAAG,oBAAoB;AACrDP,qBAAqB,CAACO,WAAW,GAAG,uBAAuB;AAC3DH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B;AACjEF,sBAAsB,CAACE,WAAW,GAAG,wBAAwB;AAC7DD,uBAAuB,CAACC,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledScrollShadow","exports","styled","div","withConfig","displayName","componentId","StyledScrollShadowTop","props","$innerColor","$outerColor","StyledScrollShadowBottom","StyledScrollShadowLeft","StyledScrollShadowRight"],"sources":["../../../../src/components/ScrollShadow/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface Colors {\n  $innerColor?: string;\n  $outerColor?: string;\n}\n\nexport const StyledScrollShadow = styled.div`\n  ${tw`tw-relative`}\n`;\n\nexport const StyledScrollShadowTop = styled.div<Colors>`\n  ${tw`tw-absolute tw-top-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowBottom = styled.div<Colors>`\n  ${tw`tw-absolute tw-bottom-0 tw-inset-x-0 tw-h-2`}\n\n  background-image: linear-gradient(\n    to top,\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"},\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"}\n  );\n`;\n\nexport const StyledScrollShadowLeft = styled.div<Colors>`\n  ${tw`tw-absolute tw-left-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to left,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nexport const StyledScrollShadowRight = styled.div<Colors>`\n  ${tw`tw-absolute tw-right-0 tw-inset-y-0 tw-w-2`}\n\n  background-image: linear-gradient(\n    to right,\n    ${(props) =>\n    props.$innerColor ? props.$innerColor : \"var(--page-paper-main-shadow)\"},\n    ${(props) =>\n    props.$outerColor ? props.$outerColor : \"var(--page-paper-main)\"}\n  );\n`;\n\nStyledScrollShadow.displayName = \"StyledScrollShadow\";\nStyledScrollShadowTop.displayName = \"StyledScrollShadowTop\";\nStyledScrollShadowBottom.displayName = \"StyledScrollShadowBottom\";\nStyledScrollShadowLeft.displayName = \"StyledScrollShadowLeft\";\nStyledScrollShadowRight.displayName = \"StyledScrollShadowRight\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAEM,MAAMC,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEACzC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAyC,CAAC,EAIzCE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEM,MAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mEAC5C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA4C,CAAC,EAI5CE,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,EAC7DF,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,CAE1E;AAEM,MAAMG,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oEAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0C,CAAC,EAI1CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEM,MAAMG,uBAAuB,GAAAZ,OAAA,CAAAY,uBAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qEAC3C;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2C,CAAC,EAI3CE,KAAK,IACRA,KAAK,CAACC,WAAW,GAAGD,KAAK,CAACC,WAAW,GAAG,+BAA+B,EACpED,KAAK,IACRA,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,GAAG,wBAAwB,CAEnE;AAEDV,kBAAkB,CAACK,WAAW,GAAG,oBAAoB;AACrDE,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAC3DM,wBAAwB,CAACN,WAAW,GAAG,0BAA0B;AACjEO,sBAAsB,CAACP,WAAW,GAAG,wBAAwB;AAC7DQ,uBAAuB,CAACR,WAAW,GAAG,yBAAyB"}

package/dist/cjs/components/ScrollShadow/index.js

@@ -9,7 +9,7 @@ Object.keys(_ScrollShadow).forEach(function (key) {
   if (key in exports && exports[key] === _ScrollShadow[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ScrollShadow[key];
     }
   });
@@ -20,7 +20,7 @@ Object.keys(_ScrollElement).forEach(function (key) {
   if (key in exports && exports[key] === _ScrollElement[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _ScrollElement[key];
     }
   });

package/dist/cjs/components/ScrollShadow/index.js.map

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