@activecollab/components 1.0.415 → 2.0.1

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

@@ -9,10 +9,10 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
 var _excluded = ["completed", "disabled", "animate", "onClick", "className", "primary", "checkMarkClassName"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CompleteCheckbox = function CompleteCheckbox(_ref) {
+var CompleteCheckbox = exports.CompleteCheckbox = function CompleteCheckbox(_ref) {
   var _ref$completed = _ref.completed,
     completed = _ref$completed === void 0 ? false : _ref$completed,
     _ref$disabled = _ref.disabled,
@@ -42,6 +42,5 @@ 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,"file":"CompleteCheckbox.js","names":["CompleteCheckbox","completed","disabled","animate","onClick","className","primary","checkMarkClassName","rest","classnames","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\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  ...rest\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      {...rest}\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;AAAA;AAAA;AAAA;AAAA;AAoB3C,IAAMA,gBAA4C,GAAG,SAA/CA,gBAA4C,OASnD;EAAA,0BARJC,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;IACfC,IAAI;EAEP,oBACE,6BAAC,8BAAsB;IACrB,OAAO,EAAEJ,OAAQ;IACjB,SAAS,EAAE,IAAAK,mBAAU,EAAC,qBAAqB,EAAEJ,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,GACtCC,IAAI,gBAER;IAAK,OAAO,EAAC,WAAW;IAAC,SAAS,EAAED;EAAmB,gBACrD;IAAM,CAAC,EAAC;EAA+F,EAAG,eAC1G;IAAU,MAAM,EAAC;EAAyB,EAAG,CACzC,CACiB;AAE7B,CAAC;AAAC;AAEFP,gBAAgB,CAACU,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"CompleteCheckbox.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CompleteCheckbox","exports","_ref","_ref$completed","completed","_ref$disabled","disabled","_ref$animate","animate","onClick","className","_ref$primary","primary","checkMarkClassName","rest","createElement","StyledCompleteCheckbox","classnames","$primary","$completed","$disabled","$animation","$checkMarkClassName","viewBox","d","points","displayName"],"sources":["../../../../src/components/CompleteCheckbox/CompleteCheckbox.tsx"],"sourcesContent":["import React, { FC, MouseEvent, ButtonHTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledCompleteCheckbox } from \"./Styles\";\n\nexport interface ICompleteCheckboxProps\n  extends ButtonHTMLAttributes<HTMLButtonElement> {\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  ...rest\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      {...rest}\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":"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"}

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

@@ -1,16 +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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 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.button.withConfig({
+var StyledCompleteCheckbox = exports.StyledCompleteCheckbox = _styledComponents.default.button.withConfig({
   displayName: "Styles__StyledCompleteCheckbox",
   componentId: "sc-1801dzg-0"
 })(["", " border-color:var(--color-theme-600);transition:ease 0.3s all;background-color:transparent;padding:0;svg{", " top:50%;left:50%;transform:translate(-50%,-50%);}svg path{fill:none;stroke:#32b370;stroke-width:3;transform:scale(0);}", " svg polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:0.3s;stroke-dasharray:13;stroke-dashoffset:13;stroke:#d2d2d2;", "}", " ", " ", " ", " ", ""], {
@@ -47,6 +46,5 @@ var StyledCompleteCheckbox = _styledComponents.default.button.withConfig({
     "width": "3rem"
   });
 });
-exports.StyledCompleteCheckbox = StyledCompleteCheckbox;
 StyledCompleteCheckbox.displayName = "StyledCompleteCheckbox";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","styled","button","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.button<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  background-color: transparent;\n  padding: 0;\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      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\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,MAAM;EAAA;EAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;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,4LAOG,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"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","burstScale","keyframes","burstAnimation","StyledCompleteCheckbox","exports","styled","button","withConfig","displayName","componentId","props","$primary","css","$completed","$disabled","$animation","$checkMarkClassName"],"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.button<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  background-color: transparent;\n  padding: 0;\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      &:focus-visible {\n        border: 1px solid var(--color-primary);\n        box-shadow: inset 0 0 0 2px var(--color-primary);\n        border-width: 0px;\n        outline: none;\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,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAW3D,IAAMY,UAAU,OAAGC,2BAAS,uDAO3B;AAED,IAAMC,cAAc,OAAGD,2BAAS,yDAO/B;AAEM,IAAME,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4aAC7C;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAsF,CAAC,EAOrF;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,4LAOG,CAACF,KAAK,CAACC,QAAQ,QACjBC,qBAAG,mEAGF,CAKJ;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACK,UAAU,QAChBH,qBAAG,oFAGcZ,UAAU,EACnBE,cAAc,CAErB;AAAA,GAED,UAACQ,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;AAEDT,sBAAsB,CAACK,WAAW,GAAG,wBAAwB"}

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

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

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,9 +10,9 @@ 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) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var ConfirmDialog = exports.ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$open = _ref.open,
     open = _ref$open === void 0 ? false : _ref$open,
     onCancel = _ref.onCancel,
@@ -56,6 +55,5 @@ var ConfirmDialog = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     disabled: isLoading
   }, cancelBtnText) : null));
 });
-exports.ConfirmDialog = ConfirmDialog;
 ConfirmDialog.displayName = "ConfirmDialog";
 //# sourceMappingURL=ConfirmDialog.js.map

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

@@ -1 +1 @@
-{"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 { Dialog } from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\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, ConfirmDialogProps>(\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        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\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        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;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,cAAM,CAAC,KAAK,QAAEL,WAAW,CAAgB,eAC1C,6BAAC,cAAM,CAAC,cAAc,OAAG,eACzB,6BAAC,cAAM,CAAC,OAAO,qBACb,6BAAC,WAAK;IAAC,UAAU,EAAC,OAAO;IAAC,KAAK,EAAC,WAAW;IAAC,UAAU,EAAC;EAAU,GAC9DC,aAAa,CACR,CACO,eACjB,6BAAC,cAAM,CAAC,cAAc,OAAG,eACzB,6BAAC,cAAM,CAAC,OAAO,qBACb,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,CACO,CACV;AAEb,CAAC,CACF;AAAC;AAEFV,aAAa,CAACe,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ConfirmDialog.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Dialog","_Button","_Body","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ConfirmDialog","exports","forwardRef","_ref","ref","_ref$open","open","onCancel","onConfirm","className","_ref$dialogTitle","dialogTitle","_ref$dialogContent","dialogContent","_ref$confirmBtnText","confirmBtnText","_ref$cancelBtnText","cancelBtnText","_ref$shouldShowCancel","shouldShowCancelButton","_ref$isLoading","isLoading","createElement","Dialog","onClose","classnames","disableCloseOnEsc","Title","ContentDivider","Content","Body2","lineHeight","color","whitespace","Actions","Button","variant","style","marginRight","onClick","disabled","type","displayName"],"sources":["../../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport classnames from \"classnames\";\nimport { Dialog } from \"../Dialog\";\nimport { Button } from \"../Button/Button\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\n\nexport interface ConfirmDialogProps {\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, ConfirmDialogProps>(\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        <Dialog.Title>{dialogTitle}</Dialog.Title>\n        <Dialog.ContentDivider />\n        <Dialog.Content>\n          <Body2 lineHeight=\"loose\" color=\"secondary\" whitespace=\"pre-line\">\n            {dialogContent}\n          </Body2>\n        </Dialog.Content>\n        <Dialog.ContentDivider />\n        <Dialog.Actions>\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        </Dialog.Actions>\n      </Dialog>\n    );\n  }\n);\n\nConfirmDialog.displayName = \"ConfirmDialog\";\n"],"mappings":"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"}

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

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

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,12 +11,12 @@ var _CloseSmall = _interopRequireDefault(require("../Icons/collection/CloseSmall
 var _Styles = require("./Styles");
 var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className", "disabled"];
 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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var CounterButton = exports.CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var label = _ref.label,
     icon = _ref.icon,
     active = _ref.active,
@@ -54,7 +53,7 @@ var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     dimension: 16,
     value: counter
   }) : null), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    title: "".concat(tooltipText),
+    title: `${tooltipText}`,
     popperTooltipClassName: "z-index-1300"
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonReset, {
     variant: "text colored",
@@ -62,6 +61,5 @@ var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onClick: onClearAll
   }, /*#__PURE__*/_react.default.createElement(_CloseSmall.default, null))) : null);
 });
-exports.CounterButton = CounterButton;
 CounterButton.displayName = "CounterButton";
 //# sourceMappingURL=CounterButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.js","names":["CounterButton","forwardRef","ref","label","icon","active","counter","tooltipText","onClearAll","className","disabled","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  StyledBadge,\n  StyledCounterButton,\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  /** Disabled state of a button */\n  disabled?: boolean;\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      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\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            <StyledBadge isStandalone={true} dimension={16} value={counter} />\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;AAqBX,IAAMA,aAAa,gBAAG,IAAAC,iBAAU,EACrC,gBAYEC,GAAG,EACA;EAAA,IAXDC,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;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IACbC,IAAI;EAIT,oBACE,6BAAC,kCAA0B;IAAC,GAAG,EAAET,GAAI;IAAC,SAAS,EAAEO;EAAU,gBACzD,6BAAC,2BAAmB;IAClB,QAAQ,EAAEC,QAAS;IACnB,iBAAeA,QAAS;IACxB,SAAS,EAAE,IAAAE,mBAAU,EAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEN;IAChC,CAAC;EAAE,GACCK,IAAI;IACR,OAAO,EAAC,WAAW;IACnB,OAAO,EAAEL,OAAO,GAAG,CAAC,IAAID,MAAO;IAC/B,SAAS,EAAEC,OAAO,GAAG;EAAE,IAEtBF,IAAI,iBACHS,cAAK,CAACC,YAAY,CAACV,IAAI,EAAE;IACvBK,SAAS,EAAE,IAAAG,mBAAU,EAAC,wBAAwB;EAChD,CAAC,CAAC,EACHT,KAAK,iBACJ,6BAAC,gCAAwB;IACvB,KAAK,EAAC,WAAW;IACjB,MAAM,EAAC,QAAQ;IACf,SAAS,EAAC,yBAAyB;IACnC,OAAO,EAAEG,OAAO,GAAG,CAAC,IAAID;EAAO,GAE9BF,KAAK,CAET,EACAG,OAAO,GAAG,CAAC,gBACV,6BAAC,mBAAW;IAAC,YAAY,EAAE,IAAK;IAAC,SAAS,EAAE,EAAG;IAAC,KAAK,EAAEA;EAAQ,EAAG,GAChE,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,CAACe,WAAW,GAAG,eAAe"}
+{"version":3,"file":"CounterButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Tooltip","_CloseSmall","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","CounterButton","exports","forwardRef","_ref","ref","label","icon","active","_ref$counter","counter","tooltipText","onClearAll","className","_ref$disabled","disabled","args","createElement","StyledCounterButtonWrapper","StyledCounterButton","classNames","variant","$active","$selected","React","cloneElement","StyledCounterButtonLabel","color","weight","StyledBadge","isStandalone","dimension","value","Tooltip","title","popperTooltipClassName","StyledCounterButtonReset","onClick","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  StyledBadge,\n  StyledCounterButton,\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  /** Disabled state of a button */\n  disabled?: boolean;\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      disabled = false,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper ref={ref} className={className}>\n        <StyledCounterButton\n          disabled={disabled}\n          aria-disabled={disabled}\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            <StyledBadge isStandalone={true} dimension={16} value={counter} />\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":"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"}

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,17 +10,16 @@ var _Button = require("../Button/Button");
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
 var _Badge = require("../Badge");
-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({
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var StyledCounterButtonWrapper = exports.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({
+var StyledCounterButton = exports.StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledCounterButton",
   componentId: "sc-1ecrcba-1"
 })(["", " ", " ", ""], function (props) {
@@ -31,15 +29,13 @@ var StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withCon
 }, function (props) {
   return props.disabled && (0, _styledComponents.css)(["pointer-events:none;opacity:0.5;"]);
 });
-exports.StyledCounterButton = StyledCounterButton;
 StyledCounterButton.displayName = "StyledCounterButton";
-var StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({
+var StyledCounterButtonReset = exports.StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledCounterButtonReset",
   componentId: "sc-1ecrcba-2"
 })(["background-color:var(--color-primary-200);border-top-left-radius:0;border-bottom-left-radius:0;&:hover,&:focus-visible{background-color:var(--color-primary-300);border-top-left-radius:0;border-bottom-left-radius:0;}"]);
-exports.StyledCounterButtonReset = StyledCounterButtonReset;
 StyledCounterButtonReset.displayName = "StyledCounterButtonReset";
-var StyledCounterButtonLabel = (0, _styledComponents.default)(_Body.Body2).withConfig({
+var StyledCounterButtonLabel = exports.StyledCounterButtonLabel = (0, _styledComponents.default)(_Body.Body2).withConfig({
   displayName: "Styles__StyledCounterButtonLabel",
   componentId: "sc-1ecrcba-3"
 })(["", " ", ":hover &&{", "}", ""], {
@@ -49,12 +45,10 @@ var StyledCounterButtonLabel = (0, _styledComponents.default)(_Body.Body2).withC
 }, function (props) {
   return props.$active && (0, _styledComponents.css)(["color:var(--color-primary);"]);
 });
-exports.StyledCounterButtonLabel = StyledCounterButtonLabel;
 StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
-var StyledBadge = (0, _styledComponents.default)(_Badge.Badge).withConfig({
+var StyledBadge = exports.StyledBadge = (0, _styledComponents.default)(_Badge.Badge).withConfig({
   displayName: "Styles__StyledBadge",
   componentId: "sc-1ecrcba-4"
 })(["margin-left:4px;margin-right:-6px;"]);
-exports.StyledBadge = StyledBadge;
 StyledBadge.displayName = "StyledBadge";
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledCounterButtonWrapper","styled","div","FontStyle","BoxSizingStyle","displayName","StyledCounterButton","Button","props","$active","disabled","css","$selected","StyledCounterButtonReset","StyledCounterButtonLabel","Body2","StyledBadge","Badge"],"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\";\nimport { Badge } from \"../Badge\";\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    !props.disabled &&\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    ${(props) =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.5;\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\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  &:focus-visible {\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\nexport const StyledBadge = styled(Badge)`\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledBadge.displayName = \"StyledBadge\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAO1B,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,uBAC7C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,IACb,CAACD,KAAK,CAACE,QAAQ,QACfC,qBAAG,iGAUF;AAAA,GAED,UAACH,KAAK;EAAA,OACNA,KAAK,CAACI,SAAS,QACfD,qBAAG,wGAIF;AAAA,GAEC,UAACH,KAAK;EAAA,OACRA,KAAK,CAACE,QAAQ,QACdC,qBAAG,uCAGF;AAAA,EACJ;AAAC;AAEFL,mBAAmB,CAACD,WAAW,GAAG,qBAAqB;AAEhD,IAAMQ,wBAAwB,GAAG,IAAAZ,yBAAM,EAACM,cAAM,CAAC;EAAA;EAAA;AAAA,+NAWrD;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,QACdE,qBAAG,oCAEF;AAAA,GAGH,UAACH,KAAK;EAAA,OACNA,KAAK,CAACC,OAAO,QACbE,qBAAG,kCAEF;AAAA,EACJ;AAAC;AAEFG,wBAAwB,CAACT,WAAW,GAAG,0BAA0B;AAE1D,IAAMW,WAAW,GAAG,IAAAf,yBAAM,EAACgB,YAAK,CAAC;EAAA;EAAA;AAAA,0CAGvC;AAAC;AAEFD,WAAW,CAACX,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Body","_Button","_BoxSizingStyle","_FontStyle","_Badge","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCounterButtonWrapper","exports","styled","div","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","StyledCounterButton","Button","props","$active","disabled","css","$selected","StyledCounterButtonReset","StyledCounterButtonLabel","Body2","StyledBadge","Badge"],"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\";\nimport { Badge } from \"../Badge\";\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    !props.disabled &&\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    ${(props) =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.5;\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\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  &:focus-visible {\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\nexport const StyledBadge = styled(Badge)`\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledBadge.displayName = \"StyledBadge\";\n"],"mappings":"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"}

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

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

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

@@ -3,37 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.customClassNames = void 0;
-var customClassNames = {
-  container: "c-DayPicker",
-  wrapper: "c-DayPicker-wrapper",
+exports.modifiersClassNames = exports.customClassNames = void 0;
+// default modifiers
+var customClassNames = exports.customClassNames = {
+  root: "c-DayPicker",
   interactionDisabled: "c-DayPicker--interactionDisabled",
+  ///// da li treba?
   months: "c-DayPicker-Months",
-  month: "c-DayPicker-Month",
-  navBar: "c-DayPicker-NavBar",
-  navButtonPrev: "c-DayPicker-NavButton DayPicker-NavButton--prev",
-  navButtonNext: "c-DayPicker-NavButton DayPicker-NavButton--next",
+  month: "c-DayPicker-Wrapper",
+  table: "c-DayPicker-Month",
+  nav: "c-DayPicker-NavBar",
+  nav_button_previous: "c-DayPicker-NavButton DayPicker-NavButton--prev",
+  nav_button_next: "c-DayPicker-NavButton DayPicker-NavButton--next",
   navButtonInteractionDisabled: "c-DayPicker-NavButton--interactionDisabled",
+  ///// da li treba?
+
   caption: "c-DayPicker-Caption",
-  weekdays: "c-DayPicker-Weekdays",
-  weekdaysRow: "c-DayPicker-WeekdaysRow",
-  weekday: "c-DayPicker-Weekday",
-  body: "c-DayPicker-Body",
-  week: "c-DayPicker-Week",
-  weekNumber: "c-DayPicker-WeekNumber",
+  head: "c-DayPicker-Weekdays",
+  head_row: "c-DayPicker-WeekdaysRow",
+  head_cell: "c-DayPicker-Weekday",
+  tbody: "c-DayPicker-Body",
+  row: "c-DayPicker-Week",
   day: "c-DayPicker-Day",
-  footer: "c-DayPicker-Footer",
-  todayButton: "c-DayPicker-TodayButton",
-  // default modifiers
-  today: "c-DayPicker-Day--today",
-  selected: "c-DayPicker-Day--selected",
-  disabled: "c-DayPicker-Day--disabled",
-  outside: "c-DayPicker-Day--outside",
-  // custom modifiers
+  tfoot: "c-DayPicker-Footer",
+  day_today: "c-DayPicker-Day--today",
+  day_selected: "c-DayPicker-Day--selected selected-day selected",
+  day_disabled: "c-DayPicker-Day--disabled",
+  day_outside: "c-DayPicker-Day--outside"
+};
+
+// custom modifiers
+var modifiersClassNames = exports.modifiersClassNames = {
   weekend: "c-DayPicker-Day--weekend",
   userAvailability: "c-DayPicker-Day--userAvailability",
   nonWorkingDaysOfWeek: "c-DayPicker-Day--nonWorkingDaysOfWeek",
-  nonWorkingDay: "c-DayPicker-Day--nonWorkingDay"
+  nonWorkingDay: "c-DayPicker-Day--nonWorkingDay",
+  hovered: "hover hovered hovered-day",
+  day_disabled: "c-DayPicker-Day--disabled"
 };
-exports.customClassNames = customClassNames;
 //# sourceMappingURL=ClassNames.js.map

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

@@ -1 +1 @@
-{"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","nonWorkingDaysOfWeek","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  nonWorkingDaysOfWeek: \"c-DayPicker-Day--nonWorkingDaysOfWeek\",\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,oBAAoB,EAAE,uCAAuC;EAC7DC,aAAa,EAAE;AACjB,CAAC;AAAC"}
+{"version":3,"file":"ClassNames.js","names":["customClassNames","exports","root","interactionDisabled","months","month","table","nav","nav_button_previous","nav_button_next","navButtonInteractionDisabled","caption","head","head_row","head_cell","tbody","row","day","tfoot","day_today","day_selected","day_disabled","day_outside","modifiersClassNames","weekend","userAvailability","nonWorkingDaysOfWeek","nonWorkingDay","hovered"],"sources":["../../../../src/components/DatePicker/ClassNames.tsx"],"sourcesContent":["// default modifiers\nexport const customClassNames = {\n  root: \"c-DayPicker\",\n  interactionDisabled: \"c-DayPicker--interactionDisabled\", ///// da li treba?\n  months: \"c-DayPicker-Months\",\n  month: \"c-DayPicker-Wrapper\",\n  table: \"c-DayPicker-Month\",\n\n  nav: \"c-DayPicker-NavBar\",\n  nav_button_previous: \"c-DayPicker-NavButton DayPicker-NavButton--prev\",\n  nav_button_next: \"c-DayPicker-NavButton DayPicker-NavButton--next\",\n  navButtonInteractionDisabled: \"c-DayPicker-NavButton--interactionDisabled\", ///// da li treba?\n\n  caption: \"c-DayPicker-Caption\",\n  head: \"c-DayPicker-Weekdays\",\n  head_row: \"c-DayPicker-WeekdaysRow\",\n  head_cell: \"c-DayPicker-Weekday\",\n  tbody: \"c-DayPicker-Body\",\n  row: \"c-DayPicker-Week\",\n  day: \"c-DayPicker-Day\",\n  tfoot: \"c-DayPicker-Footer\",\n\n  day_today: \"c-DayPicker-Day--today\",\n  day_selected: \"c-DayPicker-Day--selected selected-day selected\",\n  day_disabled: \"c-DayPicker-Day--disabled\",\n  day_outside: \"c-DayPicker-Day--outside\",\n};\n\n// custom modifiers\nexport const modifiersClassNames = {\n  weekend: \"c-DayPicker-Day--weekend\",\n  userAvailability: \"c-DayPicker-Day--userAvailability\",\n  nonWorkingDaysOfWeek: \"c-DayPicker-Day--nonWorkingDaysOfWeek\",\n  nonWorkingDay: \"c-DayPicker-Day--nonWorkingDay\",\n  hovered: \"hover hovered hovered-day\",\n  day_disabled: \"c-DayPicker-Day--disabled\",\n};\n"],"mappings":";;;;;;AAAA;AACO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,IAAI,EAAE,aAAa;EACnBC,mBAAmB,EAAE,kCAAkC;EAAE;EACzDC,MAAM,EAAE,oBAAoB;EAC5BC,KAAK,EAAE,qBAAqB;EAC5BC,KAAK,EAAE,mBAAmB;EAE1BC,GAAG,EAAE,oBAAoB;EACzBC,mBAAmB,EAAE,iDAAiD;EACtEC,eAAe,EAAE,iDAAiD;EAClEC,4BAA4B,EAAE,4CAA4C;EAAE;;EAE5EC,OAAO,EAAE,qBAAqB;EAC9BC,IAAI,EAAE,sBAAsB;EAC5BC,QAAQ,EAAE,yBAAyB;EACnCC,SAAS,EAAE,qBAAqB;EAChCC,KAAK,EAAE,kBAAkB;EACzBC,GAAG,EAAE,kBAAkB;EACvBC,GAAG,EAAE,iBAAiB;EACtBC,KAAK,EAAE,oBAAoB;EAE3BC,SAAS,EAAE,wBAAwB;EACnCC,YAAY,EAAE,iDAAiD;EAC/DC,YAAY,EAAE,2BAA2B;EACzCC,WAAW,EAAE;AACf,CAAC;;AAED;AACO,IAAMC,mBAAmB,GAAAtB,OAAA,CAAAsB,mBAAA,GAAG;EACjCC,OAAO,EAAE,0BAA0B;EACnCC,gBAAgB,EAAE,mCAAmC;EACrDC,oBAAoB,EAAE,uCAAuC;EAC7DC,aAAa,EAAE,gCAAgC;EAC/CC,OAAO,EAAE,2BAA2B;EACpCP,YAAY,EAAE;AAChB,CAAC"}

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

@@ -1,31 +1,22 @@
 "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,
+var _dateFns = require("date-fns");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var CustomNavBarElement = exports.CustomNavBarElement = function CustomNavBarElement(_ref) {
+  var month = _ref.month,
     _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);
+    onMonthChange = _ref.onMonthChange;
+  var nextMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, 12) : (0, _dateFns.addMonths)(month, 1);
+  var previousMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, -12) : (0, _dateFns.addMonths)(month, -1);
   var onNextClick = (0, _react.useCallback)(function () {
     if (onChangeDirection) {
       onChangeDirection(true);
@@ -43,20 +34,8 @@ var CustomNavBarElement = function CustomNavBarElement(_ref) {
     }
   }, [onChangeDirection, onMonthChange, previousMonth]);
   return /*#__PURE__*/_react.default.createElement(_NavBarElement.NavBarElement, {
-    className: className,
-    classNames: classNames,
-    month: month,
-    showPreviousButton: showPreviousButton,
-    showNextButton: showNextButton,
-    labels: labels,
-    localeUtils: localeUtils,
-    locale: locale,
-    previousMonth: previousMonth,
-    nextMonth: nextMonth,
     onNextClick: onNextClick,
-    onPreviousClick: onPreviousClick,
-    onClick: onClick
+    onPreviousClick: onPreviousClick
   });
 };
-exports.CustomNavBarElement = CustomNavBarElement;
 //# sourceMappingURL=CustomNavBarElement.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"CustomNavBarElement.js","names":["_react","_interopRequireWildcard","require","_NavBarElement","_dateFns","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CustomNavBarElement","exports","_ref","month","_ref$showMonthPicker","showMonthPicker","onChangeDirection","onMonthChange","nextMonth","addMonths","previousMonth","onNextClick","useCallback","onPreviousClick","createElement","NavBarElement"],"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { CaptionProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\nimport { addMonths } from \"date-fns\";\n\ninterface ICustomNavBarElementProps extends CaptionProps {\n  showMonthPicker: boolean;\n  onChangeDirection?: (direction: boolean) => void;\n  onMonthChange?: (month: Date) => void;\n  onClick?: () => void;\n  month: Date;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n  month,\n  showMonthPicker = false,\n  onChangeDirection,\n  onMonthChange,\n}) => {\n  const nextMonth = showMonthPicker\n    ? addMonths(month, 12)\n    : addMonths(month, 1);\n  const previousMonth = showMonthPicker\n    ? addMonths(month, -12)\n    : 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      onNextClick={onNextClick}\n      onPreviousClick={onPreviousClick}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAAqC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAU9B,IAAMY,mBAAkD,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAArDA,mBAAkDA,CAAAE,IAAA,EAKzD;EAAA,IAJJC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAAC,oBAAA,GAAAF,IAAA,CACLG,eAAe;IAAfA,eAAe,GAAAD,oBAAA,cAAG,KAAK,GAAAA,oBAAA;IACvBE,iBAAiB,GAAAJ,IAAA,CAAjBI,iBAAiB;IACjBC,aAAa,GAAAL,IAAA,CAAbK,aAAa;EAEb,IAAMC,SAAS,GAAGH,eAAe,GAC7B,IAAAI,kBAAS,EAACN,KAAK,EAAE,EAAE,CAAC,GACpB,IAAAM,kBAAS,EAACN,KAAK,EAAE,CAAC,CAAC;EACvB,IAAMO,aAAa,GAAGL,eAAe,GACjC,IAAAI,kBAAS,EAACN,KAAK,EAAE,CAAC,EAAE,CAAC,GACrB,IAAAM,kBAAS,EAACN,KAAK,EAAE,CAAC,CAAC,CAAC;EAExB,IAAMQ,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACpC,IAAIN,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,IAAI,CAAC;IACzB;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACC,SAAS,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,SAAS,EAAEF,iBAAiB,EAAEC,aAAa,CAAC,CAAC;EAEjD,IAAMM,eAAe,GAAG,IAAAD,kBAAW,EAAC,YAAM;IACxC,IAAIN,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,KAAK,CAAC;IAC1B;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACG,aAAa,CAAC;IAC9B;EACF,CAAC,EAAE,CAACJ,iBAAiB,EAAEC,aAAa,EAAEG,aAAa,CAAC,CAAC;EAErD,oBACEpC,MAAA,CAAAW,OAAA,CAAA6B,aAAA,CAACrC,cAAA,CAAAsC,aAAa;IACZJ,WAAW,EAAEA,WAAY;IACzBE,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC"}