@activecollab/components 1.0.107 → 1.0.108

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

@@ -17,7 +17,8 @@ var OptionContent = function OptionContent(_ref) {
   var imageUrl = _ref.imageUrl,
       color = _ref.color,
       textColor = _ref.textColor,
-      name = _ref.name;
+      name = _ref.name,
+      additionalInfo = _ref.additionalInfo;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, imageUrl || color ? /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color
@@ -27,7 +28,7 @@ var OptionContent = function OptionContent(_ref) {
   }) : null) : null, /*#__PURE__*/_react.default.createElement(_Styles.StyledOptionText, {
     className: "c-option--text",
     textColor: textColor
-  }, name));
+  }, name), additionalInfo ? /*#__PURE__*/_react.default.createElement(_Styles.StyledAdditionalInfo, null, additionalInfo) : null);
 };
 
 exports.OptionContent = OptionContent;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["OptionContent","imageUrl","color","textColor","name","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AASO,IAAMA,aAAqC,GAAG,SAAxCA,aAAwC,OAK/C;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,sBACE,4DACGH,QAAQ,IAAIC,KAAZ,gBACC,6BAAC,6BAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,6BAAC,cAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,6BAAC,wBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,CADF;AAiBD,CAvBM;;;AAyBPJ,aAAa,CAACK,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { StyledOptionIndicator, StyledOptionText } from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n}) => {\n  return (\n    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["OptionContent","imageUrl","color","textColor","name","additionalInfo","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAcO,IAAMA,aAAqC,GAAG,SAAxCA,aAAwC,OAM/C;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,cACI,QADJA,cACI;AACJ,sBACE,4DACGJ,QAAQ,IAAIC,KAAZ,gBACC,6BAAC,6BAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,6BAAC,cAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,6BAAC,wBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,EAcGC,cAAc,gBACb,6BAAC,4BAAD,QAAuBA,cAAvB,CADa,GAEX,IAhBN,CADF;AAoBD,CA3BM;;;AA6BPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n} from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: 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    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\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    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}

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

@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledOptionText = exports.StyledOptionIndicator = void 0;
+exports.StyledOptionText = exports.StyledOptionIndicator = exports.StyledAdditionalInfo = void 0;
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledOptionIndicator = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",
   componentId: "sc-6fiqyy-0"
-})(["height:24px;width:24px;border-radius:100%;margin-right:8px;", ""], function (props) {
+})(["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);
 });
 
@@ -26,7 +26,7 @@ StyledOptionIndicator.displayName = "StyledOptionIndicator";
 var StyledOptionText = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledOptionText",
   componentId: "sc-6fiqyy-1"
-})(["", " width:calc(100% - 50px);line-height:18px;", ""], {
+})(["", " flex-grow:1;line-height:18px;", ""], {
   "overflow": "hidden",
   "textOverflow": "ellipsis",
   "whiteSpace": "nowrap"
@@ -36,4 +36,12 @@ var StyledOptionText = _styledComponents.default.span.withConfig({
 
 exports.StyledOptionText = StyledOptionText;
 StyledOptionText.displayName = "StyledOptionText";
+
+var StyledAdditionalInfo = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledAdditionalInfo",
+  componentId: "sc-6fiqyy-2"
+})(["margin:0 0 0 5px;line-height:18px;"]);
+
+exports.StyledAdditionalInfo = StyledAdditionalInfo;
+StyledAdditionalInfo.displayName = "StyledAdditionalInfo";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["StyledOptionIndicator","styled","div","props","backgroundColor","children","css","displayName","StyledOptionText","span","textColor"],"mappings":";;;;;;;;;AAAA;;;;;;AAGO,IAAMA,qBAAqB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,wEAK9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,QAEAC,qBAFA,8BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAL8B,CAA3B;;;AAaPJ,qBAAqB,CAACO,WAAtB,GAAoC,uBAApC;;AAEO,IAAMC,gBAAgB,GAAGP,0BAAOQ,IAAV;AAAA;AAAA;AAAA,2DACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACN,KAAD;AAAA,SACAA,KAAK,CAACO,SAAN,QACAJ,qBADA,mBAEWH,KAAK,CAACO,SAFjB,CADA;AAAA,CAJyB,CAAtB;;;AAWPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\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.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  width: calc(100% - 50px);\n  line-height: 18px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["StyledOptionIndicator","styled","div","props","backgroundColor","children","css","displayName","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":";;;;;;;;;AAAA;;;;;;AAGO,IAAMA,qBAAqB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,QAEAC,qBAFA,8BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;;;AAcPJ,qBAAqB,CAACO,WAAtB,GAAoC,uBAApC;;AAEO,IAAMC,gBAAgB,GAAGP,0BAAOQ,IAAV;AAAA;AAAA;AAAA,+CACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACN,KAAD;AAAA,SACAA,KAAK,CAACO,SAAN,QACAJ,qBADA,mBAEWH,KAAK,CAACO,SAFjB,CADA;AAAA,CAJyB,CAAtB;;;AAWPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMI,oBAAoB,GAAGV,0BAAOQ,IAAV;AAAA;AAAA;AAAA,0CAA1B;;;AAKPE,oBAAoB,CAACJ,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\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.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 18px;\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`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}

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

@@ -9,10 +9,6 @@ exports.Select = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _Checkbox = require("../Checkbox");
-
-var _RadioButton = require("../RadioButton");
-
 var _Autocomplete = require("../Autocomplete");
 
 var _Tooltip = require("../Tooltip");
@@ -239,12 +235,13 @@ var Select = function Select(_ref) {
       imageUrl: option.image,
       color: option.color,
       textColor: option.textColor,
-      name: option.name
-    }), option.id === null ? type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, _extends({
+      name: option.name,
+      additionalInfo: option.additionalInfo
+    }), option.id === null ? type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCheckbox, _extends({
       checked: isAllOptionsChecked
-    }, props)) : /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, _extends({
+    }, props)) : /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, _extends({
       checked: selectedOptions.length < 1 || !selectedOptions[0]
-    }, props)) : type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, props) : /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, props));
+    }, props)) : type === "multiple" ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCheckbox, props) : /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, props));
   }, [isAllOptionsChecked, selectedOptions, type]);
   return /*#__PURE__*/_react.default.createElement(Tag, props, /*#__PURE__*/_react.default.createElement("div", null, !disableSearch ? /*#__PURE__*/_react.default.createElement(_Styles.StyledSelectForm, {
     ref: formRef

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","prop","childNode","setChildNode","elementRef","handleRef","Tag","Menu","formRef","open","setOpen","isGroup","item","undefined","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","value","v","filter","concat","onClose","onOpen","props","menuClassName","className","handleEmptyAction","current","reset","handleDefaultOptionChange","length","handleRenderOption","image","color","textColor","name","zIndex","displayName"],"mappings":";;;;;;;;;AAAA;;AAUA;;AACA;;AACA;;AACA;;AACA;;AAGA;;AAGA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCO,IAAMA,MAA6C,GAAG,SAAhDA,MAAgD,OAmBvD;AAAA,uBAlBJC,IAkBI;AAAA,MAlBJA,IAkBI,0BAlBG,QAkBH;AAAA,MAjBJC,IAiBI,QAjBJA,IAiBI;AAAA,MAhBJC,MAgBI,QAhBJA,MAgBI;AAAA,MAfJC,OAeI,QAfJA,OAeI;AAAA,2BAdJC,QAcI;AAAA,MAdJA,QAcI,8BAdO,EAcP;AAAA,2BAbJC,QAaI;AAAA,MAbJA,QAaI,8BAbO,cAaP;AAAA,2BAZJC,QAYI;AAAA,MAZJA,QAYI,8BAZO;AAAA,WAAY,IAAZ;AAAA,GAYP;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,WAUI,QAVJA,WAUI;AAAA,MATJC,WASI,QATJA,WASI;AAAA,8BARJC,WAQI;AAAA,MARJA,WAQI,iCARU;AAAA,WAAY,IAAZ;AAAA,GAQV;AAAA,gCAPJC,aAOI;AAAA,MAPJA,aAOI,mCAPY,KAOZ;AAAA,MANJC,cAMI,QANJA,cAMI;AAAA,MALJC,eAKI,QALJA,eAKI;AAAA,mCAJJC,oBAII;AAAA,MAJJA,oBAII,sCAJmB,KAInB;AAAA,MAHJC,YAGI,QAHJA,YAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADDC,IACC;;AACJ,kBAAkC,sBAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,MAAMC,UAAU,GAAG,mBAAgC,IAAhC,CAAnB;AAEA,MAAMC,SAAS,GAAG,yBAAWF,YAAX,EAAyBC,UAAzB,CAAlB;AAEA,MAAME,GAAG,GAAG,CAACpB,MAAD,GAAU,KAAV,GAAkBqB,UAA9B;AACA,MAAMC,OAAO,GAAG,mBAA+B,IAA/B,CAAhB;;AAEA,mBAAwB,qBAAS,KAAT,CAAxB;AAAA;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AAEA,WAASC,OAAT,CACEC,IADF,EAE6B;AAC3B,WAAQA,IAAD,CAA4BzB,OAA5B,KAAwC0B,SAA/C;AACD;;AAED,MAAMC,eAAe,GAAG,oBACtB;AAAA,WAAO1B,QAAQ,YAAY2B,KAApB,GAA4B3B,QAA5B,GAAuC,CAACA,QAAD,CAA9C;AAAA,GADsB,EAEtB,CAACA,QAAD,CAFsB,CAAxB;AAKA,MAAM4B,aAAa,GAAG,oBAAQ,YAAM;AAClC,QAAI,CAAC7B,OAAL,EAAc;AACZ,aAAO,EAAP;AACD;;AACD,WAAOA,OAAP;AACD,GALqB,EAKnB,CAACA,OAAD,CALmB,CAAtB;AAOA,MAAM8B,eAAe,GAAG,oBAAQ,YAAM;AACpC,WAAOD,aAAa,CAACE,MAAd,CACL,UACEC,GADF,EAEEC,MAFF,EAGK;AACH,UAAI,CAACT,OAAO,CAACS,MAAD,CAAZ,EAAsB;AACpB,4CAAWD,GAAX,IAAgBC,MAAM,CAACC,EAAvB;AACD;;AACD,UAAMC,eAAe,GAAGF,MAAM,CAACjC,OAAP,CAAeoC,GAAf,CAAmB,UAACH,MAAD;AAAA,eAAYA,MAAM,CAACC,EAAnB;AAAA,OAAnB,CAAxB;AACA,0CAAWF,GAAX,sBAAmBG,eAAnB;AACD,KAVI,EAWL,EAXK,CAAP;AAaD,GAduB,EAcrB,CAACN,aAAD,CAdqB,CAAxB;AAgBA,MAAMQ,mBAAmB,GAAG,oBAC1B;AAAA,WAAMP,eAAe,CAACQ,KAAhB,CAAsB,UAACL,MAAD;AAAA,aAAYN,eAAe,CAACY,QAAhB,CAAyBN,MAAzB,CAAZ;AAAA,KAAtB,CAAN;AAAA,GAD0B,EAE1B,CAACH,eAAD,EAAkBH,eAAlB,CAF0B,CAA5B;AAKA,wBAAU,YAAM;AACdL,IAAAA,IAAI,KAAIP,SAAJ,aAAIA,SAAJ,uBAAIA,SAAS,CAAEyB,KAAX,EAAJ,CAAJ;AACD,GAFD,EAEG,CAACzB,SAAD,EAAYO,IAAZ,CAFH;AAIA,MAAMmB,YAAY,GAAG,wBACnB,UAACC,aAAD,EAAmB;AACjB,QAAIA,aAAa,KAAK,IAAtB,EAA4B;AAC1B,UAAI7C,IAAI,KAAK,QAAb,EAAuB;AACrB,YAAIY,cAAJ,EAAoB;AAClBc,UAAAA,OAAO,CAAC,KAAD,CAAP;AACD;;AACD,eAAOpB,QAAQ,CAACuC,aAAD,CAAf;AACD,OANyB,CAO1B;;;AACA,UAAMC,KAAK,GAAG,SAARA,KAAQ,GAA2B;AACvC,YAAID,aAAa,YAAYd,KAA7B,EAAoC;AAClC,cAAIc,aAAa,CAACJ,KAAd,CAAoB,UAACM,CAAD;AAAA,mBAAOjB,eAAe,CAACY,QAAhB,CAAyBK,CAAzB,CAAP;AAAA,WAApB,CAAJ,EAA6D;AAC3D,mBAAOjB,eAAe,CAACkB,MAAhB,CAAuB,UAACD,CAAD;AAAA,qBAAO,CAACF,aAAa,CAACH,QAAd,CAAuBK,CAAvB,CAAR;AAAA,aAAvB,CAAP;AACD;;AACD,iBAAOF,aAAa,CAACI,MAAd,CAAqBnB,eAArB,CAAP;AACD;;AACD,YAAIA,eAAe,CAACY,QAAhB,CAAyBG,aAAzB,CAAJ,EAA6C;AAC3C,iBAAOf,eAAe,CAACkB,MAAhB,CAAuB,UAACZ,MAAD;AAAA,mBAAYA,MAAM,KAAKS,aAAvB;AAAA,WAAvB,CAAP;AACD;;AACD,4CAAWf,eAAX,IAA4Be,aAA5B;AACD,OAXD;;AAYA,aAAOvC,QAAQ,CAACwC,KAAK,EAAN,CAAf;AACD;AACF,GAxBkB,EAyBnB,CAACxC,QAAD,EAAWN,IAAX,EAAiBY,cAAjB,EAAiCkB,eAAjC,CAzBmB,CAArB;AA4BA,MAAMoB,OAAO,GAAG,wBAAY,YAAM;AAChCxB,IAAAA,OAAO,CAAC,KAAD,CAAP;;AACA,QAAIV,aAAJ,EAAmB;AACjBA,MAAAA,aAAa;AACd;AACF,GALe,EAKb,CAACA,aAAD,CALa,CAAhB;AAOA,MAAMmC,MAAM,GAAG,wBAAY,YAAM;AAC/BzB,IAAAA,OAAO,CAAC,IAAD,CAAP;;AACA,QAAIX,YAAJ,EAAkB;AAChBA,MAAAA,YAAY;AACb;AACF,GALc,EAKZ,CAACA,YAAD,CALY,CAAf;AAOA,MAAMqC,KAAK,GAAG,oBAAQ,YAAM;AAC1B,QAAIlD,MAAJ,EAAY;AACV,aAAO;AACLmD,QAAAA,aAAa,EAAE,yBAAW,UAAX,EAAuBxC,eAAvB,CADV;AAELqC,QAAAA,OAAO,EAAPA,OAFK;AAGLC,QAAAA,MAAM,EAANA,MAHK;AAILjD,QAAAA,MAAM,EAANA,MAJK;AAKLD,QAAAA,IAAI,EAAJA,IALK;AAMLwB,QAAAA,IAAI,EAAJA,IANK;AAOLpB,QAAAA,QAAQ,EAARA;AAPK,OAAP;AASD;;AACD,WAAO;AAAEiD,MAAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBzC,eAAvB;AAAb,KAAP;AACD,GAba,EAaX,CAACX,MAAD,EAASW,eAAT,EAA0BqC,OAA1B,EAAmCC,MAAnC,EAA2ClD,IAA3C,EAAiDwB,IAAjD,EAAuDpB,QAAvD,CAbW,CAAd;AAeA,MAAMkD,iBAAiB,GAAG,wBACxB,UAACT,KAAD,EAAW;AAAA;;AACTpC,IAAAA,WAAW,CAACoC,KAAD,CAAX;;AACA,QAAIlC,cAAJ,EAAoB;AAClBc,MAAAA,OAAO,CAAC,KAAD,CAAP;AACD;;AACD,wBAAAF,OAAO,CAACgC,OAAR,sEAAiBC,KAAjB;AACD,GAPuB,EAQxB,CAAC/C,WAAD,EAAcE,cAAd,CARwB,CAA1B;AAWA,MAAM8C,yBAAyB,GAAG,wBAAY,YAAM;AAClD,QAAI1D,IAAI,KAAK,UAAb,EAAyB;AACvB,UAAI8B,eAAe,CAAC6B,MAAhB,KAA2B1B,eAAe,CAAC0B,MAA/C,EAAuD;AACrDrD,QAAAA,QAAQ,CAAC,EAAD,CAAR;AACD,OAFD,MAEO;AACLA,QAAAA,QAAQ,CAAC2B,eAAD,CAAR;AACD;AACF,KAND,MAMO;AACL3B,MAAAA,QAAQ,CAAC,EAAD,CAAR;;AACA,UAAIM,cAAJ,EAAoB;AAClBc,QAAAA,OAAO,CAAC,KAAD,CAAP;AACD;AACF;AACF,GAbiC,EAa/B,CAACpB,QAAD,EAAWN,IAAX,EAAiBY,cAAjB,EAAiCkB,eAAe,CAAC6B,MAAjD,EAAyD1B,eAAzD,CAb+B,CAAlC;AAeA,MAAM2B,kBAAkB,GAAG,wBACzB,UAACxB,MAAD,EAASgB,KAAT,EAAmB;AACjB,wBACE,yEACE,6BAAC,4BAAD;AACE,MAAA,QAAQ,EAAEhB,MAAM,CAACyB,KADnB;AAEE,MAAA,KAAK,EAAEzB,MAAM,CAAC0B,KAFhB;AAGE,MAAA,SAAS,EAAE1B,MAAM,CAAC2B,SAHpB;AAIE,MAAA,IAAI,EAAE3B,MAAM,CAAC4B;AAJf,MADF,EAOG5B,MAAM,CAACC,EAAP,KAAc,IAAd,GACCrC,IAAI,KAAK,UAAT,gBACE,6BAAC,kBAAD;AAAU,MAAA,OAAO,EAAEwC;AAAnB,OAA4CY,KAA5C,EADF,gBAGE,6BAAC,wBAAD;AACE,MAAA,OAAO,EAAEtB,eAAe,CAAC6B,MAAhB,GAAyB,CAAzB,IAA8B,CAAC7B,eAAe,CAAC,CAAD;AADzD,OAEMsB,KAFN,EAJH,GASGpD,IAAI,KAAK,UAAT,gBACF,6BAAC,kBAAD,EAAcoD,KAAd,CADE,gBAGF,6BAAC,wBAAD,EAAiBA,KAAjB,CAnBJ,CADF;AAwBD,GA1BwB,EA2BzB,CAACZ,mBAAD,EAAsBV,eAAtB,EAAuC9B,IAAvC,CA3ByB,CAA3B;AA8BA,sBACE,6BAAC,GAAD,EAASoD,KAAT,eACE,0CACG,CAACzC,aAAD,gBACC,6BAAC,wBAAD;AAAkB,IAAA,GAAG,EAAEa;AAAvB,kBACE,6BAAC,yBAAD;AACE,IAAA,GAAG,EAAEH,SADP;AAEE,IAAA,SAAS,MAFX;AAGE,IAAA,WAAW,EAAEZ;AAHf,IADF,EAMGF,UAAU,IAAIC,WAAd,iBACC,6BAAC,gBAAD;AACE,IAAA,kBAAkB,EAAE;AAAEyD,MAAAA,MAAM,EAAE;AAAV,KADtB;AAEE,IAAA,KAAK,EAAEzD;AAFT,kBAIE,0CAAMD,UAAN,CAJF,CAPJ,EAcGA,UAAU,IAAI,CAACC,WAAf,IAA8BD,UAdjC,CADD,GAiBG,IAlBN,eAmBE,6BAAC,0BAAD,eACMU,IADN;AAEE,IAAA,OAAO,EAAEC,SAFX;AAGE,IAAA,iBAAiB,EAAEqC,iBAHrB;AAIE,IAAA,QAAQ,EAAEnD,QAJZ;AAKE,IAAA,YAAY,EAAEwC,YALhB;AAME,IAAA,YAAY,EAAEgB,kBANhB;AAOE,IAAA,OAAO,EAAEzD,OAPX;AAQE,IAAA,yBAAyB,EAAEuD,yBAR7B;AASE,IAAA,IAAI,EAAE1D,IATR;AAUE,IAAA,qBAAqB,EAAEA,IAAI,KAAK,QAVlC;AAWE,IAAA,oBAAoB,EAAEc;AAXxB,KAnBF,CADF,CADF;AAqCD,CA/NM;;;AAiOPf,MAAM,CAACmE,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledSelectForm, StyledSelectInput } from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set selected items */\n  selected?: (string | number)[] | string | number;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Should the order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps & IAutocompleteProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = (): null => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  ...prop\n}) => {\n  const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(setChildNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== null) {\n        if (type === \"single\") {\n          if (forceCloseMenu) {\n            setOpen(false);\n          }\n          return onChange(selectedValue);\n        }\n        // multiple\n        const value = (): (string | number)[] => {\n          if (selectedValue instanceof Array) {\n            if (selectedValue.every((v) => selectedOptions.includes(v))) {\n              return selectedOptions.filter((v) => !selectedValue.includes(v));\n            }\n            return selectedValue.concat(selectedOptions);\n          }\n          if (selectedOptions.includes(selectedValue)) {\n            return selectedOptions.filter((option) => option !== selectedValue);\n          }\n          return [...selectedOptions, selectedValue];\n        };\n        return onChange(value());\n      }\n    },\n    [onChange, type, forceCloseMenu, selectedOptions]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChange = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        onChange([]);\n      } else {\n        onChange(allOptionValues);\n      }\n    } else {\n      onChange(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    }\n  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <Checkbox checked={isAllOptionsChecked} {...props} />\n            ) : (\n              <RadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <Checkbox {...props} />\n          ) : (\n            <RadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [isAllOptionsChecked, selectedOptions, type]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput\n              ref={handleRef}\n              autoFocus\n              placeholder={placeholder}\n            />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChange}\n          type={type}\n          preselectDefaultValue={type === \"single\"}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","prop","childNode","setChildNode","elementRef","handleRef","Tag","Menu","formRef","open","setOpen","isGroup","item","undefined","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","value","v","filter","concat","onClose","onOpen","props","menuClassName","className","handleEmptyAction","current","reset","handleDefaultOptionChange","length","handleRenderOption","image","color","textColor","name","additionalInfo","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n} from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set selected items */\n  selected?: (string | number)[] | string | number;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Should the order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps & IAutocompleteProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = (): null => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  ...prop\n}) => {\n  const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(setChildNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== null) {\n        if (type === \"single\") {\n          if (forceCloseMenu) {\n            setOpen(false);\n          }\n          return onChange(selectedValue);\n        }\n        // multiple\n        const value = (): (string | number)[] => {\n          if (selectedValue instanceof Array) {\n            if (selectedValue.every((v) => selectedOptions.includes(v))) {\n              return selectedOptions.filter((v) => !selectedValue.includes(v));\n            }\n            return selectedValue.concat(selectedOptions);\n          }\n          if (selectedOptions.includes(selectedValue)) {\n            return selectedOptions.filter((option) => option !== selectedValue);\n          }\n          return [...selectedOptions, selectedValue];\n        };\n        return onChange(value());\n      }\n    },\n    [onChange, type, forceCloseMenu, selectedOptions]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChange = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        onChange([]);\n      } else {\n        onChange(allOptionValues);\n      }\n    } else {\n      onChange(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    }\n  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox checked={isAllOptionsChecked} {...props} />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox {...props} />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [isAllOptionsChecked, selectedOptions, type]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput\n              ref={handleRef}\n              autoFocus\n              placeholder={placeholder}\n            />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChange}\n          type={type}\n          preselectDefaultValue={type === \"single\"}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}

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

@@ -3,11 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSelectInput = exports.StyledSelectForm = void 0;
+exports.StyledSelectInput = exports.StyledSelectForm = exports.StyledRadioButton = exports.StyledCheckbox = void 0;
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _Input = require("../Input/Input");
+var _Input = require("../Input");
+
+var _Checkbox = require("../Checkbox");
+
+var _RadioButton = require("../RadioButton");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -25,4 +29,16 @@ var StyledSelectForm = _styledComponents.default.form.withConfig({
 
 exports.StyledSelectForm = StyledSelectForm;
 StyledSelectForm.displayName = "StyledSelectForm";
+var StyledCheckbox = (0, _styledComponents.default)(_Checkbox.Checkbox).withConfig({
+  displayName: "Styles__StyledCheckbox",
+  componentId: "sc-gfxqpu-2"
+})(["margin-left:12px;"]);
+exports.StyledCheckbox = StyledCheckbox;
+StyledCheckbox.displayName = "StyledCheckbox";
+var StyledRadioButton = (0, _styledComponents.default)(_RadioButton.RadioButton).withConfig({
+  displayName: "Styles__StyledRadioButton",
+  componentId: "sc-gfxqpu-3"
+})(["margin-left:12px;"]);
+exports.StyledRadioButton = StyledRadioButton;
+StyledRadioButton.displayName = "StyledRadioButton";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["StyledSelectInput","Input","displayName","StyledSelectForm","styled","form"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,IAAMA,iBAAiB,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,QAAvB;;AAEPD,iBAAiB,CAACE,WAAlB,GAAgC,mBAAhC;;AAEO,IAAMC,gBAAgB,GAAGC,0BAAOC,IAAV;AAAA;AAAA;AAAA,kGAIzBL,iBAJyB,CAAtB;;;AAcPG,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["StyledSelectInput","Input","displayName","StyledSelectForm","styled","form","StyledCheckbox","Checkbox","StyledRadioButton","RadioButton"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,iBAAiB,GAAG,+BAAOC,YAAP,CAAH;AAAA;AAAA;AAAA,QAAvB;;AAEPD,iBAAiB,CAACE,WAAlB,GAAgC,mBAAhC;;AAEO,IAAMC,gBAAgB,GAAGC,0BAAOC,IAAV;AAAA;AAAA;AAAA,kGAIzBL,iBAJyB,CAAtB;;;AAcPG,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEO,IAAMI,cAAc,GAAG,+BAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,yBAApB;;AAIPD,cAAc,CAACJ,WAAf,GAA6B,gBAA7B;AAEO,IAAMM,iBAAiB,GAAG,+BAAOC,wBAAP,CAAH;AAAA;AAAA;AAAA,yBAAvB;;AAIPD,iBAAiB,CAACN,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledCheckbox = styled(Checkbox)`\n  margin-left: 12px;\n`;\n\nStyledCheckbox.displayName = \"StyledCheckbox\";\n\nexport const StyledRadioButton = styled(RadioButton)`\n  margin-left: 12px;\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}

package/dist/esm/components/Select/OptionContent/OptionContent.d.ts

@@ -4,6 +4,7 @@ interface OptionContentProps {
     color?: string;
     textColor?: string;
     name: string;
+    additionalInfo?: string;
 }
 export declare const OptionContent: FC<OptionContentProps>;
 export {};

package/dist/esm/components/Select/OptionContent/OptionContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OptionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIlC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuBhD,CAAC"}
+{"version":3,"file":"OptionContent.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQlC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2BhD,CAAC"}

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

@@ -1,11 +1,12 @@
 import React from "react";
 import { Avatar } from "../../Avatar/Avatar";
-import { StyledOptionIndicator, StyledOptionText } from "./Styles";
+import { StyledOptionIndicator, StyledOptionText, StyledAdditionalInfo } from "./Styles";
 export var OptionContent = function OptionContent(_ref) {
   var imageUrl = _ref.imageUrl,
       color = _ref.color,
       textColor = _ref.textColor,
-      name = _ref.name;
+      name = _ref.name,
+      additionalInfo = _ref.additionalInfo;
   return /*#__PURE__*/React.createElement(React.Fragment, null, imageUrl || color ? /*#__PURE__*/React.createElement(StyledOptionIndicator, {
     className: "c-option--label",
     backgroundColor: color
@@ -15,7 +16,7 @@ export var OptionContent = function OptionContent(_ref) {
   }) : null) : null, /*#__PURE__*/React.createElement(StyledOptionText, {
     className: "c-option--text",
     textColor: textColor
-  }, name));
+  }, name), additionalInfo ? /*#__PURE__*/React.createElement(StyledAdditionalInfo, null, additionalInfo) : null);
 };
 OptionContent.displayName = "OptionContent";
 //# sourceMappingURL=OptionContent.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["React","Avatar","StyledOptionIndicator","StyledOptionText","OptionContent","imageUrl","color","textColor","name","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SAASC,qBAAT,EAAgCC,gBAAhC,QAAwD,UAAxD;AASA,OAAO,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAK/C;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADJC,IACI,QADJA,IACI;AACJ,sBACE,0CACGH,QAAQ,IAAIC,KAAZ,gBACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,CADF;AAiBD,CAvBM;AAyBPJ,aAAa,CAACK,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport { StyledOptionIndicator, StyledOptionText } from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: string;\n  color?: string;\n  textColor?: string;\n  name: string;\n}\n\nexport const OptionContent: FC<OptionContentProps> = ({\n  imageUrl,\n  color,\n  textColor,\n  name,\n}) => {\n  return (\n    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\n          ) : null}\n        </StyledOptionIndicator>\n      ) : null}\n      <StyledOptionText className=\"c-option--text\" textColor={textColor}>\n        {name}\n      </StyledOptionText>\n    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/OptionContent.tsx"],"names":["React","Avatar","StyledOptionIndicator","StyledOptionText","StyledAdditionalInfo","OptionContent","imageUrl","color","textColor","name","additionalInfo","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,MAAT,QAAuB,qBAAvB;AACA,SACEC,qBADF,EAEEC,gBAFF,EAGEC,oBAHF,QAIO,UAJP;AAcA,OAAO,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAM/C;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,KAII,QAJJA,KAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJC,cACI,QADJA,cACI;AACJ,sBACE,0CACGJ,QAAQ,IAAIC,KAAZ,gBACC,oBAAC,qBAAD;AACE,IAAA,SAAS,EAAC,iBADZ;AAEE,IAAA,eAAe,EAAEA;AAFnB,KAIGD,QAAQ,gBACP,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC,kBAAlB;AAAqC,IAAA,GAAG,EAAEA;AAA1C,IADO,GAEL,IANN,CADD,GASG,IAVN,eAWE,oBAAC,gBAAD;AAAkB,IAAA,SAAS,EAAC,gBAA5B;AAA6C,IAAA,SAAS,EAAEE;AAAxD,KACGC,IADH,CAXF,EAcGC,cAAc,gBACb,oBAAC,oBAAD,QAAuBA,cAAvB,CADa,GAEX,IAhBN,CADF;AAoBD,CA3BM;AA6BPL,aAAa,CAACM,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { FC } from \"react\";\nimport { Avatar } from \"../../Avatar/Avatar\";\nimport {\n  StyledOptionIndicator,\n  StyledOptionText,\n  StyledAdditionalInfo,\n} from \"./Styles\";\n\ninterface OptionContentProps {\n  imageUrl?: 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    <>\n      {imageUrl || color ? (\n        <StyledOptionIndicator\n          className=\"c-option--label\"\n          backgroundColor={color}\n        >\n          {imageUrl ? (\n            <Avatar className=\"c-option--avatar\" url={imageUrl} />\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    </>\n  );\n};\n\nOptionContent.displayName = \"OptionContent\";\n"],"file":"OptionContent.js"}

package/dist/esm/components/Select/OptionContent/Styles.d.ts

@@ -4,4 +4,5 @@ export declare const StyledOptionIndicator: import("styled-components").StyledCo
 export declare const StyledOptionText: import("styled-components").StyledComponent<"span", any, {
     textColor?: string | undefined;
 }, never>;
+export declare const StyledAdditionalInfo: import("styled-components").StyledComponent<"span", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/OptionContent/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;SAWjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAS5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,qBAAqB;;SAYjC,CAAC;AAIF,eAAO,MAAM,gBAAgB;;SAS5B,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC"}

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

@@ -2,14 +2,14 @@ import styled, { css } from "styled-components";
 export var StyledOptionIndicator = styled.div.withConfig({
   displayName: "Styles__StyledOptionIndicator",
   componentId: "sc-6fiqyy-0"
-})(["height:24px;width:24px;border-radius:100%;margin-right:8px;", ""], function (props) {
+})(["height:24px;width:24px;border-radius:100%;margin-right:8px;flex-shrink:0;", ""], function (props) {
   return props.backgroundColor && !props.children && css(["background-color:", ";"], props.backgroundColor);
 });
 StyledOptionIndicator.displayName = "StyledOptionIndicator";
 export var StyledOptionText = styled.span.withConfig({
   displayName: "Styles__StyledOptionText",
   componentId: "sc-6fiqyy-1"
-})(["", " width:calc(100% - 50px);line-height:18px;", ""], {
+})(["", " flex-grow:1;line-height:18px;", ""], {
   "overflow": "hidden",
   "textOverflow": "ellipsis",
   "whiteSpace": "nowrap"
@@ -17,4 +17,9 @@ export var StyledOptionText = styled.span.withConfig({
   return props.textColor && css(["color:", ";"], props.textColor);
 });
 StyledOptionText.displayName = "StyledOptionText";
+export var StyledAdditionalInfo = styled.span.withConfig({
+  displayName: "Styles__StyledAdditionalInfo",
+  componentId: "sc-6fiqyy-2"
+})(["margin:0 0 0 5px;line-height:18px;"]);
+StyledAdditionalInfo.displayName = "StyledAdditionalInfo";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionIndicator","div","props","backgroundColor","children","displayName","StyledOptionText","span","textColor"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,qBAAqB,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,wEAK9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAL,GAFA,6BAGsBG,KAAK,CAACC,eAH5B,CADA;AAAA,CAL8B,CAA3B;AAaPH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,IAAV;AAAA;AAAA;AAAA,2DACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,IACAT,GADA,kBAEWG,KAAK,CAACM,SAFjB,CADA;AAAA,CAJyB,CAAtB;AAWPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\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.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  width: calc(100% - 50px);\n  line-height: 18px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["styled","css","StyledOptionIndicator","div","props","backgroundColor","children","displayName","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,qBAAqB,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,IAEAL,GAFA,6BAGsBG,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;AAcPH,qBAAqB,CAACK,WAAtB,GAAoC,uBAApC;AAEA,OAAO,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,IAAV;AAAA;AAAA;AAAA,+CACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAIzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,IACAT,GADA,kBAEWG,KAAK,CAACM,SAFjB,CADA;AAAA,CAJyB,CAAtB;AAWPF,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMI,oBAAoB,GAAGX,MAAM,CAACS,IAAV;AAAA;AAAA;AAAA,0CAA1B;AAKPE,oBAAoB,CAACJ,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\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.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 18px;\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`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}

package/dist/esm/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACJ,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlE,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,UAAU,YAAY;IAEpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAEnC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE9D,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,GAAG,kBAAkB,CA+NxD,CAAC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,EAAE,EAGF,YAAY,EAIZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAOf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAUlE,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,UAAU,YAAY;IAEpB,IAAI,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAE7B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAEnC,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAEjC,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,CAAC;IAEjD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAE9D,UAAU,CAAC,EAAE,YAAY,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9C,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,GAAG,kBAAkB,CAgOxD,CAAC"}

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

@@ -2,14 +2,12 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["type", "mode", "target", "options", "selected", "position", "onChange", "actionIcon", "actionLabel", "placeholder", "emptyAction", "disableSearch", "forceCloseMenu", "selectClassName", "keepSameOptionsOrder", "onSelectOpen", "onSelectClose"];
 import React, { useCallback, useState, useMemo, useEffect, useRef } from "react";
-import { Checkbox } from "../Checkbox";
-import { RadioButton } from "../RadioButton";
 import { Autocomplete } from "../Autocomplete";
 import { Tooltip } from "../Tooltip";
 import { Menu } from "../Menu/Menu";
 import classNames from "classnames";
 import useForkRef from "../../utils/useForkRef";
-import { StyledSelectForm, StyledSelectInput } from "./Styles";
+import { StyledSelectForm, StyledSelectInput, StyledCheckbox, StyledRadioButton } from "./Styles";
 import { OptionContent } from "./OptionContent/OptionContent";
 export var Select = function Select(_ref) {
   var _ref$type = _ref.type,
@@ -187,12 +185,13 @@ export var Select = function Select(_ref) {
       imageUrl: option.image,
       color: option.color,
       textColor: option.textColor,
-      name: option.name
-    }), option.id === null ? type === "multiple" ? /*#__PURE__*/React.createElement(Checkbox, _extends({
+      name: option.name,
+      additionalInfo: option.additionalInfo
+    }), option.id === null ? type === "multiple" ? /*#__PURE__*/React.createElement(StyledCheckbox, _extends({
       checked: isAllOptionsChecked
-    }, props)) : /*#__PURE__*/React.createElement(RadioButton, _extends({
+    }, props)) : /*#__PURE__*/React.createElement(StyledRadioButton, _extends({
       checked: selectedOptions.length < 1 || !selectedOptions[0]
-    }, props)) : type === "multiple" ? /*#__PURE__*/React.createElement(Checkbox, props) : /*#__PURE__*/React.createElement(RadioButton, props));
+    }, props)) : type === "multiple" ? /*#__PURE__*/React.createElement(StyledCheckbox, props) : /*#__PURE__*/React.createElement(StyledRadioButton, props));
   }, [isAllOptionsChecked, selectedOptions, type]);
   return /*#__PURE__*/React.createElement(Tag, props, /*#__PURE__*/React.createElement("div", null, !disableSearch ? /*#__PURE__*/React.createElement(StyledSelectForm, {
     ref: formRef

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["React","useCallback","useState","useMemo","useEffect","useRef","Checkbox","RadioButton","Autocomplete","Tooltip","Menu","classNames","useForkRef","StyledSelectForm","StyledSelectInput","OptionContent","Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","prop","childNode","setChildNode","elementRef","handleRef","Tag","formRef","open","setOpen","isGroup","item","undefined","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","value","v","filter","concat","onClose","onOpen","props","menuClassName","className","handleEmptyAction","current","reset","handleDefaultOptionChange","length","handleRenderOption","image","color","textColor","name","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { StyledSelectForm, StyledSelectInput } from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set selected items */\n  selected?: (string | number)[] | string | number;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Should the order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps & IAutocompleteProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = (): null => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  ...prop\n}) => {\n  const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(setChildNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== null) {\n        if (type === \"single\") {\n          if (forceCloseMenu) {\n            setOpen(false);\n          }\n          return onChange(selectedValue);\n        }\n        // multiple\n        const value = (): (string | number)[] => {\n          if (selectedValue instanceof Array) {\n            if (selectedValue.every((v) => selectedOptions.includes(v))) {\n              return selectedOptions.filter((v) => !selectedValue.includes(v));\n            }\n            return selectedValue.concat(selectedOptions);\n          }\n          if (selectedOptions.includes(selectedValue)) {\n            return selectedOptions.filter((option) => option !== selectedValue);\n          }\n          return [...selectedOptions, selectedValue];\n        };\n        return onChange(value());\n      }\n    },\n    [onChange, type, forceCloseMenu, selectedOptions]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChange = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        onChange([]);\n      } else {\n        onChange(allOptionValues);\n      }\n    } else {\n      onChange(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    }\n  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <Checkbox checked={isAllOptionsChecked} {...props} />\n            ) : (\n              <RadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <Checkbox {...props} />\n          ) : (\n            <RadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [isAllOptionsChecked, selectedOptions, type]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput\n              ref={handleRef}\n              autoFocus\n              placeholder={placeholder}\n            />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChange}\n          type={type}\n          preselectDefaultValue={type === \"single\"}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}
+{"version":3,"sources":["../../../../src/components/Select/Select.tsx"],"names":["React","useCallback","useState","useMemo","useEffect","useRef","Autocomplete","Tooltip","Menu","classNames","useForkRef","StyledSelectForm","StyledSelectInput","StyledCheckbox","StyledRadioButton","OptionContent","Select","type","mode","target","options","selected","position","onChange","actionIcon","actionLabel","placeholder","emptyAction","disableSearch","forceCloseMenu","selectClassName","keepSameOptionsOrder","onSelectOpen","onSelectClose","prop","childNode","setChildNode","elementRef","handleRef","Tag","formRef","open","setOpen","isGroup","item","undefined","selectedOptions","Array","selectOptions","allOptionValues","reduce","acc","option","id","allGroupOptions","map","isAllOptionsChecked","every","includes","focus","handleChange","selectedValue","value","v","filter","concat","onClose","onOpen","props","menuClassName","className","handleEmptyAction","current","reset","handleDefaultOptionChange","length","handleRenderOption","image","color","textColor","name","additionalInfo","zIndex","displayName"],"mappings":"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","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  ReactElement,\n  useMemo,\n  useEffect,\n  useRef,\n  Ref,\n} from \"react\";\nimport { Autocomplete } from \"../Autocomplete\";\nimport { Tooltip } from \"../Tooltip\";\nimport { Menu } from \"../Menu/Menu\";\nimport { IOptionItemProps } from \"../Select/Option\";\nimport { IOptionGroupProps } from \"../Select/OptionGroup\";\nimport classNames from \"classnames\";\nimport { Placement } from \"@popperjs/core\";\nimport { IAutocompleteProps } from \"../Autocomplete/Autocomplete\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport {\n  StyledSelectForm,\n  StyledSelectInput,\n  StyledCheckbox,\n  StyledRadioButton,\n} from \"./Styles\";\nimport { OptionContent } from \"./OptionContent/OptionContent\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\ninterface ISelectProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** Menu width mode */\n  mode?: \"normal\" | \"wider\" | \"tiny\";\n  /** Set select target element */\n  target?: ElementWithRef<Element>;\n  /** Set selected items */\n  selected?: (string | number)[] | string | number;\n  /** Set Select position */\n  position?: Placement;\n  /** onChange callback */\n  onChange?: (e: (string | number)[] | string | number) => void;\n  /** Set action icon in select */\n  actionIcon?: ReactElement;\n  /** Set label for action icon */\n  actionLabel?: string;\n  /** Placeholder for Select input */\n  placeholder?: string;\n  /** Function that triggers when empty is clicked */\n  emptyAction?: (e: string | undefined) => void;\n  /** Removes input from Select */\n  disableSearch?: boolean;\n  /** Close menu on select */\n  forceCloseMenu?: boolean;\n  /** Set select classNames */\n  selectClassName?: string;\n  /** Should the order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Callback called when the Select menu is opened */\n  onSelectOpen?: () => void;\n  /** Callback called when the Select menu is closed */\n  onSelectClose?: () => void;\n}\n\nexport const Select: FC<ISelectProps & IAutocompleteProps> = ({\n  type = \"single\",\n  mode,\n  target,\n  options,\n  selected = [],\n  position = \"bottom-start\",\n  onChange = (): null => null,\n  actionIcon,\n  actionLabel,\n  placeholder,\n  emptyAction = (): null => null,\n  disableSearch = false,\n  forceCloseMenu,\n  selectClassName,\n  keepSameOptionsOrder = false,\n  onSelectOpen,\n  onSelectClose,\n  ...prop\n}) => {\n  const [childNode, setChildNode] = useState<HTMLInputElement | null>();\n  const elementRef = useRef<HTMLInputElement | null>(null);\n\n  const handleRef = useForkRef(setChildNode, elementRef);\n\n  const Tag = !target ? \"div\" : Menu;\n  const formRef = useRef<HTMLFormElement | null>(null);\n\n  const [open, setOpen] = useState(false);\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const selectOptions = useMemo(() => {\n    if (!options) {\n      return [];\n    }\n    return options;\n  }, [options]);\n\n  const allOptionValues = useMemo(() => {\n    return selectOptions.reduce(\n      (\n        acc: (string | number)[],\n        option: IOptionGroupProps | IOptionItemProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option.id];\n        }\n        const allGroupOptions = option.options.map((option) => option.id);\n        return [...acc, ...allGroupOptions];\n      },\n      []\n    );\n  }, [selectOptions]);\n\n  const isAllOptionsChecked = useMemo(\n    () => allOptionValues.every((option) => selectedOptions.includes(option)),\n    [allOptionValues, selectedOptions]\n  );\n\n  useEffect(() => {\n    open && childNode?.focus();\n  }, [childNode, open]);\n\n  const handleChange = useCallback(\n    (selectedValue) => {\n      if (selectedValue !== null) {\n        if (type === \"single\") {\n          if (forceCloseMenu) {\n            setOpen(false);\n          }\n          return onChange(selectedValue);\n        }\n        // multiple\n        const value = (): (string | number)[] => {\n          if (selectedValue instanceof Array) {\n            if (selectedValue.every((v) => selectedOptions.includes(v))) {\n              return selectedOptions.filter((v) => !selectedValue.includes(v));\n            }\n            return selectedValue.concat(selectedOptions);\n          }\n          if (selectedOptions.includes(selectedValue)) {\n            return selectedOptions.filter((option) => option !== selectedValue);\n          }\n          return [...selectedOptions, selectedValue];\n        };\n        return onChange(value());\n      }\n    },\n    [onChange, type, forceCloseMenu, selectedOptions]\n  );\n\n  const onClose = useCallback(() => {\n    setOpen(false);\n    if (onSelectClose) {\n      onSelectClose();\n    }\n  }, [onSelectClose]);\n\n  const onOpen = useCallback(() => {\n    setOpen(true);\n    if (onSelectOpen) {\n      onSelectOpen();\n    }\n  }, [onSelectOpen]);\n\n  const props = useMemo(() => {\n    if (target) {\n      return {\n        menuClassName: classNames(\"c-select\", selectClassName),\n        onClose,\n        onOpen,\n        target,\n        mode,\n        open,\n        position,\n      };\n    }\n    return { className: classNames(\"c-select\", selectClassName) };\n  }, [target, selectClassName, onClose, onOpen, mode, open, position]);\n\n  const handleEmptyAction = useCallback(\n    (value) => {\n      emptyAction(value);\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n      formRef.current?.reset();\n    },\n    [emptyAction, forceCloseMenu]\n  );\n\n  const handleDefaultOptionChange = useCallback(() => {\n    if (type === \"multiple\") {\n      if (selectedOptions.length === allOptionValues.length) {\n        onChange([]);\n      } else {\n        onChange(allOptionValues);\n      }\n    } else {\n      onChange(\"\");\n      if (forceCloseMenu) {\n        setOpen(false);\n      }\n    }\n  }, [onChange, type, forceCloseMenu, selectedOptions.length, allOptionValues]);\n\n  const handleRenderOption = useCallback(\n    (option, props) => {\n      return (\n        <>\n          <OptionContent\n            imageUrl={option.image}\n            color={option.color}\n            textColor={option.textColor}\n            name={option.name}\n            additionalInfo={option.additionalInfo}\n          />\n          {option.id === null ? (\n            type === \"multiple\" ? (\n              <StyledCheckbox checked={isAllOptionsChecked} {...props} />\n            ) : (\n              <StyledRadioButton\n                checked={selectedOptions.length < 1 || !selectedOptions[0]}\n                {...props}\n              />\n            )\n          ) : type === \"multiple\" ? (\n            <StyledCheckbox {...props} />\n          ) : (\n            <StyledRadioButton {...props} />\n          )}\n        </>\n      );\n    },\n    [isAllOptionsChecked, selectedOptions, type]\n  );\n\n  return (\n    <Tag {...props}>\n      <div>\n        {!disableSearch ? (\n          <StyledSelectForm ref={formRef}>\n            <StyledSelectInput\n              ref={handleRef}\n              autoFocus\n              placeholder={placeholder}\n            />\n            {actionIcon && actionLabel && (\n              <Tooltip\n                popperTooltipStyle={{ zIndex: 1301 }}\n                title={actionLabel}\n              >\n                <div>{actionIcon}</div>\n              </Tooltip>\n            )}\n            {actionIcon && !actionLabel && actionIcon}\n          </StyledSelectForm>\n        ) : null}\n        <Autocomplete\n          {...prop}\n          inputEl={childNode}\n          handleEmptyAction={handleEmptyAction}\n          selected={selected}\n          handleChange={handleChange}\n          renderOption={handleRenderOption}\n          options={options}\n          handleDefaultOptionChange={handleDefaultOptionChange}\n          type={type}\n          preselectDefaultValue={type === \"single\"}\n          keepSameOptionsOrder={keepSameOptionsOrder}\n        />\n      </div>\n    </Tag>\n  );\n};\n\nSelect.displayName = \"Select\";\n"],"file":"Select.js"}

package/dist/esm/components/Select/Styles.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
-export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, keyof import("../Input/Input").InputProps> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledSelectInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input").InputProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import("react").InputHTMLAttributes<HTMLInputElement>>, keyof import("../Input").InputProps> & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 export declare const StyledSelectForm: import("styled-components").StyledComponent<"form", any, {}, never>;
+export declare const StyledCheckbox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("../Checkbox").ICheckboxProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
+export declare const StyledRadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("../RadioButton").IRadioButtonProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Select/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,iBAAiB,waAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,iBAAiB,4ZAAkB,CAAC;AAIjD,eAAO,MAAM,gBAAgB,qEAY5B,CAAC;AAIF,eAAO,MAAM,cAAc,wPAE1B,CAAC;AAIF,eAAO,MAAM,iBAAiB,8PAE7B,CAAC"}

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

@@ -1,5 +1,7 @@
 import styled from "styled-components";
-import { Input } from "../Input/Input";
+import { Input } from "../Input";
+import { Checkbox } from "../Checkbox";
+import { RadioButton } from "../RadioButton";
 export var StyledSelectInput = styled(Input).withConfig({
   displayName: "Styles__StyledSelectInput",
   componentId: "sc-gfxqpu-0"
@@ -10,4 +12,14 @@ export var StyledSelectForm = styled.form.withConfig({
   componentId: "sc-gfxqpu-1"
 })(["margin:12px 12px 0 12px;display:flex;", "{width:100%;border-radius:4px;}*{margin:auto 0;}"], StyledSelectInput);
 StyledSelectForm.displayName = "StyledSelectForm";
+export var StyledCheckbox = styled(Checkbox).withConfig({
+  displayName: "Styles__StyledCheckbox",
+  componentId: "sc-gfxqpu-2"
+})(["margin-left:12px;"]);
+StyledCheckbox.displayName = "StyledCheckbox";
+export var StyledRadioButton = styled(RadioButton).withConfig({
+  displayName: "Styles__StyledRadioButton",
+  componentId: "sc-gfxqpu-3"
+})(["margin-left:12px;"]);
+StyledRadioButton.displayName = "StyledRadioButton";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","StyledSelectInput","displayName","StyledSelectForm","form"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,gBAAtB;AAEA,OAAO,IAAMC,iBAAiB,GAAGF,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,QAAvB;AAEPC,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACK,IAAV;AAAA;AAAA;AAAA,kGAIzBH,iBAJyB,CAAtB;AAcPE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input/Input\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Select/Styles.ts"],"names":["styled","Input","Checkbox","RadioButton","StyledSelectInput","displayName","StyledSelectForm","form","StyledCheckbox","StyledRadioButton"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,QAAT,QAAyB,aAAzB;AACA,SAASC,WAAT,QAA4B,gBAA5B;AAEA,OAAO,IAAMC,iBAAiB,GAAGJ,MAAM,CAACC,KAAD,CAAT;AAAA;AAAA;AAAA,QAAvB;AAEPG,iBAAiB,CAACC,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,IAAV;AAAA;AAAA;AAAA,kGAIzBH,iBAJyB,CAAtB;AAcPE,gBAAgB,CAACD,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMG,cAAc,GAAGR,MAAM,CAACE,QAAD,CAAT;AAAA;AAAA;AAAA,yBAApB;AAIPM,cAAc,CAACH,WAAf,GAA6B,gBAA7B;AAEA,OAAO,IAAMI,iBAAiB,GAAGT,MAAM,CAACG,WAAD,CAAT;AAAA;AAAA;AAAA,yBAAvB;AAIPM,iBAAiB,CAACJ,WAAlB,GAAgC,mBAAhC","sourcesContent":["import styled from \"styled-components\";\nimport { Input } from \"../Input\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport const StyledSelectInput = styled(Input)``;\n\nStyledSelectInput.displayName = \"StyledSelectInput\";\n\nexport const StyledSelectForm = styled.form`\n  margin: 12px 12px 0 12px;\n  display: flex;\n\n  ${StyledSelectInput} {\n    width: 100%;\n    border-radius: 4px;\n  }\n\n  * {\n    margin: auto 0;\n  }\n`;\n\nStyledSelectForm.displayName = \"StyledSelectForm\";\n\nexport const StyledCheckbox = styled(Checkbox)`\n  margin-left: 12px;\n`;\n\nStyledCheckbox.displayName = \"StyledCheckbox\";\n\nexport const StyledRadioButton = styled(RadioButton)`\n  margin-left: 12px;\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"file":"Styles.js"}