@activecollab/components 1.0.206 → 1.0.208

package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js

@@ -4,27 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompleteCheckbox = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Styles = require("./Styles");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 var CompleteCheckbox = function CompleteCheckbox(_ref) {
   var _ref$completed = _ref.completed,
-      completed = _ref$completed === void 0 ? false : _ref$completed,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? false : _ref$animate,
-      onClick = _ref.onClick,
-      className = _ref.className,
-      _ref$primary = _ref.primary,
-      primary = _ref$primary === void 0 ? false : _ref$primary,
-      checkMarkClassName = _ref.checkMarkClassName;
+    completed = _ref$completed === void 0 ? false : _ref$completed,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$animate = _ref.animate,
+    animate = _ref$animate === void 0 ? false : _ref$animate,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    _ref$primary = _ref.primary,
+    primary = _ref$primary === void 0 ? false : _ref$primary,
+    checkMarkClassName = _ref.checkMarkClassName;
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledCompleteCheckbox, {
     onClick: onClick,
     className: (0, _classnames.default)("c-complete-checkbox", className),
@@ -42,7 +37,6 @@ var CompleteCheckbox = function CompleteCheckbox(_ref) {
     points: "19.5,24 22.5,27 28.5,21"
   })));
 };
-
 exports.CompleteCheckbox = CompleteCheckbox;
 CompleteCheckbox.displayName = "CompleteCheckbox";
 //# sourceMappingURL=CompleteCheckbox.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAmBO,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA+C,OAQtD;AAAA,4BAPJC,SAOI;AAAA,MAPJA,SAOI,+BAPQ,KAOR;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,KAMP;AAAA,0BALJC,OAKI;AAAA,MALJA,OAKI,6BALM,KAKN;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,KAEN;AAAA,MADJC,kBACI,QADJA,kBACI;AACJ,sBACE,6BAAC,8BAAD;AACE,IAAA,OAAO,EAAEH,OADX;AAEE,IAAA,SAAS,EAAE,yBAAW,qBAAX,EAAkCC,SAAlC,CAFb;AAGE,IAAA,QAAQ,EAAEC,OAHZ;AAIE,IAAA,UAAU,EAAEL,SAJd;AAKE,IAAA,SAAS,EAAEC,QALb;AAME,IAAA,UAAU,EAAE,CAACA,QAAD,IAAaD,SAAb,IAA0BE,OANxC;AAOE,IAAA,mBAAmB,EAAE,CAAC,CAACI;AAPzB,kBASE;AAAK,IAAA,OAAO,EAAC,WAAb;AAAyB,IAAA,SAAS,EAAEA;AAApC,kBACE;AAAM,IAAA,CAAC,EAAC;AAAR,IADF,eAEE;AAAU,IAAA,MAAM,EAAC;AAAjB,IAFF,CATF,CADF;AAgBD,CAzBM;;;AA2BPP,gBAAgB,CAACQ,WAAjB,GAA+B,kBAA/B","sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"file":"CompleteCheckbox.js"}
+{"version":3,"file":"CompleteCheckbox.js","names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","classnames","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps {\n  /** Change completed state of checkbox */\n  completed?: boolean;\n  /** Callback */\n  onClick?: (event: MouseEvent) => void;\n  /** Make component disabled for interaction */\n  disabled?: boolean;\n  /** Animation (works only when is completed and not disabled) */\n  animate?: boolean;\n  /** Class names */\n  className?: string | undefined;\n  /** Set green color for checkbox */\n  primary?: boolean;\n  /** Set checkmark height and width */\n  checkMarkClassName?: string;\n}\n\nexport const CompleteCheckbox: FC<ICompleteCheckboxProps> = ({\n  completed = false,\n  disabled = false,\n  animate = false,\n  onClick,\n  className,\n  primary = false,\n  checkMarkClassName,\n}) => {\n  return (\n    <StyledCompleteCheckbox\n      onClick={onClick}\n      className={classnames(\"c-complete-checkbox\", className)}\n      $primary={primary}\n      $completed={completed}\n      $disabled={disabled}\n      $animation={!disabled && completed && animate}\n      $checkMarkClassName={!!checkMarkClassName}\n    >\n      <svg viewBox=\"0 0 48 48\" className={checkMarkClassName}>\n        <path d=\"M7,7l5.7,5.7 M0,24h8 M7,41l5.7-5.7 M24,48v-8 M41,41l-5.7-5.7 M48,24h-8 M41,7l-5.7,5.7 M24,0v8\" />\n        <polyline points=\"19.5,24 22.5,27 28.5,21\" />\n      </svg>\n    </StyledCompleteCheckbox>\n  );\n};\n\nCompleteCheckbox.displayName = \"CompleteCheckbox\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAkD;AAmB3C,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA4C,OAQnD;EAAA,0BAPJC,SAAS;IAATA,SAAS,+BAAG,KAAK;IAAA,qBACjBC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,oBAChBC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,OAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IAAA,oBACTC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IACfC,kBAAkB,QAAlBA,kBAAkB;EAElB,oBACE,6BAAC,8BAAsB;IACrB,OAAO,EAAEH,OAAQ;IACjB,SAAS,EAAE,IAAAI,mBAAU,EAAC,qBAAqB,EAAEH,SAAS,CAAE;IACxD,QAAQ,EAAEC,OAAQ;IAClB,UAAU,EAAEL,SAAU;IACtB,SAAS,EAAEC,QAAS;IACpB,UAAU,EAAE,CAACA,QAAQ,IAAID,SAAS,IAAIE,OAAQ;IAC9C,mBAAmB,EAAE,CAAC,CAACI;EAAmB,gBAE1C;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAEA;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAAC;AAEFP,gBAAgB,CAACS,WAAW,GAAG,kBAAkB"}

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

@@ -1,21 +1,15 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCompleteCheckbox = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var burstScale = (0, _styledComponents.keyframes)(["from{transform:scale(0);}to{transform:scale(1);}"]);
 var burstAnimation = (0, _styledComponents.keyframes)(["from{stroke-dashoffset:0;}to{stroke-dashoffset:8;}"]);
-
 var StyledCompleteCheckbox = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCompleteCheckbox",
   componentId: "sc-1801dzg-0"
@@ -53,7 +47,6 @@ var StyledCompleteCheckbox = _styledComponents.default.div.withConfig({
     "height": "3rem"
   });
 });
-
 exports.StyledCompleteCheckbox = StyledCompleteCheckbox;
 StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","div","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName","displayName"],"mappings":";;;;;;;;;AAAA;;;;;;AAWA,IAAMA,UAAU,OAAGC,2BAAH,uDAAhB;AASA,IAAMC,cAAc,OAAGD,2BAAH,yDAApB;;AASO,IAAME,sBAAsB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,qYAC7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAD6B,EAM3B;AAAA;AAAA;AAAA,CAN2B,EAmB/B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,6CADA;AAAA,CAnB+B,EAoC7B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,QAAN,QACAC,qBADA,qCADA;AAAA,CApC6B,EA2C/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,UAAN,QACAD,qBADA,gSAMI,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,sEAEI;AAAA;AAAA;AAAA,GAFJ,CANJ,EAeMF,KAAK,CAACC,QAAN,QACFC,qBADE,wDAfN,EAwBMF,KAAK,CAACC,QAAN,QACFC,qBADE,qCAxBN,CADA;AAAA,CA3C+B,EAiF/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACG,UAAP,IACA,CAACH,KAAK,CAACI,SADP,QAEAF,qBAFA,+JAOM,CAACF,KAAK,CAACC,QAAP,QACFC,qBADE,mEAPN,CADA;AAAA,CAjF+B,EAoG/B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACK,UAAN,QACAH,qBADA,oFAIiBR,UAJjB,EAKQE,cALR,CADA;AAAA,CApG+B,EA8G/B,UAACI,KAAD;AAAA,SACAA,KAAK,CAACI,SAAN,QACAF,qBADA,yBAEM;AAAA;AAAA,GAFN,CADA;AAAA,CA9G+B,EAqH/B,UAACF,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,mBAAP,QACAJ,qBADA,iBAGQ;AAAA;AAAA;AAAA,GAHR,CADA;AAAA,CArH+B,CAA5B;;;AA8HPL,sBAAsB,CAACU,WAAvB,GAAqC,wBAArC","sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","div","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName","displayName"],"sources":["../../../../src/components/CompleteCheckbox/Styles.ts"],"sourcesContent":["import styled, { css, keyframes } from \"styled-components\";\nimport tw from \"twin.macro\";\n\ninterface StyledCompleteCheckboxProps {\n  $primary?: boolean;\n  $completed?: boolean;\n  $disabled?: boolean;\n  $animation?: boolean;\n  $checkMarkClassName?: boolean;\n}\n\nconst burstScale = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`;\n\nconst burstAnimation = keyframes`\n  from {\n    stroke-dashoffset: 0;\n  }\n  to {\n    stroke-dashoffset: 8;\n  }\n`;\n\nexport const StyledCompleteCheckbox = styled.div<StyledCompleteCheckboxProps>`\n  ${tw`tw-w-6 tw-h-6 tw-rounded-full tw-border tw-border-solid tw-relative tw-cursor-pointer`}\n  border-color: var(--color-theme-600);\n  transition: ease 0.3s all;\n\n  svg {\n    ${tw`tw-absolute tw-pointer-events-none`}\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  svg path {\n    fill: none;\n    stroke: #32b370;\n    stroke-width: 3;\n    transform: scale(0);\n  }\n\n  ${(props) =>\n    props.$primary &&\n    css`\n      svg path {\n        stroke: var(--color-primary);\n      }\n    `}\n\n  svg polyline {\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    transition: 0.3s;\n    stroke-dasharray: 13;\n    stroke-dashoffset: 13;\n    stroke: #d2d2d2;\n    ${(props) =>\n      props.$primary &&\n      css`\n        stroke: var(--color-theme-500);\n      `}\n  }\n\n  ${(props) =>\n    props.$completed &&\n    css`\n      box-shadow: inset 0 0 0 12px var(--color-primary);\n      border-color: var(--color-primary);\n      border-width: 0px;\n\n      ${!props.$primary &&\n      css`\n        ${tw`tw-border tw-border-solid`}\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        border-color: #84cc7c;\n      `}\n\n      &:hover {\n        box-shadow: inset 0 0 0 12px #84cc7c;\n        ${props.$primary &&\n        css`\n          box-shadow: inset 0 0 0 12px var(--color-primary);\n        `}\n      }\n\n      svg polyline {\n        stroke-dashoffset: 0;\n        stroke: #fff;\n        ${props.$primary &&\n        css`\n          stroke: var(--color-theme-100);\n        `}\n      }\n\n      svg path {\n        stroke-dasharray: 8;\n        stroke-dashoffset: 0;\n        transform-origin: 24px 24px;\n      }\n    `}\n\n  ${(props) =>\n    !props.$completed &&\n    !props.$disabled &&\n    css`\n      &:hover {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        ${!props.$primary &&\n        css`\n          border: 1px solid #84cc7c;\n          box-shadow: inset 0 0 0 2px #84cc7c;\n        `}\n        svg polyline {\n          stroke-dashoffset: 0;\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$animation &&\n    css`\n      /* Delay of 0.01s is for safari transform bug. */\n      svg path {\n        animation: ${burstScale} 0.6s ease 0s 1 normal,\n          ${burstAnimation} 0.4s ease 0.2s 1 normal;\n      }\n    `}\n\n  ${(props) =>\n    props.$disabled &&\n    css`\n      ${tw`tw-cursor-default`}\n      opacity: 0.5;\n    `}\n\n  ${(props) =>\n    !props.$checkMarkClassName &&\n    css`\n      svg {\n        ${tw`tw-w-12 tw-h-12`}\n      }\n    `}\n`;\n\nStyledCompleteCheckbox.displayName = \"StyledCompleteCheckbox\";\n"],"mappings":";;;;;;;AAAA;AAA2D;AAAA;AAW3D,IAAMA,UAAU,OAAGC,2BAAS,uDAO3B;AAED,IAAMC,cAAc,OAAGD,2BAAS,yDAO/B;AAEM,IAAME,sBAAsB,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,qYAC1C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAKrF;EAAA;EAAA;AAAmC,CAAC,EAaxC,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,6CAIF;AAAA,GAWC,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,QAAQ,QACdC,qBAAG,qCAEF;AAAA,GAGH,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,gSAKC,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,sEACG;IAAA;IAAA;EAA0B,CAAC,CAGhC,EAIGF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,wDAEF,EAMCF,KAAK,CAACC,QAAQ,QAChBC,qBAAG,qCAEF,CAQJ;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACG,UAAU,IACjB,CAACH,KAAK,CAACI,SAAS,QAChBF,qBAAG,+JAKG,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,mEAGF,CAKJ;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,UAAU,QAChBH,qBAAG,oFAGcR,UAAU,EACnBE,cAAc,CAErB;AAAA,GAED,UAACI,KAAK;EAAA,OACNA,KAAK,CAACI,SAAS,QACfF,qBAAG,yBACG;IAAA;EAAkB,CAAC,CAExB;AAAA,GAED,UAACF,KAAK;EAAA,OACN,CAACA,KAAK,CAACM,mBAAmB,QAC1BJ,qBAAG,iBAEK;IAAA;IAAA;EAAgB,CAAC,CAExB;AAAA,EACJ;AAAC;AAEFL,sBAAsB,CAACU,WAAW,GAAG,wBAAwB"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _CompleteCheckbox = require("./CompleteCheckbox");
-
 Object.keys(_CompleteCheckbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _CompleteCheckbox[key]) return;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CompleteCheckbox/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CompleteCheckbox/index.ts"],"sourcesContent":["export * from \"./CompleteCheckbox\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/ConfirmDialog/ConfirmDialog.js

@@ -1,49 +1,42 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ConfirmDialog = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Dialog = require("../Dialog");
-
 var _Button = require("../Button/Button");
-
 var _Body = require("../Typography/Variants/Body2");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$open = _ref.open,
-      open = _ref$open === void 0 ? false : _ref$open,
-      onCancel = _ref.onCancel,
-      onConfirm = _ref.onConfirm,
-      className = _ref.className,
-      _ref$dialogTitle = _ref.dialogTitle,
-      dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
-      _ref$dialogContent = _ref.dialogContent,
-      dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
-      _ref$confirmBtnText = _ref.confirmBtnText,
-      confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
-      _ref$cancelBtnText = _ref.cancelBtnText,
-      cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
-      _ref$shouldShowCancel = _ref.shouldShowCancelButton,
-      shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel;
+    open = _ref$open === void 0 ? false : _ref$open,
+    onCancel = _ref.onCancel,
+    onConfirm = _ref.onConfirm,
+    className = _ref.className,
+    _ref$dialogTitle = _ref.dialogTitle,
+    dialogTitle = _ref$dialogTitle === void 0 ? "Discard changes?" : _ref$dialogTitle,
+    _ref$dialogContent = _ref.dialogContent,
+    dialogContent = _ref$dialogContent === void 0 ? "All unsaved changes will be lost." : _ref$dialogContent,
+    _ref$confirmBtnText = _ref.confirmBtnText,
+    confirmBtnText = _ref$confirmBtnText === void 0 ? "OK" : _ref$confirmBtnText,
+    _ref$cancelBtnText = _ref.cancelBtnText,
+    cancelBtnText = _ref$cancelBtnText === void 0 ? "Cancel" : _ref$cancelBtnText,
+    _ref$shouldShowCancel = _ref.shouldShowCancelButton,
+    shouldShowCancelButton = _ref$shouldShowCancel === void 0 ? true : _ref$shouldShowCancel,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading;
   return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
     ref: ref,
     open: open,
     onClose: onCancel,
-    className: (0, _classnames.default)("c-confirm-dialog", className)
+    className: (0, _classnames.default)("c-confirm-dialog", className),
+    disableCloseOnEsc: isLoading
   }, /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, dialogTitle), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContentDivider, null), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, /*#__PURE__*/_react.default.createElement(_Body.Body2, {
     lineHeight: "loose",
     color: "secondary",
@@ -53,12 +46,14 @@ var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     style: {
       marginRight: "12px"
     },
-    onClick: onConfirm
+    onClick: onConfirm,
+    disabled: isLoading
   }, confirmBtnText), shouldShowCancelButton ? /*#__PURE__*/_react.default.createElement(_Button.Button, {
     variant: "secondary",
     "data-action": "cancel",
     onClick: onCancel,
-    type: "button"
+    type: "button",
+    disabled: isLoading
   }, cancelBtnText) : null));
 });
 exports.ConfirmDialog = ConfirmDialog;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"names":["ConfirmDialog","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","marginRight","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;AACA;;;;;;;;AAcO,IAAMA,aAAa,gBAAG,uBAC3B,gBAYEC,GAZF,EAaK;AAAA,uBAXDC,IAWC;AAAA,MAXDA,IAWC,0BAXM,KAWN;AAAA,MAVDC,QAUC,QAVDA,QAUC;AAAA,MATDC,SASC,QATDA,SASC;AAAA,MARDC,SAQC,QARDA,SAQC;AAAA,8BAPDC,WAOC;AAAA,MAPDA,WAOC,iCAPa,kBAOb;AAAA,gCANDC,aAMC;AAAA,MANDA,aAMC,mCANe,mCAMf;AAAA,iCALDC,cAKC;AAAA,MALDA,cAKC,oCALgB,IAKhB;AAAA,gCAJDC,aAIC;AAAA,MAJDA,aAIC,mCAJe,QAIf;AAAA,mCAHDC,sBAGC;AAAA,MAHDA,sBAGC,sCAHwB,IAGxB;AACH,sBACE,6BAAC,cAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,OAAO,EAAEC,QAHX;AAIE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+BE,SAA/B;AAJb,kBAME,6BAAC,mBAAD,QAAcC,WAAd,CANF,eAOE,6BAAC,4BAAD,OAPF,eAQE,6BAAC,qBAAD,qBACE,6BAAC,WAAD;AAAO,IAAA,UAAU,EAAC,OAAlB;AAA0B,IAAA,KAAK,EAAC,WAAhC;AAA4C,IAAA,UAAU,EAAC;AAAvD,KACGC,aADH,CADF,CARF,eAaE,6BAAC,4BAAD,OAbF,eAcE,6BAAC,qBAAD,qBACE,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,SADV;AAEE,IAAA,KAAK,EAAE;AAAEI,MAAAA,WAAW,EAAE;AAAf,KAFT;AAGE,IAAA,OAAO,EAAEP;AAHX,KAKGI,cALH,CADF,EAQGE,sBAAsB,gBACrB,6BAAC,cAAD;AACE,IAAA,OAAO,EAAC,WADV;AAEE,mBAAY,QAFd;AAGE,IAAA,OAAO,EAAEP,QAHX;AAIE,IAAA,IAAI,EAAC;AAJP,KAMGM,aANH,CADqB,GASnB,IAjBN,CAdF,CADF;AAoCD,CAnD0B,CAAtB;;AAsDPT,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"file":"ConfirmDialog.js"}
+{"version":3,"file":"ConfirmDialog.js","names":["ConfirmDialog","forwardRef","ref","open","onCancel","onConfirm","className","dialogTitle","dialogContent","confirmBtnText","cancelBtnText","shouldShowCancelButton","isLoading","classnames","marginRight","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  DialogActions,\n  DialogContentDivider,\n} from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface IConfirmDialog {\n  open?: boolean;\n  onCancel?: () => void;\n  onConfirm?: () => void;\n  className?: string;\n  dialogTitle?: string;\n  dialogContent?: string;\n  confirmBtnText?: string;\n  cancelBtnText?: string;\n  shouldShowCancelButton?: boolean;\n  isLoading?: boolean;\n}\n\nexport const ConfirmDialog = forwardRef<HTMLDivElement, IConfirmDialog>(\n  (\n    {\n      open = false,\n      onCancel,\n      onConfirm,\n      className,\n      dialogTitle = \"Discard changes?\",\n      dialogContent = \"All unsaved changes will be lost.\",\n      confirmBtnText = \"OK\",\n      cancelBtnText = \"Cancel\",\n      shouldShowCancelButton = true,\n      isLoading = false,\n    },\n    ref\n  ) => {\n    return (\n      <Dialog\n        ref={ref}\n        open={open}\n        onClose={onCancel}\n        className={classnames(\"c-confirm-dialog\", className)}\n        disableCloseOnEsc={isLoading}\n      >\n        <DialogTitle>{dialogTitle}</DialogTitle>\n        <DialogContentDivider />\n        <DialogContent>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </DialogContent>\n        <DialogContentDivider />\n        <DialogActions>\n          <Button\n            variant=\"primary\"\n            style={{ marginRight: \"12px\" }}\n            onClick={onConfirm}\n            disabled={isLoading}\n          >\n            {confirmBtnText}\n          </Button>\n          {shouldShowCancelButton ? (\n            <Button\n              variant=\"secondary\"\n              data-action=\"cancel\"\n              onClick={onCancel}\n              type=\"button\"\n              disabled={isLoading}\n            >\n              {cancelBtnText}\n            </Button>\n          ) : null}\n        </DialogActions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAOA;AACA;AAAqD;AAAA;AAAA;AAe9C,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAaEC,GAAG,EACA;EAAA,qBAZDC,IAAI;IAAJA,IAAI,0BAAG,KAAK;IACZC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IAAA,wBACTC,WAAW;IAAXA,WAAW,iCAAG,kBAAkB;IAAA,0BAChCC,aAAa;IAAbA,aAAa,mCAAG,mCAAmC;IAAA,2BACnDC,cAAc;IAAdA,cAAc,oCAAG,IAAI;IAAA,0BACrBC,aAAa;IAAbA,aAAa,mCAAG,QAAQ;IAAA,6BACxBC,sBAAsB;IAAtBA,sBAAsB,sCAAG,IAAI;IAAA,sBAC7BC,SAAS;IAATA,SAAS,+BAAG,KAAK;EAInB,oBACE,6BAAC,cAAM;IACL,GAAG,EAAEV,GAAI;IACT,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,QAAS;IAClB,SAAS,EAAE,IAAAS,mBAAU,EAAC,kBAAkB,EAAEP,SAAS,CAAE;IACrD,iBAAiB,EAAEM;EAAU,gBAE7B,6BAAC,mBAAW,QAAEL,WAAW,CAAe,eACxC,6BAAC,4BAAoB,OAAG,eACxB,6BAAC,qBAAa,qBACZ,6BAAC,WAAK;IAAC,UAAU,EAAC,OAAO;IAAC,KAAK,EAAC,WAAW;IAAC,UAAU,EAAC;EAAU,GAC9DC,aAAa,CACR,CACM,eAChB,6BAAC,4BAAoB,OAAG,eACxB,6BAAC,qBAAa,qBACZ,6BAAC,cAAM;IACL,OAAO,EAAC,SAAS;IACjB,KAAK,EAAE;MAAEM,WAAW,EAAE;IAAO,CAAE;IAC/B,OAAO,EAAET,SAAU;IACnB,QAAQ,EAAEO;EAAU,GAEnBH,cAAc,CACR,EACRE,sBAAsB,gBACrB,6BAAC,cAAM;IACL,OAAO,EAAC,WAAW;IACnB,eAAY,QAAQ;IACpB,OAAO,EAAEP,QAAS;IAClB,IAAI,EAAC,QAAQ;IACb,QAAQ,EAAEQ;EAAU,GAEnBF,aAAa,CACP,GACP,IAAI,CACM,CACT;AAEb,CAAC,CACF;AAAC;AAEFV,aAAa,CAACe,WAAW,GAAG,eAAe"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _ConfirmDialog = require("./ConfirmDialog");
-
 Object.keys(_ConfirmDialog).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _ConfirmDialog[key]) return;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ConfirmDialog/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./ConfirmDialog\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ConfirmDialog/index.ts"],"sourcesContent":["export * from \"./ConfirmDialog\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/CounterButton/CounterButton.js

@@ -1,47 +1,32 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CounterButton = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _Tooltip = require("../Tooltip/Tooltip");
-
 var _CloseSmall = _interopRequireDefault(require("../Icons/collection/CloseSmall"));
-
 var _Styles = require("./Styles");
-
 var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var label = _ref.label,
-      icon = _ref.icon,
-      active = _ref.active,
-      _ref$counter = _ref.counter,
-      counter = _ref$counter === void 0 ? 0 : _ref$counter,
-      tooltipText = _ref.tooltipText,
-      onClearAll = _ref.onClearAll,
-      className = _ref.className,
-      args = _objectWithoutProperties(_ref, _excluded);
-
+    icon = _ref.icon,
+    active = _ref.active,
+    _ref$counter = _ref.counter,
+    counter = _ref$counter === void 0 ? 0 : _ref$counter,
+    tooltipText = _ref.tooltipText,
+    onClearAll = _ref.onClearAll,
+    className = _ref.className,
+    args = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonWrapper, {
     ref: ref,
     className: className

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,GAAG,EAAER,GAAjC;AAAsC,IAAA,SAAS,EAAEO;AAAjD,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,OAAO,EAAE,WALX;AAME,IAAA,OAAO,EAAEJ,OAAO,GAAG,CAAV,IAAeD,MAN1B;AAOE,IAAA,SAAS,EAAEC,OAAO,GAAG;AAPvB,MASGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAVJ,EAaGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAdJ,EAuBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA3BN,CADF,EA8BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA3CN,CADF;AA+CD,CA7D0B,CAAtB;;AAgEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
+{"version":3,"file":"CounterButton.js","names":["CounterButton","forwardRef","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","classNames","React","cloneElement","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLDivElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AAMkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBX,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAWEC,GAAG,EACA;EAAA,IAVDC,KAAK,QAALA,KAAK;IACLC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IAAA,oBACNC,OAAO;IAAPA,OAAO,6BAAG,CAAC;IACXC,WAAW,QAAXA,WAAW;IACXC,UAAU,QAAVA,UAAU;IACVC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIT,oBACE,6BAAC,kCAA0B;IAAC,GAAG,EAAER,GAAI;IAAC,SAAS,EAAEO;EAAU,gBACzD,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAE,mBAAU,EAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEL;IAChC,CAAC;EAAE,GACCI,IAAI;IACR,OAAO,EAAE,WAAY;IACrB,OAAO,EAAEJ,OAAO,GAAG,CAAC,IAAID,MAAO;IAC/B,SAAS,EAAEC,OAAO,GAAG;EAAE,IAEtBF,IAAI,iBACHQ,cAAK,CAACC,YAAY,CAACT,IAAI,EAAE;IACvBK,SAAS,EAAE,IAAAE,mBAAU,EAAC,wBAAwB;EAChD,CAAC,CAAC,EACHR,KAAK,iBACJ,6BAAC,gCAAwB;IACvB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAE,yBAA0B;IACrC,OAAO,EAAEG,OAAO,GAAG,CAAC,IAAID;EAAO,GAE9BF,KAAK,CAET,EACAG,OAAO,GAAG,CAAC,gBACV,6BAAC,kCAA0B;IAAC,SAAS,EAAE;EAA4B,GAChEA,OAAO,CACmB,GAC3B,IAAI,CACY,EACrBA,OAAO,GAAG,CAAC,gBACV,6BAAC,gBAAO;IACN,KAAK,YAAKC,WAAW,CAAG;IACxB,sBAAsB,EAAC;EAAc,gBAErC,6BAAC,gCAAwB;IACvB,OAAO,EAAC,cAAc;IACtB,SAAS,EAAC,yBAAyB;IACnC,OAAO,EAAEC;EAAW,gBAEpB,6BAAC,mBAAc,OAAG,CACO,CACnB,GACR,IAAI,CACmB;AAEjC,CAAC,CACF;AAAC;AAEFR,aAAa,CAACc,WAAW,GAAG,eAAe"}

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

@@ -1,33 +1,23 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCounterButtonWrapper = exports.StyledCounterButtonReset = exports.StyledCounterButtonLabel = exports.StyledCounterButtonCounter = exports.StyledCounterButton = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _Body = require("../Typography/Variants/Body2");
-
 var _Button = require("../Button/Button");
-
 var _BoxSizingStyle = require("../BoxSizingStyle");
-
 var _FontStyle = require("../FontStyle");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var StyledCounterButtonWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCounterButtonWrapper",
   componentId: "sc-1ecrcba-0"
 })(["", " ", " ", " width:fit-content;"], {
   "display": "flex"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
-
 exports.StyledCounterButtonWrapper = StyledCounterButtonWrapper;
 StyledCounterButtonWrapper.displayName = "StyledCounterButtonWrapper";
 var StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withConfig({
@@ -40,12 +30,10 @@ var StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withCon
 });
 exports.StyledCounterButton = StyledCounterButton;
 StyledCounterButton.displayName = "StyledCounterButton";
-
 var StyledCounterButtonCounter = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledCounterButtonCounter",
   componentId: "sc-1ecrcba-2"
 })(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;margin-right:-6px;"]);
-
 exports.StyledCounterButtonCounter = StyledCounterButtonCounter;
 StyledCounterButtonCounter.displayName = "StyledCounterButtonCounter";
 var StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CounterButton/Styles.ts"],"names":["StyledCounterButtonWrapper","styled","div","FontStyle","BoxSizingStyle","displayName","StyledCounterButton","Button","props","$active","css","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;AAOO,IAAMA,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,0CACjC;AAAA;AAAA,CADiC,EAEnCC,oBAFmC,EAGnCC,8BAHmC,CAAhC;;;AAOPJ,0BAA0B,CAACK,WAA3B,GAAyC,4BAAzC;AAEO,IAAMC,mBAAmB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kBAC5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,iGADA;AAAA,CAD4B,EAe5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,QACAD,qBADA,wGADA;AAAA,CAf4B,CAAzB;;AAwBPJ,mBAAmB,CAACD,WAApB,GAAkC,qBAAlC;;AAEO,IAAMO,0BAA0B,GAAGX,0BAAOC,GAAV;AAAA;AAAA;AAAA,6MAAhC;;;AAaPU,0BAA0B,CAACP,WAA3B,GAAyC,4BAAzC;AAEO,IAAMQ,wBAAwB,GAAG,+BAAON,cAAP,CAAH;AAAA;AAAA;AAAA,+MAA9B;;AAYPM,wBAAwB,CAACR,WAAzB,GAAuC,0BAAvC;AAEO,IAAMS,wBAAwB,GAAG,+BAAOC,WAAP,CAAH;AAAA;AAAA;AAAA,qCAC/B;AAAA;AAAA,CAD+B,EAGjCT,mBAHiC,EAI/B,UAACE,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,QACAC,qBADA,oCADA;AAAA,CAJ+B,EAWjC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,kCADA;AAAA,CAXiC,CAA9B;;AAkBPI,wBAAwB,CAACT,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n  ${tw`tw-flex`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  ${StyledCounterButton}:hover && {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"file":"Styles.js"}
+{"version":3,"file":"Styles.js","names":["StyledCounterButtonWrapper","styled","div","FontStyle","BoxSizingStyle","displayName","StyledCounterButton","Button","props","$active","css","$selected","StyledCounterButtonCounter","StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButtonWrapper = styled.div`\n  ${tw`tw-flex`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  width: fit-content;\n`;\n\nStyledCounterButtonWrapper.displayName = \"StyledCounterButtonWrapper\";\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  ${StyledCounterButton}:hover && {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AAAyC;AAAA;AAOlC,IAAMA,0BAA0B,GAAGC,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,0CAC9C;EAAA;AAAQ,CAAC,EACXC,oBAAS,EACTC,8BAAc,CAEjB;AAAC;AAEFJ,0BAA0B,CAACK,WAAW,GAAG,4BAA4B;AAE9D,IAAMC,mBAAmB,GAAG,IAAAL,yBAAM,EAACM,cAAM,CAAC;EAAA;EAAA;AAAA,kBAC7C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,QACbC,qBAAG,iGAUF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACG,SAAS,QACfD,qBAAG,wGAIF;AAAA,EACJ;AAAC;AAEFJ,mBAAmB,CAACD,WAAW,GAAG,qBAAqB;AAEhD,IAAMO,0BAA0B,GAAGX,yBAAM,CAACC,GAAG;EAAA;EAAA;AAAA,6MAWnD;AAAC;AAEFU,0BAA0B,CAACP,WAAW,GAAG,4BAA4B;AAE9D,IAAMQ,wBAAwB,GAAG,IAAAZ,yBAAM,EAACM,cAAM,CAAC;EAAA;EAAA;AAAA,+MAUrD;AAAC;AAEFM,wBAAwB,CAACR,WAAW,GAAG,0BAA0B;AAE1D,IAAMS,wBAAwB,GAAG,IAAAb,yBAAM,EAACc,WAAK,CAAC;EAAA;EAAA;AAAA,qCAC/C;EAAA;AAAuB,CAAC,EAE1BT,mBAAmB,EACjB,UAACE,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,OAAO,QACdC,qBAAG,oCAEF;AAAA,GAGH,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,QACbC,qBAAG,kCAEF;AAAA,EACJ;AAAC;AAEFI,wBAAwB,CAACT,WAAW,GAAG,0BAA0B"}

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

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
 var _CounterButton = require("./CounterButton");
-
 Object.keys(_CounterButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _CounterButton[key]) return;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CounterButton/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./CounterButton\";\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CounterButton/index.ts"],"sourcesContent":["export * from \"./CounterButton\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/DatePicker/ClassNames.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAG;AAC9BC,EAAAA,SAAS,EAAE,aADmB;AAE9BC,EAAAA,OAAO,EAAE,qBAFqB;AAG9BC,EAAAA,mBAAmB,EAAE,kCAHS;AAI9BC,EAAAA,MAAM,EAAE,oBAJsB;AAK9BC,EAAAA,KAAK,EAAE,mBALuB;AAO9BC,EAAAA,MAAM,EAAE,oBAPsB;AAQ9BC,EAAAA,aAAa,EAAE,iDARe;AAS9BC,EAAAA,aAAa,EAAE,iDATe;AAU9BC,EAAAA,4BAA4B,EAAE,4CAVA;AAY9BC,EAAAA,OAAO,EAAE,qBAZqB;AAa9BC,EAAAA,QAAQ,EAAE,sBAboB;AAc9BC,EAAAA,WAAW,EAAE,yBAdiB;AAe9BC,EAAAA,OAAO,EAAE,qBAfqB;AAgB9BC,EAAAA,IAAI,EAAE,kBAhBwB;AAiB9BC,EAAAA,IAAI,EAAE,kBAjBwB;AAkB9BC,EAAAA,UAAU,EAAE,wBAlBkB;AAmB9BC,EAAAA,GAAG,EAAE,iBAnByB;AAoB9BC,EAAAA,MAAM,EAAE,oBApBsB;AAqB9BC,EAAAA,WAAW,EAAE,yBArBiB;AAuB9B;AACAC,EAAAA,KAAK,EAAE,wBAxBuB;AAyB9BC,EAAAA,QAAQ,EAAE,2BAzBoB;AA0B9BC,EAAAA,QAAQ,EAAE,2BA1BoB;AA2B9BC,EAAAA,OAAO,EAAE,0BA3BqB;AA6B9B;AACAC,EAAAA,OAAO,EAAE,0BA9BqB;AA+B9BC,EAAAA,gBAAgB,EAAE,mCA/BY;AAgC9BC,EAAAA,aAAa,EAAE;AAhCe,CAAzB","sourcesContent":["export const customClassNames = {\n  container: \"c-DayPicker\",\n  wrapper: \"c-DayPicker-wrapper\",\n  interactionDisabled: \"c-DayPicker--interactionDisabled\",\n  months: \"c-DayPicker-Months\",\n  month: \"c-DayPicker-Month\",\n\n  navBar: \"c-DayPicker-NavBar\",\n  navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n  navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n  navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n  caption: \"c-DayPicker-Caption\",\n  weekdays: \"c-DayPicker-Weekdays\",\n  weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n  weekday: \"c-DayPicker-Weekday\",\n  body: \"c-DayPicker-Body\",\n  week: \"c-DayPicker-Week\",\n  weekNumber: \"c-DayPicker-WeekNumber\",\n  day: \"c-DayPicker-Day\",\n  footer: \"c-DayPicker-Footer\",\n  todayButton: \"c-DayPicker-TodayButton\",\n\n  // default modifiers\n  today: \"c-DayPicker-Day--today\",\n  selected: \"c-DayPicker-Day--selected\",\n  disabled: \"c-DayPicker-Day--disabled\",\n  outside: \"c-DayPicker-Day--outside\",\n\n  // custom modifiers\n  weekend: \"c-DayPicker-Day--weekend\",\n  userAvailability: \"c-DayPicker-Day--userAvailability\",\n  nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"file":"ClassNames.js"}
+{"version":3,"file":"ClassNames.js","names":["customClassNames","container","wrapper","interactionDisabled","months","month","navBar","navButtonPrev","navButtonNext","navButtonInteractionDisabled","caption","weekdays","weekdaysRow","weekday","body","week","weekNumber","day","footer","todayButton","today","selected","disabled","outside","weekend","userAvailability","nonWorkingDay"],"sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"sourcesContent":["export const customClassNames = {\n  container: \"c-DayPicker\",\n  wrapper: \"c-DayPicker-wrapper\",\n  interactionDisabled: \"c-DayPicker--interactionDisabled\",\n  months: \"c-DayPicker-Months\",\n  month: \"c-DayPicker-Month\",\n\n  navBar: \"c-DayPicker-NavBar\",\n  navButtonPrev: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n  navButtonNext: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n  navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\",\n\n  caption: \"c-DayPicker-Caption\",\n  weekdays: \"c-DayPicker-Weekdays\",\n  weekdaysRow: \"c-DayPicker-WeekdaysRow\",\n  weekday: \"c-DayPicker-Weekday\",\n  body: \"c-DayPicker-Body\",\n  week: \"c-DayPicker-Week\",\n  weekNumber: \"c-DayPicker-WeekNumber\",\n  day: \"c-DayPicker-Day\",\n  footer: \"c-DayPicker-Footer\",\n  todayButton: \"c-DayPicker-TodayButton\",\n\n  // default modifiers\n  today: \"c-DayPicker-Day--today\",\n  selected: \"c-DayPicker-Day--selected\",\n  disabled: \"c-DayPicker-Day--disabled\",\n  outside: \"c-DayPicker-Day--outside\",\n\n  // custom modifiers\n  weekend: \"c-DayPicker-Day--weekend\",\n  userAvailability: \"c-DayPicker-Day--userAvailability\",\n  nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n};\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAG;EAC9BC,SAAS,EAAE,aAAa;EACxBC,OAAO,EAAE,qBAAqB;EAC9BC,mBAAmB,EAAE,kCAAkC;EACvDC,MAAM,EAAE,oBAAoB;EAC5BC,KAAK,EAAE,mBAAmB;EAE1BC,MAAM,EAAE,oBAAoB;EAC5BC,aAAa,EAAE,iDAAiD;EAChEC,aAAa,EAAE,iDAAiD;EAChEC,4BAA4B,EAAE,4CAA4C;EAE1EC,OAAO,EAAE,qBAAqB;EAC9BC,QAAQ,EAAE,sBAAsB;EAChCC,WAAW,EAAE,yBAAyB;EACtCC,OAAO,EAAE,qBAAqB;EAC9BC,IAAI,EAAE,kBAAkB;EACxBC,IAAI,EAAE,kBAAkB;EACxBC,UAAU,EAAE,wBAAwB;EACpCC,GAAG,EAAE,iBAAiB;EACtBC,MAAM,EAAE,oBAAoB;EAC5BC,WAAW,EAAE,yBAAyB;EAEtC;EACAC,KAAK,EAAE,wBAAwB;EAC/BC,QAAQ,EAAE,2BAA2B;EACrCC,QAAQ,EAAE,2BAA2B;EACrCC,OAAO,EAAE,0BAA0B;EAEnC;EACAC,OAAO,EAAE,0BAA0B;EACnCC,gBAAgB,EAAE,mCAAmC;EACrDC,aAAa,EAAE;AACjB,CAAC;AAAC"}

package/dist/cjs/components/DatePicker/CustomNavBarElement.js

@@ -1,43 +1,35 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CustomNavBarElement = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactDayPicker = require("react-day-picker");
-
 var _NavBarElement = require("../Pickers/NavBarElement");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var CustomNavBarElement = function CustomNavBarElement(_ref) {
   var className = _ref.className,
-      classNames = _ref.classNames,
-      month = _ref.month,
-      showPreviousButton = _ref.showPreviousButton,
-      showNextButton = _ref.showNextButton,
-      labels = _ref.labels,
-      localeUtils = _ref.localeUtils,
-      locale = _ref.locale,
-      _ref$showMonthPicker = _ref.showMonthPicker,
-      showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
-      onChangeDirection = _ref.onChangeDirection,
-      onMonthChange = _ref.onMonthChange,
-      onClick = _ref.onClick;
+    classNames = _ref.classNames,
+    month = _ref.month,
+    showPreviousButton = _ref.showPreviousButton,
+    showNextButton = _ref.showNextButton,
+    labels = _ref.labels,
+    localeUtils = _ref.localeUtils,
+    locale = _ref.locale,
+    _ref$showMonthPicker = _ref.showMonthPicker,
+    showMonthPicker = _ref$showMonthPicker === void 0 ? false : _ref$showMonthPicker,
+    onChangeDirection = _ref.onChangeDirection,
+    onMonthChange = _ref.onMonthChange,
+    onClick = _ref.onClick;
   var nextMonth = showMonthPicker ? _reactDayPicker.DateUtils.addMonths(month, 12) : _reactDayPicker.DateUtils.addMonths(month, 1);
   var previousMonth = showMonthPicker ? _reactDayPicker.DateUtils.addMonths(month, -12) : _reactDayPicker.DateUtils.addMonths(month, -1);
   var onNextClick = (0, _react.useCallback)(function () {
     if (onChangeDirection) {
       onChangeDirection(true);
     }
-
     if (onMonthChange) {
       onMonthChange(nextMonth);
     }
@@ -46,7 +38,6 @@ var CustomNavBarElement = function CustomNavBarElement(_ref) {
     if (onChangeDirection) {
       onChangeDirection(false);
     }
-
     if (onMonthChange) {
       onMonthChange(previousMonth);
     }
@@ -67,6 +58,5 @@ var CustomNavBarElement = function CustomNavBarElement(_ref) {
     onClick: onClick
   });
 };
-
 exports.CustomNavBarElement = CustomNavBarElement;
 //# sourceMappingURL=CustomNavBarElement.js.map

package/dist/cjs/components/DatePicker/CustomNavBarElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"names":["CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","DateUtils","addMonths","previousMonth","onNextClick","onPreviousClick"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AASO,IAAMA,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,GAC7BK,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,EAA3B,CAD6B,GAE7BW,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAA3B,CAFJ;AAGA,MAAMa,aAAa,GAAGP,eAAe,GACjCK,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,EAA5B,CADiC,GAEjCW,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,MAAMc,WAAW,GAAG,wBAAY,YAAM;AACpC,QAAIP,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAPmB,EAOjB,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/B,CAPiB,CAApB;AASA,MAAMO,eAAe,GAAG,wBAAY,YAAM;AACxC,QAAIR,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACK,aAAD,CAAb;AACD;AACF,GAPuB,EAOrB,CAACN,iBAAD,EAAoBC,aAApB,EAAmCK,aAAnC,CAPqB,CAAxB;AASA,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAEf,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,EAAEQ,aATjB;AAUE,IAAA,SAAS,EAAEH,SAVb;AAWE,IAAA,WAAW,EAAEI,WAXf;AAYE,IAAA,eAAe,EAAEC,eAZnB;AAaE,IAAA,OAAO,EAAEN;AAbX,IADF;AAiBD,CAxDM","sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n  showMonthPicker: boolean;\n  onChangeDirection?: (direction: boolean) => void;\n  onMonthChange?: (month: Date) => void;\n  onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n  className,\n  classNames,\n  month,\n  showPreviousButton,\n  showNextButton,\n  labels,\n  localeUtils,\n  locale,\n  showMonthPicker = false,\n  onChangeDirection,\n  onMonthChange,\n  onClick,\n}) => {\n  const nextMonth = showMonthPicker\n    ? DateUtils.addMonths(month, 12)\n    : DateUtils.addMonths(month, 1);\n  const previousMonth = showMonthPicker\n    ? DateUtils.addMonths(month, -12)\n    : DateUtils.addMonths(month, -1);\n\n  const onNextClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(true);\n    }\n    if (onMonthChange) {\n      onMonthChange(nextMonth);\n    }\n  }, [nextMonth, onChangeDirection, onMonthChange]);\n\n  const onPreviousClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(false);\n    }\n    if (onMonthChange) {\n      onMonthChange(previousMonth);\n    }\n  }, [onChangeDirection, onMonthChange, previousMonth]);\n\n  return (\n    <NavBarElement\n      className={className}\n      classNames={classNames}\n      month={month}\n      showPreviousButton={showPreviousButton}\n      showNextButton={showNextButton}\n      labels={labels}\n      localeUtils={localeUtils}\n      locale={locale}\n      previousMonth={previousMonth}\n      nextMonth={nextMonth}\n      onNextClick={onNextClick}\n      onPreviousClick={onPreviousClick}\n      onClick={onClick}\n    />\n  );\n};\n"],"file":"CustomNavBarElement.js"}
+{"version":3,"file":"CustomNavBarElement.js","names":["CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","DateUtils","addMonths","previousMonth","onNextClick","useCallback","onPreviousClick"],"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n  showMonthPicker: boolean;\n  onChangeDirection?: (direction: boolean) => void;\n  onMonthChange?: (month: Date) => void;\n  onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n  className,\n  classNames,\n  month,\n  showPreviousButton,\n  showNextButton,\n  labels,\n  localeUtils,\n  locale,\n  showMonthPicker = false,\n  onChangeDirection,\n  onMonthChange,\n  onClick,\n}) => {\n  const nextMonth = showMonthPicker\n    ? DateUtils.addMonths(month, 12)\n    : DateUtils.addMonths(month, 1);\n  const previousMonth = showMonthPicker\n    ? DateUtils.addMonths(month, -12)\n    : DateUtils.addMonths(month, -1);\n\n  const onNextClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(true);\n    }\n    if (onMonthChange) {\n      onMonthChange(nextMonth);\n    }\n  }, [nextMonth, onChangeDirection, onMonthChange]);\n\n  const onPreviousClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(false);\n    }\n    if (onMonthChange) {\n      onMonthChange(previousMonth);\n    }\n  }, [onChangeDirection, onMonthChange, previousMonth]);\n\n  return (\n    <NavBarElement\n      className={className}\n      classNames={classNames}\n      month={month}\n      showPreviousButton={showPreviousButton}\n      showNextButton={showNextButton}\n      labels={labels}\n      localeUtils={localeUtils}\n      locale={locale}\n      previousMonth={previousMonth}\n      nextMonth={nextMonth}\n      onNextClick={onNextClick}\n      onPreviousClick={onPreviousClick}\n      onClick={onClick}\n    />\n  );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAAyD;AAAA;AASlD,IAAMA,mBAAkD,GAAG,SAArDA,mBAAkD,OAazD;EAAA,IAZJC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACVC,KAAK,QAALA,KAAK;IACLC,kBAAkB,QAAlBA,kBAAkB;IAClBC,cAAc,QAAdA,cAAc;IACdC,MAAM,QAANA,MAAM;IACNC,WAAW,QAAXA,WAAW;IACXC,MAAM,QAANA,MAAM;IAAA,4BACNC,eAAe;IAAfA,eAAe,qCAAG,KAAK;IACvBC,iBAAiB,QAAjBA,iBAAiB;IACjBC,aAAa,QAAbA,aAAa;IACbC,OAAO,QAAPA,OAAO;EAEP,IAAMC,SAAS,GAAGJ,eAAe,GAC7BK,yBAAS,CAACC,SAAS,CAACZ,KAAK,EAAE,EAAE,CAAC,GAC9BW,yBAAS,CAACC,SAAS,CAACZ,KAAK,EAAE,CAAC,CAAC;EACjC,IAAMa,aAAa,GAAGP,eAAe,GACjCK,yBAAS,CAACC,SAAS,CAACZ,KAAK,EAAE,CAAC,EAAE,CAAC,GAC/BW,yBAAS,CAACC,SAAS,CAACZ,KAAK,EAAE,CAAC,CAAC,CAAC;EAElC,IAAMc,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpC,IAAIR,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,IAAI,CAAC;IACzB;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACE,SAAS,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,SAAS,EAAEH,iBAAiB,EAAEC,aAAa,CAAC,CAAC;EAEjD,IAAMQ,eAAe,GAAG,IAAAD,kBAAW,EAAC,YAAM;IACxC,IAAIR,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,KAAK,CAAC;IAC1B;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACK,aAAa,CAAC;IAC9B;EACF,CAAC,EAAE,CAACN,iBAAiB,EAAEC,aAAa,EAAEK,aAAa,CAAC,CAAC;EAErD,oBACE,6BAAC,4BAAa;IACZ,SAAS,EAAEf,SAAU;IACrB,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC,KAAM;IACb,kBAAkB,EAAEC,kBAAmB;IACvC,cAAc,EAAEC,cAAe;IAC/B,MAAM,EAAEC,MAAO;IACf,WAAW,EAAEC,WAAY;IACzB,MAAM,EAAEC,MAAO;IACf,aAAa,EAAEQ,aAAc;IAC7B,SAAS,EAAEH,SAAU;IACrB,WAAW,EAAEI,WAAY;IACzB,eAAe,EAAEE,eAAgB;IACjC,OAAO,EAAEP;EAAQ,EACjB;AAEN,CAAC;AAAC"}