@activecollab/components 2.0.90 → 2.0.91

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

@@ -1 +1 @@
-{"version":3,"file":"CounterButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_CloseSmall","_Tooltip","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CounterButton","exports","forwardRef","_ref","ref","label","icon","active","counter","tooltipText","onClearAll","className","labelClassName","disabled","args","createElement","StyledCounterButtonWrapper","StyledCounterButton","_extends2","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\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\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  /** Applies passed classes for label text */\n  labelClassName?: 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      labelClassName,\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={classNames(\"c-counter-button__label\", labelClassName)}\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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"}
+{"version":3,"file":"CounterButton.js","names":["React","forwardRef","classNames","StyledBadge","StyledCounterButton","StyledCounterButtonLabel","StyledCounterButtonReset","StyledCounterButtonWrapper","CloseSmallIcon","Tooltip","CounterButton","_ref","ref","label","icon","active","counter","tooltipText","onClearAll","className","labelClassName","disabled","args","createElement","_extends","variant","$active","$selected","cloneElement","color","weight","isStandalone","dimension","value","title","popperTooltipClassName","onClick","displayName"],"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport {\n  StyledBadge,\n  StyledCounterButton,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\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  /** Applies passed classes for label text */\n  labelClassName?: 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      labelClassName,\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={classNames(\"c-counter-button__label\", labelClassName)}\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,OAAOA,KAAK,IAAIC,UAAU,QAAsB,OAAO;AAEvD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,WAAW,EACXC,mBAAmB,EACnBC,wBAAwB,EACxBC,wBAAwB,EACxBC,0BAA0B,QACrB,UAAU;AACjB,OAAOC,cAAc,MAAM,gCAAgC;AAC3D,SAASC,OAAO,QAAQ,oBAAoB;AAuB5C,OAAO,MAAMC,aAAa,gBAAGT,UAAU,CACrC,CAAAU,IAAA,EAaEC,GAAG,KACA;EAAA,IAbH;IACEC,KAAK;IACLC,IAAI;IACJC,MAAM;IACNC,OAAO,GAAG,CAAC;IACXC,WAAW;IACXC,UAAU;IACVC,SAAS;IACTC,cAAc;IACdC,QAAQ,GAAG,KAAK;IAChB,GAAGC;EACL,CAAC,GAAAX,IAAA;EAGD,oBACEX,KAAA,CAAAuB,aAAA,CAAChB,0BAA0B;IAACK,GAAG,EAAEA,GAAI;IAACO,SAAS,EAAEA;EAAU,gBACzDnB,KAAA,CAAAuB,aAAA,CAACnB,mBAAmB,EAAAoB,QAAA;IAClBH,QAAQ,EAAEA,QAAS;IACnB,iBAAeA,QAAS;IACxBF,SAAS,EAAEjB,UAAU,CAAC,kBAAkB,EAAE;MACxC,4BAA4B,EAAEc;IAChC,CAAC;EAAE,GACCM,IAAI;IACRG,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAEV,OAAO,GAAG,CAAC,IAAID,MAAO;IAC/BY,SAAS,EAAEX,OAAO,GAAG;EAAE,IAEtBF,IAAI,iBACHd,KAAK,CAAC4B,YAAY,CAACd,IAAI,EAAE;IACvBK,SAAS,EAAEjB,UAAU,CAAC,wBAAwB;EAChD,CAAC,CAAC,EACHW,KAAK,iBACJb,KAAA,CAAAuB,aAAA,CAAClB,wBAAwB;IACvBwB,KAAK,EAAC,WAAW;IACjBC,MAAM,EAAC,QAAQ;IACfX,SAAS,EAAEjB,UAAU,CAAC,yBAAyB,EAAEkB,cAAc,CAAE;IACjEM,OAAO,EAAEV,OAAO,GAAG,CAAC,IAAID;EAAO,GAE9BF,KACuB,CAC3B,EACAG,OAAO,GAAG,CAAC,gBACVhB,KAAA,CAAAuB,aAAA,CAACpB,WAAW;IAAC4B,YAAY,EAAE,IAAK;IAACC,SAAS,EAAE,EAAG;IAACC,KAAK,EAAEjB;EAAQ,CAAE,CAAC,GAChE,IACe,CAAC,EACrBA,OAAO,GAAG,CAAC,gBACVhB,KAAA,CAAAuB,aAAA,CAACd,OAAO;IACNyB,KAAK,OAAKjB,WAAc;IACxBkB,sBAAsB,EAAC;EAAc,gBAErCnC,KAAA,CAAAuB,aAAA,CAACjB,wBAAwB;IACvBmB,OAAO,EAAC,cAAc;IACtBN,SAAS,EAAC,yBAAyB;IACnCiB,OAAO,EAAElB;EAAW,gBAEpBlB,KAAA,CAAAuB,aAAA,CAACf,cAAc,MAAE,CACO,CACnB,CAAC,GACR,IACsB,CAAC;AAEjC,CACF,CAAC;AAEDE,aAAa,CAAC2B,WAAW,GAAG,eAAe"}

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

@@ -1,42 +1,34 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledCounterButtonWrapper = exports.StyledCounterButtonReset = exports.StyledCounterButtonLabel = exports.StyledCounterButton = exports.StyledBadge = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Badge = require("../Badge");
-var _BoxSizingStyle = require("../BoxSizingStyle");
-var _Button = require("../Button/Button");
-var _FontStyle = require("../FontStyle");
-var _Body = require("../Typography/Variants/Body2");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledCounterButtonWrapper = exports.StyledCounterButtonWrapper = _styledComponents.default.div.withConfig({
+import styled, { css } from "styled-components";
+import { Badge } from "../Badge";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { Button } from "../Button/Button";
+import { FontStyle } from "../FontStyle";
+import { Body2 } from "../Typography/Variants/Body2";
+export const StyledCounterButtonWrapper = styled.div.withConfig({
   displayName: "Styles__StyledCounterButtonWrapper",
   componentId: "sc-1ecrcba-0"
 })(["", " ", " ", " width:fit-content;"], {
   "display": "flex"
-}, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle);
+}, FontStyle, BoxSizingStyle);
 StyledCounterButtonWrapper.displayName = "StyledCounterButtonWrapper";
-const StyledCounterButton = exports.StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withConfig({
+export const StyledCounterButton = styled(Button).withConfig({
   displayName: "Styles__StyledCounterButton",
   componentId: "sc-1ecrcba-1"
-})(["", " ", " ", ""], props => props.$active && !props.disabled && (0, _styledComponents.css)(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]), props => props.$selected && (0, _styledComponents.css)(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]), props => props.disabled && (0, _styledComponents.css)(["pointer-events:none;opacity:0.5;"]));
+})(["", " ", " ", ""], props => props.$active && !props.disabled && css(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]), props => props.$selected && css(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]), props => props.disabled && css(["pointer-events:none;opacity:0.5;"]));
 StyledCounterButton.displayName = "StyledCounterButton";
-const StyledCounterButtonReset = exports.StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({
+export const StyledCounterButtonReset = styled(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;}"]);
 StyledCounterButtonReset.displayName = "StyledCounterButtonReset";
-const StyledCounterButtonLabel = exports.StyledCounterButtonLabel = (0, _styledComponents.default)(_Body.Body2).withConfig({
+export const StyledCounterButtonLabel = styled(Body2).withConfig({
   displayName: "Styles__StyledCounterButtonLabel",
   componentId: "sc-1ecrcba-3"
 })(["", " ", ":hover &&{", "}", ""], {
   "pointerEvents": "none"
-}, StyledCounterButton, props => !props.$active && (0, _styledComponents.css)(["color:var(--color-theme-900);"]), props => props.$active && (0, _styledComponents.css)(["color:var(--color-primary);"]));
+}, StyledCounterButton, props => !props.$active && css(["color:var(--color-theme-900);"]), props => props.$active && css(["color:var(--color-primary);"]));
 StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
-const StyledBadge = exports.StyledBadge = (0, _styledComponents.default)(_Badge.Badge).withConfig({
+export const StyledBadge = styled(Badge).withConfig({
   displayName: "Styles__StyledBadge",
   componentId: "sc-1ecrcba-4"
 })(["margin-left:4px;margin-right:-6px;"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Badge","_BoxSizingStyle","_Button","_FontStyle","_Body","_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\";\n\nimport { Badge } from \"../Badge\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\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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"}
+{"version":3,"file":"Styles.js","names":["styled","css","Badge","BoxSizingStyle","Button","FontStyle","Body2","StyledCounterButtonWrapper","div","withConfig","displayName","componentId","StyledCounterButton","props","$active","disabled","$selected","StyledCounterButtonReset","StyledCounterButtonLabel","StyledBadge"],"sources":["../../../../src/components/CounterButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Badge } from \"../Badge\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Button } from \"../Button/Button\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\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,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,KAAK,QAAQ,8BAA8B;AAOpD,OAAO,MAAMC,0BAA0B,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAC9C;EAAA;AAAQ,CAAC,EACXN,SAAS,EACTF,cAAc,CAEjB;AAEDI,0BAA0B,CAACG,WAAW,GAAG,4BAA4B;AAErE,OAAO,MAAME,mBAAmB,GAAGZ,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC5CE,KAAK,IACNA,KAAK,CAACC,OAAO,IACb,CAACD,KAAK,CAACE,QAAQ,IACfd,GAAG,gGAUF,EAEAY,KAAK,IACNA,KAAK,CAACG,SAAS,IACff,GAAG,uGAIF,EAEEY,KAAK,IACRA,KAAK,CAACE,QAAQ,IACdd,GAAG,sCAGF,CACJ;AAEDW,mBAAmB,CAACF,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMO,wBAAwB,GAAGjB,MAAM,CAACI,MAAM,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+NAWrD;AAEDM,wBAAwB,CAACP,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMQ,wBAAwB,GAAGlB,MAAM,CAACM,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qCAC/C;EAAA;AAAuB,CAAC,EAE1BC,mBAAmB,EAChBC,KAAK,IACN,CAACA,KAAK,CAACC,OAAO,IACdb,GAAG,mCAEF,EAGFY,KAAK,IACNA,KAAK,CAACC,OAAO,IACbb,GAAG,iCAEF,CACJ;AAEDiB,wBAAwB,CAACR,WAAW,GAAG,0BAA0B;AAEjE,OAAO,MAAMS,WAAW,GAAGnB,MAAM,CAACE,KAAK,CAAC,CAAAO,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0CAGvC;AAEDQ,WAAW,CAACT,WAAW,GAAG,aAAa"}

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

@@ -1,17 +1,2 @@
-"use strict";
-
-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;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CounterButton[key];
-    }
-  });
-});
+export * from "./CounterButton";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"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,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/CounterButton/index.ts"],"sourcesContent":["export * from \"./CounterButton\";\n"],"mappings":"AAAA,cAAc,iBAAiB"}

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

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.modifiersClassNames = exports.customClassNames = void 0;
 // default modifiers
-const customClassNames = exports.customClassNames = {
+export const customClassNames = {
   root: "c-DayPicker",
   interactionDisabled: "c-DayPicker--interactionDisabled",
   ///// da li treba?
@@ -33,7 +27,7 @@ const customClassNames = exports.customClassNames = {
 };
 
 // custom modifiers
-const modifiersClassNames = exports.modifiersClassNames = {
+export const modifiersClassNames = {
   weekend: "c-DayPicker-Day--weekend",
   userAvailability: "c-DayPicker-Day--userAvailability",
   nonWorkingDaysOfWeek: "c-DayPicker-Day--nonWorkingDaysOfWeek",

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

@@ -1 +1 @@
-{"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,MAAMA,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,MAAMC,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"}
+{"version":3,"file":"ClassNames.js","names":["customClassNames","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;AACA,OAAO,MAAMA,gBAAgB,GAAG;EAC9BC,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;AACA,OAAO,MAAMC,mBAAmB,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/esm/components/DatePicker/CustomNavBarElement.js

@@ -1,24 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CustomNavBarElement = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dateFns = require("date-fns");
-var _NavBarElement = require("../Pickers/NavBarElement");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CustomNavBarElement = _ref => {
+import React, { useCallback } from "react";
+import { addMonths } from "date-fns";
+import { NavBarElement } from "../Pickers/NavBarElement";
+export const CustomNavBarElement = _ref => {
   let {
     month,
     showMonthPicker = false,
     onChangeDirection,
     onMonthChange
   } = _ref;
-  const nextMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, 12) : (0, _dateFns.addMonths)(month, 1);
-  const previousMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, -12) : (0, _dateFns.addMonths)(month, -1);
-  const onNextClick = (0, _react.useCallback)(() => {
+  const nextMonth = showMonthPicker ? addMonths(month, 12) : addMonths(month, 1);
+  const previousMonth = showMonthPicker ? addMonths(month, -12) : addMonths(month, -1);
+  const onNextClick = useCallback(() => {
     if (onChangeDirection) {
       onChangeDirection(true);
     }
@@ -26,7 +18,7 @@ const CustomNavBarElement = _ref => {
       onMonthChange(nextMonth);
     }
   }, [nextMonth, onChangeDirection, onMonthChange]);
-  const onPreviousClick = (0, _react.useCallback)(() => {
+  const onPreviousClick = useCallback(() => {
     if (onChangeDirection) {
       onChangeDirection(false);
     }
@@ -34,10 +26,9 @@ const CustomNavBarElement = _ref => {
       onMonthChange(previousMonth);
     }
   }, [onChangeDirection, onMonthChange, previousMonth]);
-  return /*#__PURE__*/_react.default.createElement(_NavBarElement.NavBarElement, {
+  return /*#__PURE__*/React.createElement(NavBarElement, {
     onNextClick: onNextClick,
     onPreviousClick: onPreviousClick
   });
 };
-exports.CustomNavBarElement = CustomNavBarElement;
 //# sourceMappingURL=CustomNavBarElement.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CustomNavBarElement.js","names":["_react","_interopRequireWildcard","require","_dateFns","_NavBarElement","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CustomNavBarElement","_ref","month","showMonthPicker","onChangeDirection","onMonthChange","nextMonth","addMonths","previousMonth","onNextClick","useCallback","onPreviousClick","createElement","NavBarElement","exports"],"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { CaptionProps } from \"react-day-picker\";\n\nimport { addMonths } from \"date-fns\";\n\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\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;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AAAyD,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAUlD,MAAMY,mBAAkD,GAAGC,IAAA,IAK5D;EAAA,IAL6D;IACjEC,KAAK;IACLC,eAAe,GAAG,KAAK;IACvBC,iBAAiB;IACjBC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,SAAS,GAAGH,eAAe,GAC7B,IAAAI,kBAAS,EAACL,KAAK,EAAE,EAAE,CAAC,GACpB,IAAAK,kBAAS,EAACL,KAAK,EAAE,CAAC,CAAC;EACvB,MAAMM,aAAa,GAAGL,eAAe,GACjC,IAAAI,kBAAS,EAACL,KAAK,EAAE,CAAC,EAAE,CAAC,GACrB,IAAAK,kBAAS,EAACL,KAAK,EAAE,CAAC,CAAC,CAAC;EAExB,MAAMO,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;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,MAAMM,eAAe,GAAG,IAAAD,kBAAW,EAAC,MAAM;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,oBACElC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAAClC,cAAA,CAAAmC,aAAa;IACZJ,WAAW,EAAEA,WAAY;IACzBE,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC;AAACG,OAAA,CAAAd,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"CustomNavBarElement.js","names":["React","useCallback","addMonths","NavBarElement","CustomNavBarElement","_ref","month","showMonthPicker","onChangeDirection","onMonthChange","nextMonth","previousMonth","onNextClick","onPreviousClick","createElement"],"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { CaptionProps } from \"react-day-picker\";\n\nimport { addMonths } from \"date-fns\";\n\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\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,OAAOA,KAAK,IAAQC,WAAW,QAAQ,OAAO;AAG9C,SAASC,SAAS,QAAQ,UAAU;AAEpC,SAASC,aAAa,QAAQ,0BAA0B;AAUxD,OAAO,MAAMC,mBAAkD,GAAGC,IAAA,IAK5D;EAAA,IAL6D;IACjEC,KAAK;IACLC,eAAe,GAAG,KAAK;IACvBC,iBAAiB;IACjBC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAMK,SAAS,GAAGH,eAAe,GAC7BL,SAAS,CAACI,KAAK,EAAE,EAAE,CAAC,GACpBJ,SAAS,CAACI,KAAK,EAAE,CAAC,CAAC;EACvB,MAAMK,aAAa,GAAGJ,eAAe,GACjCL,SAAS,CAACI,KAAK,EAAE,CAAC,EAAE,CAAC,GACrBJ,SAAS,CAACI,KAAK,EAAE,CAAC,CAAC,CAAC;EAExB,MAAMM,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpC,IAAIO,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,MAAMI,eAAe,GAAGZ,WAAW,CAAC,MAAM;IACxC,IAAIO,iBAAiB,EAAE;MACrBA,iBAAiB,CAAC,KAAK,CAAC;IAC1B;IACA,IAAIC,aAAa,EAAE;MACjBA,aAAa,CAACE,aAAa,CAAC;IAC9B;EACF,CAAC,EAAE,CAACH,iBAAiB,EAAEC,aAAa,EAAEE,aAAa,CAAC,CAAC;EAErD,oBACEX,KAAA,CAAAc,aAAA,CAACX,aAAa;IACZS,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA;EAAgB,CAClC,CAAC;AAEN,CAAC"}

package/dist/esm/components/DatePicker/DatePicker.js

@@ -1,23 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DatePicker = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _dateFns = require("date-fns");
-var _moment = _interopRequireDefault(require("moment"));
-var _ClassNames = require("./ClassNames");
-var _CustomNavBarElement = require("./CustomNavBarElement");
-var _Styles = require("./Styles");
-var _YearMonthPicker = require("../Pickers/YearMonthPicker");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const formatWeekdayName = str => (0, _moment.default)(str).format("ddd").charAt(0);
-const DatePicker = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useState, useCallback, useMemo, useEffect } from "react";
+import { SwitchTransition } from "react-transition-group";
+import { addMonths, isAfter } from "date-fns";
+import moment from "moment";
+import { customClassNames, modifiersClassNames } from "./ClassNames";
+import { CustomNavBarElement } from "./CustomNavBarElement";
+import { StyledDatePicker, StyledDatePickerCSSTransition, StyledDayPicker } from "./Styles";
+import { YearMonthPicker } from "../Pickers/YearMonthPicker";
+const formatWeekdayName = str => moment(str).format("ddd").charAt(0);
+export const DatePicker = _ref => {
   let {
     className,
     onChange,
@@ -34,17 +25,17 @@ const DatePicker = _ref => {
     renderDay,
     ...rest
   } = _ref;
-  const [enteredTo, setEnteredTo] = (0, _react.useState)();
-  const [enteredFrom, setEnteredFrom] = (0, _react.useState)();
-  const [stopScroll, setStopScroll] = (0, _react.useState)();
-  const [direction, setDirection] = (0, _react.useState)(true);
-  const [isPreselected, setIsPreselected] = (0, _react.useState)(() => {
-    return selectedDays?.from instanceof Date && selectedDays?.to instanceof Date;
+  const [enteredTo, setEnteredTo] = useState();
+  const [enteredFrom, setEnteredFrom] = useState();
+  const [stopScroll, setStopScroll] = useState();
+  const [direction, setDirection] = useState(true);
+  const [isPreselected, setIsPreselected] = useState(() => {
+    return (selectedDays == null ? void 0 : selectedDays.from) instanceof Date && (selectedDays == null ? void 0 : selectedDays.to) instanceof Date;
   });
-  const [showMonthPicker, setShowMonthPicker] = (0, _react.useState)(selectionMode === "quarterly" || selectionMode === "monthly");
-  const [modifiers, setModifiers] = (0, _react.useState)(defaultModifiers);
+  const [showMonthPicker, setShowMonthPicker] = useState(selectionMode === "quarterly" || selectionMode === "monthly");
+  const [modifiers, setModifiers] = useState(defaultModifiers);
   const week = firstDayOfWeek === 0 ? "week" : "isoWeek";
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (enteredFrom instanceof Date && enteredTo instanceof Date) {
       setModifiers(prev => {
         return {
@@ -59,7 +50,7 @@ const DatePicker = _ref => {
       setModifiers(defaultModifiers);
     }
   }, [enteredTo, enteredFrom, defaultModifiers]);
-  const handleDayClick = (0, _react.useCallback)((day, modifiers) => {
+  const handleDayClick = useCallback((day, modifiers) => {
     if (onDayClick) {
       onDayClick(day, modifiers);
     }
@@ -73,7 +64,7 @@ const DatePicker = _ref => {
       return;
     }
     // reset the selectedDays if the user clicks on the same day
-    if (!dateRequired && (selectedDays?.from && (0, _moment.default)(day).isSame((0, _moment.default)(selectedDays.from), "day") || selectedDays?.to && (0, _moment.default)(day).isSame((0, _moment.default)(selectedDays.to), "day"))) {
+    if (!dateRequired && (selectedDays != null && selectedDays.from && moment(day).isSame(moment(selectedDays.from), "day") || selectedDays != null && selectedDays.to && moment(day).isSame(moment(selectedDays.to), "day"))) {
       setEnteredTo(undefined);
       setEnteredFrom(undefined);
       return onChange(undefined);
@@ -85,12 +76,12 @@ const DatePicker = _ref => {
       });
     }
     if (selectionMode === "weekly") {
-      if (!dateRequired && selectedDays?.from && (0, _moment.default)(day).isSame((0, _moment.default)(selectedDays.from), week)) {
+      if (!dateRequired && selectedDays != null && selectedDays.from && moment(day).isSame(moment(selectedDays.from), week)) {
         return onChange(undefined);
       }
       return onChange({
-        from: (0, _moment.default)(day).startOf(week).toDate(),
-        to: (0, _moment.default)(day).endOf(week).toDate()
+        from: moment(day).startOf(week).toDate(),
+        to: moment(day).endOf(week).toDate()
       });
     }
     if (selectionMode === "custom") {
@@ -101,8 +92,8 @@ const DatePicker = _ref => {
           to: day
         });
       }
-      if (!selectedDays || selectedDays?.from && selectedDays?.to && !(0, _moment.default)(selectedDays.from).isSame((0, _moment.default)(selectedDays.to))) {
-        if (!dateRequired && selectedDays?.from && selectedDays?.to && (0, _moment.default)(day).isBetween((0, _moment.default)(selectedDays.from), (0, _moment.default)(selectedDays.to))) {
+      if (!selectedDays || selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to))) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && moment(day).isBetween(moment(selectedDays.from), moment(selectedDays.to))) {
           setEnteredTo(day);
           setEnteredFrom(day);
           return onChange(undefined);
@@ -113,7 +104,7 @@ const DatePicker = _ref => {
           to: day
         });
       }
-      if (selectedDays?.from && (0, _dateFns.isAfter)(day, selectedDays.from)) {
+      if (selectedDays != null && selectedDays.from && isAfter(day, selectedDays.from)) {
         setEnteredTo(undefined);
         setEnteredFrom(undefined);
         return onChange({
@@ -121,7 +112,7 @@ const DatePicker = _ref => {
           to: day
         });
       }
-      if (selectedDays?.to) {
+      if (selectedDays != null && selectedDays.to) {
         setEnteredTo(undefined);
         setEnteredFrom(undefined);
         return onChange({
@@ -135,15 +126,15 @@ const DatePicker = _ref => {
       });
     }
   }, [onDayClick, onChange, month, selectionMode, dateRequired, selectedDays, onMonthChange, week, isPreselected]);
-  const isSelectedFirstDay = (0, _react.useCallback)(() => {
+  const isSelectedFirstDay = useCallback(() => {
     if (selectionMode !== "custom") {
       return false;
     }
-    if (selectedDays?.from && selectedDays?.to) {
-      return (0, _moment.default)(selectedDays.from).isSame(selectedDays.to);
+    if (selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to) {
+      return moment(selectedDays.from).isSame(selectedDays.to);
     }
   }, [selectionMode, selectedDays]);
-  const handleDayMouseEnter = (0, _react.useCallback)(day => {
+  const handleDayMouseEnter = useCallback(day => {
     if (isPreselected && selectionMode !== "weekly") {
       setEnteredTo(day);
       setEnteredFrom(day);
@@ -154,30 +145,30 @@ const DatePicker = _ref => {
       setEnteredFrom(day);
     }
     if (selectionMode === "weekly") {
-      setEnteredFrom((0, _moment.default)(day).startOf(week).toDate());
-      setEnteredTo((0, _moment.default)(day).endOf(week).toDate());
+      setEnteredFrom(moment(day).startOf(week).toDate());
+      setEnteredTo(moment(day).endOf(week).toDate());
     }
-    if (selectionMode !== "weekly" && (!selectedDays || selectedDays?.from && selectedDays?.to && !(0, _moment.default)(selectedDays.from).isSame((0, _moment.default)(selectedDays.to)))) {
+    if (selectionMode !== "weekly" && (!selectedDays || selectedDays != null && selectedDays.from && selectedDays != null && selectedDays.to && !moment(selectedDays.from).isSame(moment(selectedDays.to)))) {
       setEnteredTo(day);
       setEnteredFrom(day);
     }
-    if (isSelectedFirstDay() && selectedDays?.from) {
+    if (isSelectedFirstDay() && selectedDays != null && selectedDays.from) {
       setEnteredFrom(selectedDays.from);
       setEnteredTo(day);
     }
   }, [selectionMode, isSelectedFirstDay, selectedDays, week, isPreselected]);
-  const onDayMouseLeave = (0, _react.useCallback)(() => {
+  const onDayMouseLeave = useCallback(() => {
     if (selectionMode === "weekly" || selectionMode === "daily" || selectionMode === "custom") {
       setEnteredFrom(undefined);
       setEnteredTo(undefined);
     }
   }, [setEnteredFrom, setEnteredTo, selectionMode]);
-  const onWheel = (0, _react.useCallback)(e => {
+  const onWheel = useCallback(e => {
     if (stopScroll && (new Date().getTime() - stopScroll.getTime()) / 1000 < 0.9) {
       return;
     }
-    const nextMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, 12) : (0, _dateFns.addMonths)(month, 1);
-    const previousMonth = showMonthPicker ? (0, _dateFns.addMonths)(month, -12) : (0, _dateFns.addMonths)(month, -1);
+    const nextMonth = showMonthPicker ? addMonths(month, 12) : addMonths(month, 1);
+    const previousMonth = showMonthPicker ? addMonths(month, -12) : addMonths(month, -1);
     if (e.deltaY > 0.9) {
       setDirection(true);
       onMonthChange(nextMonth);
@@ -189,51 +180,51 @@ const DatePicker = _ref => {
       setStopScroll(new Date());
     }
   }, [stopScroll, showMonthPicker, month, onMonthChange]);
-  const togglePicker = (0, _react.useCallback)(() => {
+  const togglePicker = useCallback(() => {
     if (selectionMode !== "monthly" && selectionMode !== "quarterly") {
       return setShowMonthPicker(!showMonthPicker);
     }
     setShowMonthPicker(true);
   }, [showMonthPicker, selectionMode]);
-  const handleYearMonthChange = (0, _react.useCallback)(m => {
+  const handleYearMonthChange = useCallback(m => {
     if (onChange) {
       if (selectionMode === "monthly") {
-        if (!dateRequired && selectedDays?.from && (0, _moment.default)(m).isSame((0, _moment.default)(selectedDays.from), "month")) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from), "month")) {
           return onChange(undefined);
         }
         onChange({
-          from: (0, _moment.default)(m).startOf("month").toDate(),
-          to: (0, _moment.default)(m).endOf("month").toDate()
+          from: moment(m).startOf("month").toDate(),
+          to: moment(m).endOf("month").toDate()
         });
       }
       if (selectionMode === "quarterly") {
-        if (!dateRequired && selectedDays?.from && (0, _moment.default)(m).isSame((0, _moment.default)(selectedDays.from).startOf("quarter"), "quarter")) {
+        if (!dateRequired && selectedDays != null && selectedDays.from && moment(m).isSame(moment(selectedDays.from).startOf("quarter"), "quarter")) {
           return onChange(undefined);
         }
         onChange({
-          from: (0, _moment.default)(m).startOf("quarter").toDate(),
-          to: (0, _moment.default)(m).endOf("quarter").toDate()
+          from: moment(m).startOf("quarter").toDate(),
+          to: moment(m).endOf("quarter").toDate()
         });
       }
     }
     onMonthChange(m);
   }, [onMonthChange, onChange, selectedDays, selectionMode, dateRequired]);
-  const text = (0, _react.useMemo)(() => {
+  const text = useMemo(() => {
     if (showMonthPicker) {
-      return `${month.getFullYear()}`;
+      return "" + month.getFullYear();
     }
-    return `${(0, _moment.default)(month).format("MMMM")} ${(0, _moment.default)(month).isSame((0, _moment.default)(), "year") ? "" : month.getFullYear()}`;
+    return moment(month).format("MMMM") + " " + (moment(month).isSame(moment(), "year") ? "" : month.getFullYear());
   }, [showMonthPicker, month]);
-  const customNavBarElement = (0, _react.useCallback)(props => {
-    return /*#__PURE__*/_react.default.createElement("div", {
+  const customNavBarElement = useCallback(props => {
+    return /*#__PURE__*/React.createElement("div", {
       className: "c-DayPicker-wrapper"
-    }, /*#__PURE__*/_react.default.createElement(_CustomNavBarElement.CustomNavBarElement, (0, _extends2.default)({}, props, {
+    }, /*#__PURE__*/React.createElement(CustomNavBarElement, _extends({}, props, {
       showMonthPicker: showMonthPicker,
       month: month,
       onChangeDirection: setDirection,
       onMonthChange: onMonthChange,
       onClick: togglePicker
-    })), /*#__PURE__*/_react.default.createElement(_YearMonthPicker.YearMonthPicker, (0, _extends2.default)({}, props, {
+    })), /*#__PURE__*/React.createElement(YearMonthPicker, _extends({}, props, {
       text: text,
       onClick: togglePicker,
       month: month,
@@ -243,7 +234,7 @@ const DatePicker = _ref => {
       selectionMode: selectionMode
     })));
   }, [showMonthPicker, month, onMonthChange, togglePicker, text, selectedDays, handleYearMonthChange, selectionMode]);
-  const onKeyDownCallback = (0, _react.useCallback)(e => {
+  const onKeyDownCallback = useCallback(e => {
     // Right Arrow
     if (e.key === "ArrowRight") {
       setDirection(true);
@@ -273,39 +264,39 @@ const DatePicker = _ref => {
       onMonthChange(new Date(month.getFullYear() - 1, month.getMonth()));
     }
   }, [showMonthPicker, onMonthChange, month]);
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     document.addEventListener("keydown", onKeyDownCallback);
     return () => {
       document.removeEventListener("keydown", onKeyDownCallback);
     };
   }, [month, onMonthChange, showMonthPicker, onKeyDownCallback]);
-  const selected = (0, _react.useMemo)(() => {
+  const selected = useMemo(() => {
     const dates = [];
-    if (!selectedDays?.from) return [];
+    if (!(selectedDays != null && selectedDays.from)) return [];
 
     // If from and to dates are the same, return an array with one item
-    if ((0, _moment.default)(selectedDays?.from).isSame(selectedDays?.to, "day")) {
-      dates.push(selectedDays?.from);
+    if (moment(selectedDays == null ? void 0 : selectedDays.from).isSame(selectedDays == null ? void 0 : selectedDays.to, "day")) {
+      dates.push(selectedDays == null ? void 0 : selectedDays.from);
       return dates;
     }
-    let currentDate = (0, _moment.default)(selectedDays?.from);
-    while (currentDate.isSameOrBefore(selectedDays?.to, "day")) {
+    let currentDate = moment(selectedDays == null ? void 0 : selectedDays.from);
+    while (currentDate.isSameOrBefore(selectedDays == null ? void 0 : selectedDays.to, "day")) {
       dates.push(currentDate.toDate());
       currentDate = currentDate.add(1, "days");
     }
     return dates;
-  }, [selectedDays?.from, selectedDays?.to]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledDatePicker, {
+  }, [selectedDays == null ? void 0 : selectedDays.from, selectedDays == null ? void 0 : selectedDays.to]);
+  return /*#__PURE__*/React.createElement(StyledDatePicker, {
     className: "c-date-picker-wrapper",
     onWheel: onWheel
-  }, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.SwitchTransition, {
+  }, /*#__PURE__*/React.createElement(SwitchTransition, {
     mode: "out-in"
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDatePickerCSSTransition, {
+  }, /*#__PURE__*/React.createElement(StyledDatePickerCSSTransition, {
     key: showMonthPicker ? month.getFullYear() : month.getMonth(),
     timeout: 300,
     classNames: "c-date-picker__animation",
     $direction: direction
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledDayPicker, (0, _extends2.default)({}, rest, {
+  }, /*#__PURE__*/React.createElement(StyledDayPicker, _extends({}, rest, {
     mode: "multiple",
     showOutsideDays: true,
     disabled: disabledDays,
@@ -321,8 +312,8 @@ const DatePicker = _ref => {
       Caption: customNavBarElement,
       DayContent: renderDay
     },
-    classNames: _ClassNames.customClassNames,
-    modifiersClassNames: _ClassNames.modifiersClassNames,
+    classNames: customClassNames,
+    modifiersClassNames: modifiersClassNames,
     fixedWeeks: fixedWeeks,
     weekStartsOn: firstDayOfWeek,
     formatters: {
@@ -330,6 +321,5 @@ const DatePicker = _ref => {
     }
   })))));
 };
-exports.DatePicker = DatePicker;
 DatePicker.displayName = "DatePicker";
 //# sourceMappingURL=DatePicker.js.map