@activecollab/components 2.0.89 → 2.0.91

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

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionContent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Styles = require("./Styles");
-var _Avatar = require("../../Avatar/Avatar");
-var _MultiAvatar = require("../../MultiAvatar");
-const OptionContent = _ref => {
+import React from "react";
+import { StyledOptionIndicator, StyledOptionText, StyledAdditionalInfo, StyledOptionContentWrapper } from "./Styles";
+import { Avatar } from "../../Avatar/Avatar";
+import { MultiAvatar } from "../../MultiAvatar";
+export const OptionContent = _ref => {
   let {
     imageUrl,
     color,
@@ -17,20 +10,19 @@ const OptionContent = _ref => {
     name,
     additionalInfo
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionIndicator, {
+  return /*#__PURE__*/React.createElement(StyledOptionContentWrapper, null, imageUrl || color ? /*#__PURE__*/React.createElement(StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color
-  }, imageUrl ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.isArray(imageUrl) ? /*#__PURE__*/_react.default.createElement(_MultiAvatar.MultiAvatar, {
+  }, imageUrl ? /*#__PURE__*/React.createElement(React.Fragment, null, Array.isArray(imageUrl) ? /*#__PURE__*/React.createElement(MultiAvatar, {
     className: "c-option--multi-avatar",
     url: imageUrl
-  }) : /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+  }) : /*#__PURE__*/React.createElement(Avatar, {
     className: "c-option--avatar",
     url: imageUrl
-  })) : null) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionText, {
+  })) : null) : null, /*#__PURE__*/React.createElement(StyledOptionText, {
     className: "c-option--text",
     textColor: textColor
-  }, name), additionalInfo ? /*#__PURE__*/_react.default.createElement(_Styles.StyledAdditionalInfo, null, additionalInfo) : null);
+  }, name), additionalInfo ? /*#__PURE__*/React.createElement(StyledAdditionalInfo, null, additionalInfo) : null);
 };
-exports.OptionContent = OptionContent;
 OptionContent.displayName = "OptionContent";
 //# sourceMappingURL=OptionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionContent.js","names":["_react","_interopRequireDefault","require","_Styles","_Avatar","_MultiAvatar","OptionContent","_ref","imageUrl","color","textColor","name","additionalInfo","default","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\";\n\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { Avatar } from \"../../Avatar/Avatar\";\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;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAUO,MAAMI,aAAqC,GAAGC,IAAA,IAM/C;EAAA,IANgD;IACpDC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC;EACF,CAAC,GAAAL,IAAA;EACC,oBACEP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,0BAA0B,QACxBP,QAAQ,IAAIC,KAAK,gBAChBT,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAa,qBAAqB;IACpBC,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAET;EAAM,GAEtBD,QAAQ,gBACPR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAAAd,MAAA,CAAAa,OAAA,CAAAM,QAAA,QACGC,KAAK,CAACC,OAAO,CAACb,QAAQ,CAAC,gBACtBR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAiB,WAAW;IACVL,SAAS,EAAC,wBAAwB;IAClCM,GAAG,EAAEf;EAAS,CACf,CAAC,gBAEFR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAoB,MAAM;IAACP,SAAS,EAAC,kBAAkB;IAACM,GAAG,EAAEf;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRR,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAsB,gBAAgB;IAACR,SAAS,EAAC,gBAAgB;IAACP,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAuB,oBAAoB,QAAEd,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAACe,OAAA,CAAArB,aAAA,GAAAA,aAAA;AAEFA,aAAa,CAACsB,WAAW,GAAG,eAAe"}
+{"version":3,"file":"OptionContent.js","names":["React","StyledOptionIndicator","StyledOptionText","StyledAdditionalInfo","StyledOptionContentWrapper","Avatar","MultiAvatar","OptionContent","_ref","imageUrl","color","textColor","name","additionalInfo","createElement","className","backgroundColor","Fragment","Array","isArray","url","displayName"],"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"sourcesContent":["import React, { FC } from \"react\";\n\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n  StyledOptionContentWrapper,\n} from \"./Styles\";\nimport { Avatar } from \"../../Avatar/Avatar\";\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,OAAOA,KAAK,MAAc,OAAO;AAEjC,SACEC,qBAAqB,EACrBC,gBAAgB,EAChBC,oBAAoB,EACpBC,0BAA0B,QACrB,UAAU;AACjB,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,WAAW,QAAQ,mBAAmB;AAU/C,OAAO,MAAMC,aAAqC,GAAGC,IAAA,IAM/C;EAAA,IANgD;IACpDC,QAAQ;IACRC,KAAK;IACLC,SAAS;IACTC,IAAI;IACJC;EACF,CAAC,GAAAL,IAAA;EACC,oBACER,KAAA,CAAAc,aAAA,CAACV,0BAA0B,QACxBK,QAAQ,IAAIC,KAAK,gBAChBV,KAAA,CAAAc,aAAA,CAACb,qBAAqB;IACpBc,SAAS,EAAC,iBAAiB;IAC3BC,eAAe,EAAEN;EAAM,GAEtBD,QAAQ,gBACPT,KAAA,CAAAc,aAAA,CAAAd,KAAA,CAAAiB,QAAA,QACGC,KAAK,CAACC,OAAO,CAACV,QAAQ,CAAC,gBACtBT,KAAA,CAAAc,aAAA,CAACR,WAAW;IACVS,SAAS,EAAC,wBAAwB;IAClCK,GAAG,EAAEX;EAAS,CACf,CAAC,gBAEFT,KAAA,CAAAc,aAAA,CAACT,MAAM;IAACU,SAAS,EAAC,kBAAkB;IAACK,GAAG,EAAEX;EAAS,CAAE,CAEvD,CAAC,GACD,IACiB,CAAC,GACtB,IAAI,eACRT,KAAA,CAAAc,aAAA,CAACZ,gBAAgB;IAACa,SAAS,EAAC,gBAAgB;IAACJ,SAAS,EAAEA;EAAU,GAC/DC,IACe,CAAC,EAClBC,cAAc,gBACbb,KAAA,CAAAc,aAAA,CAACX,oBAAoB,QAAEU,cAAqC,CAAC,GAC3D,IACsB,CAAC;AAEjC,CAAC;AAEDN,aAAa,CAACc,WAAW,GAAG,eAAe"}

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

@@ -1,33 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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({
+import styled, { css } from "styled-components";
+import { Body2 } from "../../Typography";
+export const StyledOptionContentWrapper = styled.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({
+export const StyledOptionIndicator = styled.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;", ""], props => props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor));
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
-const StyledOptionText = exports.StyledOptionText = (0, _styledComponents.default)(_Typography.Body2).withConfig({
+export const StyledOptionText = styled(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));
+}, props => props.textColor && css(["color:", ";"], props.textColor));
 StyledOptionText.displayName = "StyledOptionText";
-const StyledAdditionalInfo = exports.StyledAdditionalInfo = _styledComponents.default.span.withConfig({
+export const StyledAdditionalInfo = styled.span.withConfig({
   displayName: "Styles__StyledAdditionalInfo",
   componentId: "sc-6fiqyy-3"
 })(["margin:0 0 0 5px;line-height:18px;flex-shrink:0;"]);

package/dist/esm/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\";\n\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;AAGA,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":["styled","css","Body2","StyledOptionContentWrapper","div","withConfig","displayName","componentId","StyledOptionIndicator","props","backgroundColor","children","StyledOptionText","textColor","StyledAdditionalInfo","span"],"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,0BAA0B,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0HAQnD;AAEDJ,0BAA0B,CAACG,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAME,qBAAqB,GAAGR,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sFAM1CE,KAAK,IACNA,KAAK,CAACC,eAAe,IACrB,CAACD,KAAK,CAACE,QAAQ,IACfV,GAAG,6BACmBQ,KAAK,CAACC,eAAe,CAC1C,CACJ;AAEDF,qBAAqB,CAACF,WAAW,GAAG,uBAAuB;AAE3D,OAAO,MAAMM,gBAAgB,GAAGZ,MAAM,CAACE,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kEACvC;EAAA;EAAA;EAAA;AAAY,CAAC,EAIdE,KAAK,IACNA,KAAK,CAACI,SAAS,IACfZ,GAAG,kBACQQ,KAAK,CAACI,SAAS,CACzB,CACJ;AAEDD,gBAAgB,CAACN,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMQ,oBAAoB,GAAGd,MAAM,CAACe,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wDAI9C;AAEDO,oBAAoB,CAACR,WAAW,GAAG,sBAAsB"}

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

@@ -1,18 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OptionGroup = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Styles = require("./Styles");
-var _Checkbox = require("../../Checkbox/Checkbox");
-var _List = require("../../List");
-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 OptionGroup = _ref => {
+import React, { useCallback, useEffect, useMemo } from "react";
+import classNames from "classnames";
+import { StyledOptionGroup, StyledOptionGroupHeader, StyledOptionGroupOption, StyledOptionGroupLi, StyledOptionGroupHeaderName } from "./Styles";
+import { Checkbox } from "../../Checkbox/Checkbox";
+import { List } from "../../List";
+export const OptionGroup = _ref => {
   let {
     id,
     name,
@@ -27,24 +18,25 @@ const OptionGroup = _ref => {
     optionGroupClassName,
     mixedOptions = []
   } = _ref;
-  const list = (0, _react.useMemo)(() => filter ? options.filter(v => v.name.toLowerCase().includes(filter.trim().toLowerCase())) : options, [filter, options]);
-  (0, _react.useEffect)(() => {
+  const list = useMemo(() => filter ? options.filter(v => v.name.toLowerCase().includes(filter.trim().toLowerCase())) : options, [filter, options]);
+  useEffect(() => {
     if (hover === id && type !== "single") {
-      document.getElementById(`${id}`)?.focus();
+      var _document$getElementB;
+      (_document$getElementB = document.getElementById("" + id)) == null || _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)(() => {
+  const isAllOptionsChecked = useMemo(() => options.every(option => checked.includes(option.id)), [options, checked]);
+  const handleHover = useCallback(() => {
     if (options.some(option => 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 isMixed = (0, _react.useMemo)(() => {
+  const allOptionValues = useMemo(() => options.map(option => option.id), [options]);
+  const isMixed = useMemo(() => {
     return (options.some(option => checked.includes(option.id)) || mixedOptions.some(item => allOptionValues.includes(item))) && !isAllOptionsChecked;
   }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);
-  const handleClick = (0, _react.useCallback)(e => {
+  const handleClick = useCallback(e => {
     e.stopPropagation();
     if (onChange) {
       if (isAllOptionsChecked) {
@@ -58,26 +50,25 @@ const OptionGroup = _ref => {
       }
     }
   }, [allOptionValues, checked, isAllOptionsChecked, onChange]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionGroupLi, {
+  return /*#__PURE__*/React.createElement(StyledOptionGroupLi, {
     key: id,
-    className: (0, _classnames.default)("c-option-group", optionGroupClassName)
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionGroup, {
+    className: classNames("c-option-group", optionGroupClassName)
+  }, /*#__PURE__*/React.createElement(StyledOptionGroup, {
     key: id
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionGroupOption, {
+  }, /*#__PURE__*/React.createElement(StyledOptionGroupOption, {
     onMouseEnter: handleHover,
     hover: hover === id && type === "multiple"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionGroupHeader, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionGroupHeaderName, {
+  }, /*#__PURE__*/React.createElement(StyledOptionGroupHeader, null, /*#__PURE__*/React.createElement(StyledOptionGroupHeaderName, {
     weight: "bold"
-  }, name), type === "multiple" && /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-    id: `${id}`,
+  }, name), type === "multiple" && /*#__PURE__*/React.createElement(Checkbox, {
+    id: "" + id,
     checked: isAllOptionsChecked,
     mixed: isMixed,
     onChange: handleClick,
     type: "checkbox"
-  }))), /*#__PURE__*/_react.default.createElement(_List.List, null, list.map((item, index) => {
+  }))), /*#__PURE__*/React.createElement(List, null, list.map((item, index) => {
     return typeof renderOptions === "function" ? renderOptions(item, index) : item.name;
   }))));
 };
-exports.OptionGroup = OptionGroup;
 OptionGroup.displayName = "OptionGroup";
 //# sourceMappingURL=OptionGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_Checkbox","_List","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","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","mixedOptions","list","useMemo","v","toLowerCase","includes","trim","useEffect","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","useCallback","some","undefined","allOptionValues","map","isMixed","item","handleClick","stopPropagation","values","unique","pos","indexOf","createElement","StyledOptionGroupLi","key","className","classNames","StyledOptionGroup","StyledOptionGroupOption","onMouseEnter","StyledOptionGroupHeader","StyledOptionGroupHeaderName","weight","Checkbox","mixed","List","index","exports","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { List } from \"../../List\";\nimport { IOptionItemProps } from \"../Option/Option\";\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  /** Mixed options values */\n  mixedOptions: (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  mixedOptions = [],\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 isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\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                mixed={isMixed}\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","useCallback","useEffect","useMemo","classNames","StyledOptionGroup","StyledOptionGroupHeader","StyledOptionGroupOption","StyledOptionGroupLi","StyledOptionGroupHeaderName","Checkbox","List","OptionGroup","_ref","id","name","options","type","hover","filter","checked","onChange","setHover","renderOptions","optionGroupClassName","mixedOptions","list","v","toLowerCase","includes","trim","_document$getElementB","document","getElementById","focus","isAllOptionsChecked","every","option","handleHover","some","undefined","allOptionValues","map","isMixed","item","handleClick","e","stopPropagation","i","values","unique","pos","indexOf","createElement","key","className","onMouseEnter","weight","mixed","index","displayName"],"sources":["../../../../../src/components/Select/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, FC, ReactNode } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledOptionGroup,\n  StyledOptionGroupHeader,\n  StyledOptionGroupOption,\n  StyledOptionGroupLi,\n  StyledOptionGroupHeaderName,\n} from \"./Styles\";\nimport { Checkbox } from \"../../Checkbox/Checkbox\";\nimport { List } from \"../../List\";\nimport { IOptionItemProps } from \"../Option/Option\";\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  /** Mixed options values */\n  mixedOptions: (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  mixedOptions = [],\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 isMixed: boolean = useMemo(() => {\n    return (\n      (options.some((option) => checked.includes(option.id)) ||\n        mixedOptions.some((item) => allOptionValues.includes(item))) &&\n      !isAllOptionsChecked\n    );\n  }, [allOptionValues, checked, isAllOptionsChecked, mixedOptions, options]);\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                mixed={isMixed}\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/esm/components/Select/OptionGroup/Styles.js

@@ -1,39 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledOptionGroupOption = exports.StyledOptionGroupLi = exports.StyledOptionGroupHeaderName = exports.StyledOptionGroupHeader = exports.StyledOptionGroup = void 0;
-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 _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({
+import styled, { css } from "styled-components";
+import { BoxSizingStyle } from "../../BoxSizingStyle";
+import { FontStyle } from "../../FontStyle";
+import { Body2 } from "../../Typography";
+export const StyledOptionGroupLi = styled.li.withConfig({
   displayName: "Styles__StyledOptionGroupLi",
   componentId: "sc-16v5afu-0"
 })(["flex-direction:column;"]);
-const StyledOptionGroup = exports.StyledOptionGroup = _styledComponents.default.div.withConfig({
+export const StyledOptionGroup = styled.div.withConfig({
   displayName: "Styles__StyledOptionGroup",
   componentId: "sc-16v5afu-1"
 })(["", " ", " ", ""], {
   "userSelect": "none"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+}, FontStyle, BoxSizingStyle);
 StyledOptionGroup.displayName = "StyledOptionGroup";
-const StyledOptionGroupHeader = exports.StyledOptionGroupHeader = _styledComponents.default.div.withConfig({
+export const StyledOptionGroupHeader = styled.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({
+export const StyledOptionGroupHeaderName = styled(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({
+export const StyledOptionGroupOption = styled.div.withConfig({
   displayName: "Styles__StyledOptionGroupOption",
   componentId: "sc-16v5afu-4"
-})(["", ""], props => props.hover && (0, _styledComponents.css)(["background-color:var(--color-theme-200);"]));
+})(["", ""], props => props.hover && css(["background-color:var(--color-theme-200);"]));
 StyledOptionGroupOption.displayName = "StyledOptionGroupOption";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/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\";\n\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;AAGA,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":["styled","css","BoxSizingStyle","FontStyle","Body2","StyledOptionGroupLi","li","withConfig","displayName","componentId","StyledOptionGroup","div","StyledOptionGroupHeader","StyledOptionGroupHeaderName","StyledOptionGroupOption","props","hover"],"sources":["../../../../../src/components/Select/OptionGroup/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,sBAAsB;AACrD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,QAAQ,kBAAkB;AAExC,OAAO,MAAMC,mBAAmB,GAAGL,MAAM,CAACM,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BAE3C;AACD,OAAO,MAAMC,iBAAiB,GAAGV,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACrC;EAAA;AAAe,CAAC,EAClBN,SAAS,EACTD,cAAc,CACjB;AAEDQ,iBAAiB,CAACF,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMI,uBAAuB,GAAGZ,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+HAUhD;AAEDG,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMK,2BAA2B,GAAGb,MAAM,CAACI,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qFAKvD;AAEDI,2BAA2B,CAACL,WAAW,GAAG,6BAA6B;AAEvE,OAAO,MAAMM,uBAAuB,GAAGd,MAAM,CAACW,GAAG,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5CM,KAAK,IACNA,KAAK,CAACC,KAAK,IACXf,GAAG,8CAEF,CACJ;AAEDa,uBAAuB,CAACN,WAAW,GAAG,yBAAyB"}

package/dist/esm/components/Select/OptionGroup/index.js

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

package/dist/esm/components/Select/OptionGroup/index.js.map

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

package/dist/esm/components/Select/Select.js

@@ -1,21 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Select = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _OptionContent = require("./OptionContent/OptionContent");
-var _Styles = require("./Styles");
-var _useForkRef = _interopRequireDefault(require("../../utils/useForkRef"));
-var _Autocomplete = require("../Autocomplete");
-var _Menu = require("../Menu/Menu");
-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 Select = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useState, useMemo, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { OptionContent } from "./OptionContent/OptionContent";
+import { StyledSelectForm, StyledSelectInput, StyledCheckbox, StyledRadioButton, StyledStartAdornment, StyledEndAdornment } from "./Styles";
+import useForkRef from "../../utils/useForkRef";
+import { Autocomplete, isOptionGroup } from "../Autocomplete";
+import { Menu } from "../Menu/Menu";
+export const Select = _ref => {
   let {
     type = "single",
     mode,
@@ -44,40 +35,41 @@ const Select = _ref => {
   if (disableSearch && (startAdornment || endAdornment)) {
     console.warn("Adornments are not visible when search bar is hidden");
   }
-  const childNode = (0, _react.useRef)();
-  const elementRef = (0, _react.useRef)(null);
-  const handleRef = (0, _useForkRef.default)(childNode, elementRef);
-  const Tag = !target ? "div" : _Menu.Menu;
-  const formRef = (0, _react.useRef)(null);
-  const [open, setOpen] = (0, _react.useState)(false);
-  const selectedOptions = (0, _react.useMemo)(() => selected instanceof Array ? selected : [selected], [selected]);
-  const selectOptions = (0, _react.useMemo)(() => {
+  const childNode = useRef();
+  const elementRef = useRef(null);
+  const handleRef = useForkRef(childNode, elementRef);
+  const Tag = !target ? "div" : Menu;
+  const formRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  const selectedOptions = useMemo(() => selected instanceof Array ? selected : [selected], [selected]);
+  const selectOptions = useMemo(() => {
     if (!options) {
       return [];
     }
     return options;
   }, [options]);
-  const allOptionValues = (0, _react.useMemo)(() => {
+  const allOptionValues = useMemo(() => {
     return selectOptions.reduce((acc, option) => {
-      if (!(0, _Autocomplete.isOptionGroup)(option)) {
+      if (!isOptionGroup(option)) {
         return [...acc, option.id];
       }
       const allGroupOptions = option.options.map(option => option.id);
       return [...acc, ...allGroupOptions];
     }, []);
   }, [selectOptions]);
-  const mixedOptions = (0, _react.useRef)(type === "multiple" && mixed.length ? mixed : []);
-  const removeFromMixedOptions = (0, _react.useCallback)(idsToRemove => {
+  const mixedOptions = useRef(type === "multiple" && mixed.length ? mixed : []);
+  const removeFromMixedOptions = useCallback(idsToRemove => {
     mixedOptions.current = mixedOptions.current.filter(mixedOption => !idsToRemove.includes(mixedOption));
   }, []);
-  const isAllOptionsChecked = (0, _react.useMemo)(() => allOptionValues.every(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
-  const someOptionsChecked = (0, _react.useMemo)(() => allOptionValues.some(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
-  (0, _react.useEffect)(() => {
+  const isAllOptionsChecked = useMemo(() => allOptionValues.every(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
+  const someOptionsChecked = useMemo(() => allOptionValues.some(option => selectedOptions.includes(option)), [allOptionValues, selectedOptions]);
+  useEffect(() => {
     if (open && target || !target && focusInput) {
-      childNode?.current?.focus();
+      var _childNode$current;
+      childNode == null || (_childNode$current = childNode.current) == null || _childNode$current.focus();
     }
   }, [focusInput, open, target]);
-  const handleChange = (0, _react.useCallback)(selectedValue => {
+  const handleChange = useCallback(selectedValue => {
     if (forceCloseMenu) {
       if (typeof onSelectClose === "function") onSelectClose();
       setOpen(false);
@@ -87,43 +79,47 @@ const Select = _ref => {
       type === "multiple" && mixedOptions.current.length && removeFromMixedOptions(selectedValue);
     }
   }, [forceCloseMenu, selected, onSelectClose, onChange, type, removeFromMixedOptions]);
-  const onClose = (0, _react.useCallback)(() => {
+  const onClose = useCallback(() => {
     setOpen(false);
     if (onSelectClose) {
       onSelectClose();
     }
   }, [onSelectClose]);
-  const onOpen = (0, _react.useCallback)(() => {
+  const onOpen = useCallback(() => {
     setOpen(true);
     if (onSelectOpen) {
       onSelectOpen();
     }
   }, [onSelectOpen]);
-  const props = (0, _react.useMemo)(() => {
+  const props = useMemo(() => {
     if (target) {
       return {
-        menuClassName: (0, _classnames.default)("c-select", selectClassName),
+        menuClassName: classNames("c-select", selectClassName),
         onClose,
         onOpen,
         target,
         mode,
         open,
         position,
-        onPopperOpen: () => elementRef?.current?.focus()
+        onPopperOpen: () => {
+          var _elementRef$current;
+          return elementRef == null || (_elementRef$current = elementRef.current) == null ? void 0 : _elementRef$current.focus();
+        }
       };
     }
     return {
-      className: (0, _classnames.default)("c-select", selectClassName)
+      className: classNames("c-select", selectClassName)
     };
   }, [target, selectClassName, onClose, onOpen, mode, open, position]);
-  const handleEmptyAction = (0, _react.useCallback)(value => {
+  const handleEmptyAction = useCallback(value => {
+    var _formRef$current;
     emptyAction(value);
     if (forceCloseMenu) {
       setOpen(false);
     }
-    formRef.current?.reset();
+    (_formRef$current = formRef.current) == null || _formRef$current.reset();
   }, [emptyAction, forceCloseMenu]);
-  const handleDefaultOptionChangeCallback = (0, _react.useCallback)(() => {
+  const handleDefaultOptionChangeCallback = useCallback(() => {
     if (type === "multiple") {
       if (selectedOptions.length === allOptionValues.length) {
         if (typeof handleDefaultOptionChange === "function") {
@@ -149,31 +145,31 @@ const Select = _ref => {
       setOpen(false);
     }
   }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues, handleDefaultOptionChange]);
-  const handleRenderOption = (0, _react.useCallback)((option, props) => {
+  const handleRenderOption = useCallback((option, props) => {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
     }
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_OptionContent.OptionContent, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(OptionContent, {
       imageUrl: option.image,
       color: option.color,
       textColor: option.textColor,
       name: option.name,
       additionalInfo: option.additionalInfo
-    }), option.id === null ? type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCheckbox, (0, _extends2.default)({
+    }), option.id === null ? type === "multiple" ? /*#__PURE__*/React.createElement(StyledCheckbox, _extends({
       checked: isAllOptionsChecked,
       mixed: someOptionsChecked && !isAllOptionsChecked
-    }, props)) : /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, (0, _extends2.default)({
+    }, props)) : /*#__PURE__*/React.createElement(StyledRadioButton, _extends({
       checked: selectedOptions.length < 1 || !selectedOptions[0]
-    }, props)) : type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCheckbox, (0, _extends2.default)({
+    }, props)) : type === "multiple" ? /*#__PURE__*/React.createElement(StyledCheckbox, _extends({
       mixed: mixedOptions.current.includes(option.id)
-    }, props)) : /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, props));
+    }, props)) : /*#__PURE__*/React.createElement(StyledRadioButton, props));
   }, [isAllOptionsChecked, renderOption, type, someOptionsChecked, selectedOptions]);
-  return /*#__PURE__*/_react.default.createElement(Tag, props, /*#__PURE__*/_react.default.createElement("div", null, !disableSearch ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectForm, {
+  return /*#__PURE__*/React.createElement(Tag, props, /*#__PURE__*/React.createElement("div", null, !disableSearch ? /*#__PURE__*/React.createElement(StyledSelectForm, {
     ref: formRef
-  }, startAdornment ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStartAdornment, null, startAdornment) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectInput, {
+  }, startAdornment ? /*#__PURE__*/React.createElement(StyledStartAdornment, null, startAdornment) : null, /*#__PURE__*/React.createElement(StyledSelectInput, {
     ref: handleRef,
     placeholder: placeholder
-  }), endAdornment ? /*#__PURE__*/_react.default.createElement(_Styles.StyledEndAdornment, null, endAdornment) : null) : null, /*#__PURE__*/_react.default.createElement(_Autocomplete.Autocomplete, (0, _extends2.default)({}, prop, {
+  }), endAdornment ? /*#__PURE__*/React.createElement(StyledEndAdornment, null, endAdornment) : null) : null, /*#__PURE__*/React.createElement(Autocomplete, _extends({}, prop, {
     clearInputOnSelect: true,
     inputEl: childNode,
     handleEmptyAction: handleEmptyAction,
@@ -188,6 +184,5 @@ const Select = _ref => {
     keepSameOptionsOrder: keepSameOptionsOrder
   }))));
 };
-exports.Select = Select;
 Select.displayName = "Select";
 //# sourceMappingURL=Select.js.map