@activecollab/components 2.0.0 → 2.0.2

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

@@ -6,13 +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 }; }
-const StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
+var StyledScrollShadow = exports.StyledScrollShadow = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadow",
   componentId: "sc-17pcaqo-0"
 })(["", ""], {
   "position": "relative"
 });
-const StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
+var StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowTop",
   componentId: "sc-17pcaqo-1"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -21,8 +21,12 @@ const StyledScrollShadowTop = exports.StyledScrollShadowTop = _styledComponents.
   "right": "0px",
   "top": "0px",
   "height": "0.5rem"
-}, 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({
+}, function (props) {
+  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
+}, function (props) {
+  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
+});
+var StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowBottom",
   componentId: "sc-17pcaqo-2"
 })(["", " background-image:linear-gradient( to top,", ",", " );"], {
@@ -31,8 +35,12 @@ const StyledScrollShadowBottom = exports.StyledScrollShadowBottom = _styledCompo
   "right": "0px",
   "bottom": "0px",
   "height": "0.5rem"
-}, 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({
+}, function (props) {
+  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
+}, function (props) {
+  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
+});
+var StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowLeft",
   componentId: "sc-17pcaqo-3"
 })(["", " background-image:linear-gradient( to left,", ",", " );"], {
@@ -41,8 +49,12 @@ const StyledScrollShadowLeft = exports.StyledScrollShadowLeft = _styledComponent
   "bottom": "0px",
   "left": "0px",
   "width": "0.5rem"
-}, 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({
+}, function (props) {
+  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
+}, function (props) {
+  return props.$outerColor ? props.$outerColor : "var(--page-paper-main)";
+});
+var StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledScrollShadowRight",
   componentId: "sc-17pcaqo-4"
 })(["", " background-image:linear-gradient( to right,", ",", " );"], {
@@ -51,7 +63,11 @@ const StyledScrollShadowRight = exports.StyledScrollShadowRight = _styledCompone
   "bottom": "0px",
   "right": "0px",
   "width": "0.5rem"
-}, props => props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)", props => props.$outerColor ? props.$outerColor : "var(--page-paper-main)");
+}, function (props) {
+  return props.$innerColor ? props.$innerColor : "var(--page-paper-main-shadow)";
+}, function (props) {
+  return 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":["_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"}
+{"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,IAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACtC;EAAA;AAAY,CAAC,CAClB;AAEM,IAAMC,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;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;AAEM,IAAMC,wBAAwB,GAAAV,OAAA,CAAAU,wBAAA,GAAGT,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;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;AAEM,IAAMG,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAGV,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;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;AAEM,IAAMG,uBAAuB,GAAAZ,OAAA,CAAAY,uBAAA,GAAGX,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;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;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: function get() {
       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: function get() {
       return _ScrollElement[key];
     }
   });

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

@@ -1 +1 @@
-{"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"}
+{"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,IAAA;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,IAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/Select/Option/Option.js

@@ -8,19 +8,20 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 Option = exports.Option = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    id,
-    name,
-    hover,
-    className,
-    renderOption,
-    onMouseEnter,
-    onClick = () => null
-  } = _ref;
-  const handleOnMouseEnter = (0, _react.useCallback)(() => {
+var Option = exports.Option = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    hover = _ref.hover,
+    className = _ref.className,
+    renderOption = _ref.renderOption,
+    onMouseEnter = _ref.onMouseEnter,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {
+      return null;
+    } : _ref$onClick;
+  var handleOnMouseEnter = (0, _react.useCallback)(function () {
     if (onMouseEnter) {
       onMouseEnter(id);
     }

package/dist/cjs/components/Select/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Option","exports","forwardRef","_ref","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","useCallback","createElement","StyledOption","title","classnames","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,SAAAE,uBAAAE,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,SAAAT,wBAAAS,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;AAkCjC,MAAMY,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,CAAAC,IAAA,EAUEC,GAAuB,KACpB;EAAA,IAVH;IACEC,EAAE;IACFC,IAAI;IACJC,KAAK;IACLC,SAAS;IACTC,YAAY;IACZC,YAAY;IACZC,OAAO,GAAGA,CAAA,KAAM;EACU,CAAC,GAAAR,IAAA;EAG7B,MAAMS,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3C,IAAIH,YAAY,EAAE;MAChBA,YAAY,CAACL,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACK,YAAY,EAAEL,EAAE,CAAC,CAAC;EAEtB,oBACEjC,MAAA,CAAAQ,OAAA,CAAAkC,aAAA,CAACrC,OAAA,CAAAsC,YAAY;IACXX,GAAG,EAAEG,KAAK,GAAGH,GAAG,GAAG,IAAK;IACxBY,KAAK,EAAEV,IAAK;IACZI,YAAY,EAAEE,kBAAmB;IACjCJ,SAAS,EAAE,IAAAS,mBAAU,EAAC,UAAU,EAAET,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbI,OAAO,EAAEA;EAAQ,GAEhBF,YAAY,GAAGA,YAAY,GAAGH,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDN,MAAM,CAACkB,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Option.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Option","exports","forwardRef","_ref","ref","id","name","hover","className","renderOption","onMouseEnter","_ref$onClick","onClick","handleOnMouseEnter","useCallback","createElement","StyledOption","title","classnames","displayName"],"sources":["../../../../../src/components/Select/Option/Option.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n  /** image url for Avatar or MultiAvatar */\n  image?: string | string[];\n  /** Hex color for label */\n  color?: string;\n  /** Color for chip label */\n  chipColor?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAAwC,SAAAE,uBAAAE,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,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,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;AAkCjC,IAAMY,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,UAAAC,IAAA,EAUEC,GAAuB,EACpB;EAAA,IATDC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY;IACZC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IAAAC,YAAA,GAAAR,IAAA,CACZS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAA,OAAM,IAAI;IAAA,IAAAA,YAAA;EAItB,IAAME,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,YAAM;IAC3C,IAAIJ,YAAY,EAAE;MAChBA,YAAY,CAACL,EAAE,CAAC;IAClB;EACF,CAAC,EAAE,CAACK,YAAY,EAAEL,EAAE,CAAC,CAAC;EAEtB,oBACEjC,MAAA,CAAAQ,OAAA,CAAAmC,aAAA,CAACtC,OAAA,CAAAuC,YAAY;IACXZ,GAAG,EAAEG,KAAK,GAAGH,GAAG,GAAG,IAAK;IACxBa,KAAK,EAAEX,IAAK;IACZI,YAAY,EAAEG,kBAAmB;IACjCL,SAAS,EAAE,IAAAU,mBAAU,EAAC,UAAU,EAAEV,SAAS,CAAE;IAC7CD,KAAK,EAAEA,KAAM;IACbK,OAAO,EAAEA;EAAQ,GAEhBH,YAAY,GAAGA,YAAY,GAAGH,IACnB,CAAC;AAEnB,CACF,CAAC;AAEDN,MAAM,CAACmB,WAAW,GAAG,QAAQ"}

package/dist/cjs/components/Select/Option/Styles.js

@@ -7,14 +7,16 @@ exports.StyledOption = 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 StyledOption = exports.StyledOption = _styledComponents.default.li.withConfig({
+var StyledOption = exports.StyledOption = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledOption",
   componentId: "sc-1232l97-0"
 })(["", " font-size:14px;display:flex;justify-content:space-between;height:28px;padding-left:16px;padding-right:16px;margin-top:4px;margin-bottom:4px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition-duration:0.1s;color:var(--color-theme-900);", " ", " ", ""], {
   "userSelect": "none",
   "fontWeight": "400"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, props => props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]));
+}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, function (props) {
+  return props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]);
+});
 StyledOption.displayName = "StyledOption";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Select/Option/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","StyledOption","exports","styled","li","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","hover","css"],"sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\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,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2SAC/B;EAAA;EAAA;AAA8B,CAAC,EAgBjCC,oBAAS,EACTC,8BAAc,EAEbC,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF,CACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc"}
+{"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","StyledOption","exports","styled","li","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","hover","css"],"sources":["../../../../../src/components/Select/Option/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\n\nexport const StyledOption = styled.li<{ hover?: boolean }>`\n  ${tw`tw-select-none tw-font-normal`}\n  font-size: 14px;\n  display: flex;\n  justify-content: space-between;\n  height: 28px;\n  padding-left: 16px;\n  padding-right: 16px;\n  margin-top: 4px;\n  margin-bottom: 4px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition-duration: 0.1s;\n  color: var(--color-theme-900);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOption.displayName = \"StyledOption\";\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,yBAAAC,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,IAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2SAC/B;EAAA;EAAA;AAA8B,CAAC,EAgBjCC,oBAAS,EACTC,8BAAc,EAEd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF;AAAA,EACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Select/Option/index.js

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

package/dist/cjs/components/Select/Option/index.js.map

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

package/dist/cjs/components/Select/OptionContent/OptionContent.js

@@ -9,14 +9,12 @@ var _Avatar = require("../../Avatar/Avatar");
 var _Styles = require("./Styles");
 var _MultiAvatar = require("../../MultiAvatar");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const OptionContent = _ref => {
-  let {
-    imageUrl,
-    color,
-    textColor,
-    name,
-    additionalInfo
-  } = _ref;
+var OptionContent = exports.OptionContent = function OptionContent(_ref) {
+  var imageUrl = _ref.imageUrl,
+    color = _ref.color,
+    textColor = _ref.textColor,
+    name = _ref.name,
+    additionalInfo = _ref.additionalInfo;
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color
@@ -31,6 +29,5 @@ const OptionContent = _ref => {
     textColor: textColor
   }, name), additionalInfo ? /*#__PURE__*/_react.default.createElement(_Styles.StyledAdditionalInfo, null, additionalInfo) : null);
 };
-exports.OptionContent = OptionContent;
 OptionContent.displayName = "OptionContent";
 //# sourceMappingURL=OptionContent.js.map

package/dist/cjs/components/Select/OptionContent/OptionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionContent.js","names":["_react","_interopRequireDefault","require","_Avatar","_Styles","_MultiAvatar","obj","__esModule","default","OptionContent","_ref","imageUrl","color","textColor","name","additionalInfo","createElement","StyledOptionContentWrapper","StyledOptionIndicator","className","backgroundColor","Fragment","Array","isArray","MultiAvatar","url","Avatar","StyledOptionText","StyledAdditionalInfo","exports","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { MultiAvatar } from \"../../MultiAvatar\";\n\ninterface OptionContentProps {\n  imageUrl?: string | string[];\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <>\n              {Array.isArray(imageUrl) ? (\n                <MultiAvatar\n                  className=\"c-option--multi-avatar\"\n                  url={imageUrl}\n                />\n              ) : (\n                <Avatar className=\"c-option--avatar\" url={imageUrl} />\n              )}\n            </>\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AAAgD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUzC,MAAMG,aAAqC,GAAGC,IAAA,IAM/C;EAAA,IANgD;IACpDC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC;EACF,CAAC,GAAAL,IAAA;EACC,oBACEV,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAa,0BAA0B,QACxBN,QAAQ,IAAIC,KAAK,gBAChBZ,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAc,qBAAqB;IACpBC,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAER;EAAM,GAEtBD,QAAQ,gBACPX,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAAAhB,MAAA,CAAAQ,OAAA,CAAAa,QAAA,QACGC,KAAK,CAACC,OAAO,CAACZ,QAAQ,CAAC,gBACtBX,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACX,YAAA,CAAAmB,WAAW;IACVL,SAAS,EAAC,wBAAwB;IAClCM,GAAG,EAAEd;EAAS,CACf,CAAC,gBAEFX,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACb,OAAA,CAAAuB,MAAM;IAACP,SAAS,EAAC,kBAAkB;IAACM,GAAG,EAAEd;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRX,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAuB,gBAAgB;IAACR,SAAS,EAAC,gBAAgB;IAACN,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbf,MAAA,CAAAQ,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAwB,oBAAoB,QAAEb,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAACc,OAAA,CAAApB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACqB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"OptionContent.js","names":["_react","_interopRequireDefault","require","_Avatar","_Styles","_MultiAvatar","obj","__esModule","default","OptionContent","exports","_ref","imageUrl","color","textColor","name","additionalInfo","createElement","StyledOptionContentWrapper","StyledOptionIndicator","className","backgroundColor","Fragment","Array","isArray","MultiAvatar","url","Avatar","StyledOptionText","StyledAdditionalInfo","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { MultiAvatar } from \"../../MultiAvatar\";\n\ninterface OptionContentProps {\n  imageUrl?: string | string[];\n  color?: string;\n  textColor?: string;\n  name: string;\n  additionalInfo?: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n  additionalInfo,\n}) => {\n  return (\n    <StyledOptionContentWrapper>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <>\n              {Array.isArray(imageUrl) ? (\n                <MultiAvatar\n                  className=\"c-option--multi-avatar\"\n                  url={imageUrl}\n                />\n              ) : (\n                <Avatar className=\"c-option--avatar\" url={imageUrl} />\n              )}\n            </>\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n      {additionalInfo ? (\n        <StyledAdditionalInfo>{additionalInfo}</StyledAdditionalInfo>\n      ) : null}\n    </StyledOptionContentWrapper>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AAAgD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAUzC,IAAMG,aAAqC,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAxCA,aAAqCA,CAAAE,IAAA,EAM5C;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,cAAc,GAAAL,IAAA,CAAdK,cAAc;EAEd,oBACEhB,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAc,0BAA0B,QACxBN,QAAQ,IAAIC,KAAK,gBAChBb,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAe,qBAAqB;IACpBC,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAER;EAAM,GAEtBD,QAAQ,gBACPZ,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAAAjB,MAAA,CAAAQ,OAAA,CAAAc,QAAA,QACGC,KAAK,CAACC,OAAO,CAACZ,QAAQ,CAAC,gBACtBZ,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACZ,YAAA,CAAAoB,WAAW;IACVL,SAAS,EAAC,wBAAwB;IAClCM,GAAG,EAAEd;EAAS,CACf,CAAC,gBAEFZ,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACd,OAAA,CAAAwB,MAAM;IAACP,SAAS,EAAC,kBAAkB;IAACM,GAAG,EAAEd;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRZ,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAwB,gBAAgB;IAACR,SAAS,EAAC,gBAAgB;IAACN,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbhB,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,OAAA,CAAAyB,oBAAoB,QAAEb,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAEDP,aAAa,CAACqB,WAAW,GAAG,eAAe"}

package/dist/cjs/components/Select/OptionContent/Styles.js

@@ -6,28 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledOptionText = exports.StyledOptionIndicator = exports.StyledOptionContentWrapper = exports.StyledAdditionalInfo = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Typography = require("../../Typography");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 StyledOptionContentWrapper = exports.StyledOptionContentWrapper = _styledComponents.default.div.withConfig({
+var StyledOptionContentWrapper = exports.StyledOptionContentWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionContentWrapper",
   componentId: "sc-6fiqyy-0"
 })(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
 StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";
-const StyledOptionIndicator = exports.StyledOptionIndicator = _styledComponents.default.div.withConfig({
+var StyledOptionIndicator = exports.StyledOptionIndicator = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",
   componentId: "sc-6fiqyy-1"
-})(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], props => props.backgroundColor && !props.children && (0, _styledComponents.css)(["background-color:", ";"], props.backgroundColor));
+})(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], function (props) {
+  return props.backgroundColor && !props.children && (0, _styledComponents.css)(["background-color:", ";"], props.backgroundColor);
+});
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
-const StyledOptionText = exports.StyledOptionText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+var StyledOptionText = exports.StyledOptionText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledOptionText",
   componentId: "sc-6fiqyy-2"
 })(["", " flex-grow:1;line-height:28px;padding-right:10px;", ""], {
   "overflow": "hidden",
   "textOverflow": "ellipsis",
   "whiteSpace": "nowrap"
-}, props => props.textColor && (0, _styledComponents.css)(["color:", ";"], props.textColor));
+}, function (props) {
+  return props.textColor && (0, _styledComponents.css)(["color:", ";"], props.textColor);
+});
 StyledOptionText.displayName = "StyledOptionText";
-const StyledAdditionalInfo = exports.StyledAdditionalInfo = _styledComponents.default.span.withConfig({
+var StyledAdditionalInfo = exports.StyledAdditionalInfo = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledAdditionalInfo",
   componentId: "sc-6fiqyy-3"
 })(["margin:0 0 0 5px;line-height:18px;flex-shrink:0;"]);

package/dist/cjs/components/Select/OptionContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOptionContentWrapper","exports","styled","div","withConfig","displayName","componentId","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","Body2","textColor","StyledAdditionalInfo","span"],"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAyC,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;AAElC,MAAMY,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAQnD;AAEDN,0BAA0B,CAACK,WAAW,GAAG,4BAA4B;AAE9D,MAAME,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAM1CE,KAAK,IACNA,KAAK,CAACC,eAAe,IACrB,CAACD,KAAK,CAACE,QAAQ,QACfC,qBAAG,8BACmBH,KAAK,CAACC,eAAe,CAC1C,CACJ;AAEDF,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAEpD,MAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,yBAAM,EAACW,iBAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACvC;EAAA;EAAA;EAAA;AAAY,CAAC,EAIdE,KAAK,IACNA,KAAK,CAACM,SAAS,QACfH,qBAAG,mBACQH,KAAK,CAACM,SAAS,CACzB,CACJ;AAEDF,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,MAAMU,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAGb,yBAAM,CAACc,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAEDS,oBAAoB,CAACV,WAAW,GAAG,sBAAsB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOptionContentWrapper","exports","styled","div","withConfig","displayName","componentId","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","Body2","textColor","StyledAdditionalInfo","span"],"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled(Body2)<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAyC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,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;AAElC,IAAMY,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAQnD;AAEDN,0BAA0B,CAACK,WAAW,GAAG,4BAA4B;AAE9D,IAAME,qBAAqB,GAAAN,OAAA,CAAAM,qBAAA,GAAGL,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAM3C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,eAAe,IACrB,CAACD,KAAK,CAACE,QAAQ,QACfC,qBAAG,8BACmBH,KAAK,CAACC,eAAe,CAC1C;AAAA,EACJ;AAEDF,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAEpD,IAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAG,IAAAV,yBAAM,EAACW,iBAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACvC;EAAA;EAAA;EAAA;AAAY,CAAC,EAIf,UAACE,KAAK;EAAA,OACNA,KAAK,CAACM,SAAS,QACfH,qBAAG,mBACQH,KAAK,CAACM,SAAS,CACzB;AAAA,EACJ;AAEDF,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,IAAMU,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAGb,yBAAM,CAACc,IAAI,CAAAZ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAEDS,oBAAoB,CAACV,WAAW,GAAG,sBAAsB"}

package/dist/cjs/components/Select/OptionGroup/OptionGroup.js

@@ -10,44 +10,59 @@ var _Checkbox = require("../../Checkbox/Checkbox");
 var _Styles = require("./Styles");
 var _List = require("../../List");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 OptionGroup = _ref => {
-  let {
-    id,
-    name,
-    options,
-    type,
-    hover,
-    filter,
-    checked,
-    onChange,
-    setHover,
-    renderOptions,
-    optionGroupClassName
-  } = _ref;
-  const list = (0, _react.useMemo)(() => filter ? options.filter(v => v.name.toLowerCase().includes(filter.trim().toLowerCase())) : options, [filter, options]);
-  (0, _react.useEffect)(() => {
+var OptionGroup = exports.OptionGroup = function OptionGroup(_ref) {
+  var id = _ref.id,
+    name = _ref.name,
+    options = _ref.options,
+    type = _ref.type,
+    hover = _ref.hover,
+    filter = _ref.filter,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    setHover = _ref.setHover,
+    renderOptions = _ref.renderOptions,
+    optionGroupClassName = _ref.optionGroupClassName;
+  var list = (0, _react.useMemo)(function () {
+    return filter ? options.filter(function (v) {
+      return v.name.toLowerCase().includes(filter.trim().toLowerCase());
+    }) : options;
+  }, [filter, options]);
+  (0, _react.useEffect)(function () {
     if (hover === id && type !== "single") {
-      document.getElementById(`${id}`)?.focus();
+      var _document$getElementB;
+      (_document$getElementB = document.getElementById(`${id}`)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
     }
   }, [hover, type, id]);
-  const isAllOptionsChecked = (0, _react.useMemo)(() => options.every(option => checked.includes(option.id)), [options, checked]);
-  const handleHover = (0, _react.useCallback)(() => {
-    if (options.some(option => checked.includes(option.id))) return;
+  var isAllOptionsChecked = (0, _react.useMemo)(function () {
+    return options.every(function (option) {
+      return checked.includes(option.id);
+    });
+  }, [options, checked]);
+  var handleHover = (0, _react.useCallback)(function () {
+    if (options.some(function (option) {
+      return checked.includes(option.id);
+    })) return;
     if (setHover) {
       setHover(type === "single" ? undefined : id);
     }
   }, [setHover, type, id, checked, options]);
-  const allOptionValues = (0, _react.useMemo)(() => options.map(option => option.id), [options]);
-  const handleClick = (0, _react.useCallback)(e => {
+  var allOptionValues = (0, _react.useMemo)(function () {
+    return options.map(function (option) {
+      return option.id;
+    });
+  }, [options]);
+  var handleClick = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
     if (onChange) {
       if (isAllOptionsChecked) {
-        onChange(checked.filter(i => allOptionValues.includes(i) === false));
+        onChange(checked.filter(function (i) {
+          return allOptionValues.includes(i) === false;
+        }));
       } else {
-        const values = [...checked, ...allOptionValues];
-        const unique = values.filter((item, pos) => {
+        var values = [...checked, ...allOptionValues];
+        var unique = values.filter(function (item, pos) {
           return values.indexOf(item) === pos;
         });
         onChange(unique);
@@ -67,13 +82,14 @@ const OptionGroup = _ref => {
   }, name), type === "multiple" && /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
     id: `${id}`,
     checked: isAllOptionsChecked,
-    isIndeterminate: options.some(option => checked.includes(option.id)) && !isAllOptionsChecked,
+    isIndeterminate: options.some(function (option) {
+      return checked.includes(option.id);
+    }) && !isAllOptionsChecked,
     onChange: handleClick,
     type: "checkbox"
-  }))), /*#__PURE__*/_react.default.createElement(_List.List, null, list.map((item, index) => {
+  }))), /*#__PURE__*/_react.default.createElement(_List.List, null, list.map(function (item, index) {
     return typeof renderOptions === "function" ? renderOptions(item, index) : item.name;
   }))));
 };
-exports.OptionGroup = OptionGroup;
 OptionGroup.displayName = "OptionGroup";
 //# sourceMappingURL=OptionGroup.js.map

package/dist/cjs/components/Select/OptionGroup/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Checkbox","_Styles","_List","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OptionGroup","_ref","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","useMemo","v","toLowerCase","includes","trim","useEffect","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","some","undefined","allOptionValues","map","handleClick","stopPropagation","values","unique","item","pos","indexOf","createElement","StyledOptionGroupLi","key","className","classNames","StyledOptionGroup","StyledOptionGroupOption","onMouseEnter","StyledOptionGroupHeader","StyledOptionGroupHeaderName","weight","Checkbox","isIndeterminate","List","index","exports","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  filter,\n  checked,\n  onChange,\n  setHover,\n  renderOptions,\n  optionGroupClassName,\n}) => {\n  const list = useMemo(\n    () =>\n      filter\n        ? options.filter((v) =>\n            v.name.toLowerCase().includes(filter.trim().toLowerCase())\n          )\n        : options,\n    [filter, options]\n  );\n\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (options.some((option) => checked.includes(option.id))) return;\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id, checked, options]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (onChange) {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                isIndeterminate={\n                  options.some((option) => checked.includes(option.id)) &&\n                  !isAllOptionsChecked\n                }\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n        <List>\n          {list.map((item: IOptionItemProps, index) => {\n            return typeof renderOptions === \"function\"\n              ? renderOptions(item, index)\n              : item.name;\n          })}\n        </List>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}
+{"version":3,"file":"OptionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Checkbox","_Styles","_List","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OptionGroup","exports","_ref","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","list","useMemo","v","toLowerCase","includes","trim","useEffect","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","some","undefined","allOptionValues","map","handleClick","stopPropagation","values","unique","item","pos","indexOf","createElement","StyledOptionGroupLi","key","className","classNames","StyledOptionGroup","StyledOptionGroupOption","onMouseEnter","StyledOptionGroupHeader","StyledOptionGroupHeaderName","weight","Checkbox","isIndeterminate","List","index","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\nimport classNames from \"classnames\";\nimport { IOptionItemProps } from \"../Option/Option\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { List } from \"../../List\";\n\nexport interface IOptionGroupProps extends IOptionItemProps {\n  /** Options items list */\n  options: IOptionItemProps[];\n}\n\ninterface IAdditionalOptionGroupProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Value of hovered element */\n  hover?: number | string | null;\n  /** Filter for labels */\n  filter?: string;\n  /** Checked values */\n  checked: (string | number)[];\n  /** onChange callback */\n  onChange?: (e: (string | number)[]) => void;\n  /** Set value of hovered element */\n  setHover?: (e: number | string | undefined) => void;\n  /** Render function */\n  renderOptions?: (item: IOptionItemProps, index: number) => ReactNode;\n  /** Value that represent class names */\n  optionGroupClassName?: string;\n}\n\nexport const OptionGroup: FC<\n  IOptionGroupProps & IAdditionalOptionGroupProps\n> = ({\n  id,\n  name,\n  options,\n  type,\n  hover,\n  filter,\n  checked,\n  onChange,\n  setHover,\n  renderOptions,\n  optionGroupClassName,\n}) => {\n  const list = useMemo(\n    () =>\n      filter\n        ? options.filter((v) =>\n            v.name.toLowerCase().includes(filter.trim().toLowerCase())\n          )\n        : options,\n    [filter, options]\n  );\n\n  useEffect(() => {\n    if (hover === id && type !== \"single\") {\n      document.getElementById(`${id}`)?.focus();\n    }\n  }, [hover, type, id]);\n\n  const isAllOptionsChecked = useMemo(\n    () => options.every((option) => checked.includes(option.id)),\n    [options, checked]\n  );\n\n  const handleHover = useCallback(() => {\n    if (options.some((option) => checked.includes(option.id))) return;\n    if (setHover) {\n      setHover(type === \"single\" ? undefined : id);\n    }\n  }, [setHover, type, id, checked, options]);\n\n  const allOptionValues = useMemo(\n    () => options.map((option) => option.id),\n    [options]\n  );\n\n  const handleClick = useCallback(\n    (e) => {\n      e.stopPropagation();\n      if (onChange) {\n        if (isAllOptionsChecked) {\n          onChange(\n            checked.filter((i) => allOptionValues.includes(i) === false)\n          );\n        } else {\n          const values = [...checked, ...allOptionValues];\n          const unique = values.filter((item, pos) => {\n            return values.indexOf(item) === pos;\n          });\n          onChange(unique);\n        }\n      }\n    },\n    [allOptionValues, checked, isAllOptionsChecked, onChange]\n  );\n\n  return (\n    <StyledOptionGroupLi\n      key={id}\n      className={classNames(\"c-option-group\", optionGroupClassName)}\n    >\n      <StyledOptionGroup key={id}>\n        <StyledOptionGroupOption\n          onMouseEnter={handleHover}\n          hover={hover === id && type === \"multiple\"}\n        >\n          <StyledOptionGroupHeader>\n            <StyledOptionGroupHeaderName weight=\"bold\">\n              {name}\n            </StyledOptionGroupHeaderName>\n            {type === \"multiple\" && (\n              <Checkbox\n                id={`${id}`}\n                checked={isAllOptionsChecked}\n                isIndeterminate={\n                  options.some((option) => checked.includes(option.id)) &&\n                  !isAllOptionsChecked\n                }\n                onChange={handleClick}\n                type=\"checkbox\"\n              />\n            )}\n          </StyledOptionGroupHeader>\n        </StyledOptionGroupOption>\n        <List>\n          {list.map((item: IOptionItemProps, index) => {\n            return typeof renderOptions === \"function\"\n              ? renderOptions(item, index)\n              : item.name;\n          })}\n        </List>\n      </StyledOptionGroup>\n    </StyledOptionGroupLi>\n  );\n};\n\nOptionGroup.displayName = \"OptionGroup\";\n"],"mappings":"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"}

package/dist/cjs/components/Select/OptionGroup/Styles.js

@@ -8,32 +8,34 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../../BoxSizingStyle");
 var _FontStyle = require("../../FontStyle");
 var _Typography = require("../../Typography");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 StyledOptionGroupLi = exports.StyledOptionGroupLi = _styledComponents.default.li.withConfig({
+var StyledOptionGroupLi = exports.StyledOptionGroupLi = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledOptionGroupLi",
   componentId: "sc-16v5afu-0"
 })(["flex-direction:column;"]);
-const StyledOptionGroup = exports.StyledOptionGroup = _styledComponents.default.div.withConfig({
+var StyledOptionGroup = exports.StyledOptionGroup = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionGroup",
   componentId: "sc-16v5afu-1"
 })(["", " ", " ", ""], {
   "userSelect": "none"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
 StyledOptionGroup.displayName = "StyledOptionGroup";
-const StyledOptionGroupHeader = exports.StyledOptionGroupHeader = _styledComponents.default.div.withConfig({
+var StyledOptionGroupHeader = exports.StyledOptionGroupHeader = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionGroupHeader",
   componentId: "sc-16v5afu-2"
 })(["height:28px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;margin:6px 0;*{margin:auto 0;}"]);
 StyledOptionGroupHeader.displayName = "StyledOptionGroupHeader";
-const StyledOptionGroupHeaderName = exports.StyledOptionGroupHeaderName = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+var StyledOptionGroupHeaderName = exports.StyledOptionGroupHeaderName = (0, _styledComponents.default)(_Typography.Body2).withConfig({
   displayName: "Styles__StyledOptionGroupHeaderName",
   componentId: "sc-16v5afu-3"
 })(["padding-right:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);
 StyledOptionGroupHeaderName.displayName = "StyledOptionGroupHeaderName";
-const StyledOptionGroupOption = exports.StyledOptionGroupOption = _styledComponents.default.div.withConfig({
+var StyledOptionGroupOption = exports.StyledOptionGroupOption = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionGroupOption",
   componentId: "sc-16v5afu-4"
-})(["", ""], props => props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]));
+})(["", ""], function (props) {
+  return props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]);
+});
 StyledOptionGroupOption.displayName = "StyledOptionGroupOption";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Select/OptionGroup/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOptionGroupLi","exports","styled","li","withConfig","displayName","componentId","StyledOptionGroup","div","FontStyle","BoxSizingStyle","StyledOptionGroupHeader","StyledOptionGroupHeaderName","Body2","StyledOptionGroupOption","props","hover","css"],"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionGroupLi = styled.li`\n  flex-direction: column;\n`;\nexport const StyledOptionGroup = styled.div`\n  ${tw`tw-select-none`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.div`\n  height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n  margin: 6px 0;\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupHeaderName = styled(Body2)`\n  padding-right: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nStyledOptionGroupHeaderName.displayName = \"StyledOptionGroupHeaderName\";\n\nexport const StyledOptionGroupOption = styled.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,SAAAI,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,SAAAN,wBAAAM,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;AAElC,MAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAE3C;AACM,MAAMC,iBAAiB,GAAAN,OAAA,CAAAM,iBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBG,oBAAS,EACTC,8BAAc,CACjB;AAEDH,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAE5C,MAAMM,uBAAuB,GAAAV,OAAA,CAAAU,uBAAA,GAAGT,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+HAUhD;AAEDK,uBAAuB,CAACN,WAAW,GAAG,yBAAyB;AAExD,MAAMO,2BAA2B,GAAAX,OAAA,CAAAW,2BAAA,GAAG,IAAAV,yBAAM,EAACW,iBAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFAKvD;AAEDM,2BAA2B,CAACP,WAAW,GAAG,6BAA6B;AAEhE,MAAMS,uBAAuB,GAAAb,OAAA,CAAAa,uBAAA,GAAGZ,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5CS,KAAK,IACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF,CACJ;AAEDH,uBAAuB,CAACT,WAAW,GAAG,yBAAyB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_Typography","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledOptionGroupLi","exports","styled","li","withConfig","displayName","componentId","StyledOptionGroup","div","FontStyle","BoxSizingStyle","StyledOptionGroupHeader","StyledOptionGroupHeaderName","Body2","StyledOptionGroupOption","props","hover","css"],"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../../BoxSizingStyle\";\nimport { FontStyle } from \"../../FontStyle\";\nimport { Body2 } from \"../../Typography\";\n\nexport const StyledOptionGroupLi = styled.li`\n  flex-direction: column;\n`;\nexport const StyledOptionGroup = styled.div`\n  ${tw`tw-select-none`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledOptionGroup.displayName = \"StyledOptionGroup\";\n\nexport const StyledOptionGroupHeader = styled.div`\n  height: 28px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0 16px;\n  margin: 6px 0;\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledOptionGroupHeader.displayName = \"StyledOptionGroupHeader\";\n\nexport const StyledOptionGroupHeaderName = styled(Body2)`\n  padding-right: 10px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`;\n\nStyledOptionGroupHeaderName.displayName = \"StyledOptionGroupHeaderName\";\n\nexport const StyledOptionGroupOption = styled.div<{ hover?: boolean }>`\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n    `}\n`;\n\nStyledOptionGroupOption.displayName = \"StyledOptionGroupOption\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,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;AAElC,IAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAE3C;AACM,IAAMC,iBAAiB,GAAAN,OAAA,CAAAM,iBAAA,GAAGL,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBG,oBAAS,EACTC,8BAAc,CACjB;AAEDH,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAE5C,IAAMM,uBAAuB,GAAAV,OAAA,CAAAU,uBAAA,GAAGT,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+HAUhD;AAEDK,uBAAuB,CAACN,WAAW,GAAG,yBAAyB;AAExD,IAAMO,2BAA2B,GAAAX,OAAA,CAAAW,2BAAA,GAAG,IAAAV,yBAAM,EAACW,iBAAK,CAAC,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFAKvD;AAEDM,2BAA2B,CAACP,WAAW,GAAG,6BAA6B;AAEhE,IAAMS,uBAAuB,GAAAb,OAAA,CAAAa,uBAAA,GAAGZ,yBAAM,CAACM,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC7C,UAACS,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,QACXC,qBAAG,+CAEF;AAAA,EACJ;AAEDH,uBAAuB,CAACT,WAAW,GAAG,yBAAyB"}