@activecollab/components 1.0.6 → 1.0.10

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

@@ -0,0 +1,76 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CounterButton = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Tooltip = require("../Tooltip/Tooltip");
+
+var _CloseSmall = _interopRequireDefault(require("../Icons/collection/CloseSmall"));
+
+var _Styles = require("./Styles");
+
+var _excluded = ["label", "icon", "active", "counter", "tooltipText", "onClearAll", "className"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var CounterButton = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var label = _ref.label,
+      icon = _ref.icon,
+      active = _ref.active,
+      _ref$counter = _ref.counter,
+      counter = _ref$counter === void 0 ? 0 : _ref$counter,
+      tooltipText = _ref.tooltipText,
+      onClearAll = _ref.onClearAll,
+      className = _ref.className,
+      args = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("tw-flex ac-font box-sizing", className)
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButton, _extends({
+    className: (0, _classnames.default)("c-counter-button", {
+      "c-counter-button__selected": counter
+    })
+  }, args, {
+    ref: ref,
+    variant: "text gray",
+    $active: counter > 0 || active,
+    $selected: counter > 0
+  }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
+    className: (0, _classnames.default)("c-counter-button__icon")
+  }), label && /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonLabel, {
+    color: "secondary",
+    weight: "medium",
+    className: "c-counter-button__label",
+    $active: active
+  }, label), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonCounter, {
+    className: "c-counter-button__counter"
+  }, counter) : null), counter > 0 ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    title: "".concat(tooltipText),
+    popperTooltipClassName: "z-index-1300"
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledCounterButtonReset, {
+    variant: "text colored",
+    className: "c-counter-button__reset",
+    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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAwBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE;AAAK,IAAA,SAAS,EAAE,yBAAW,4BAAX,EAAyCD,SAAzC;AAAhB,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEE;AAJX,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n} from \"./Styles\";\n\ninterface 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: () => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <div className={classNames(\"tw-flex ac-font box-sizing\", className)}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\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={active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </div>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}

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

@@ -0,0 +1,56 @@
+"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.StyledCounterButtonReset = exports.StyledCounterButtonLabel = exports.StyledCounterButtonCounter = exports.StyledCounterButton = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _Body = require("../Typography/Variants/Body2");
+
+var _Button = require("../Button/Button");
+
+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 StyledCounterButton = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledCounterButton",
+  componentId: "sc-1ecrcba-0"
+})(["", " ", ""], function (props) {
+  return props.$active && (0, _styledComponents.css)(["padding:0 8px;svg{fill:var(--color-primary);}&:hover{background:var(--color-primary-300);}"]);
+}, function (props) {
+  return props.$selected && (0, _styledComponents.css)(["border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--color-primary-200);"]);
+});
+exports.StyledCounterButton = StyledCounterButton;
+StyledCounterButton.displayName = "StyledCounterButton";
+
+var StyledCounterButtonCounter = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledCounterButtonCounter",
+  componentId: "sc-1ecrcba-1"
+})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;margin-right:-6px;"]);
+
+exports.StyledCounterButtonCounter = StyledCounterButtonCounter;
+StyledCounterButtonCounter.displayName = "StyledCounterButtonCounter";
+var StyledCounterButtonReset = (0, _styledComponents.default)(_Button.Button).withConfig({
+  displayName: "Styles__StyledCounterButtonReset",
+  componentId: "sc-1ecrcba-2"
+})(["background-color:var(--color-primary-200);border-top-left-radius:0;border-bottom-left-radius:0;&:hover{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({
+  displayName: "Styles__StyledCounterButtonLabel",
+  componentId: "sc-1ecrcba-3"
+})(["", " ", ":hover &{", "}", ""], {
+  "pointerEvents": "none"
+}, StyledCounterButton, function (props) {
+  return !props.$active && (0, _styledComponents.css)(["color:var(--color-theme-900);"]);
+}, function (props) {
+  return props.$active && (0, _styledComponents.css)(["color:var(--color-primary);"]);
+});
+exports.StyledCounterButtonLabel = StyledCounterButtonLabel;
+StyledCounterButtonLabel.displayName = "StyledCounterButtonLabel";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/CounterButton/Styles.ts"],"names":["StyledCounterButton","Button","props","$active","css","$selected","displayName","StyledCounterButtonCounter","styled","div","StyledCounterButtonReset","StyledCounterButtonLabel","Body2"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,IAAMA,mBAAmB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,kBAC5B,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,iGADA;AAAA,CAD4B,EAe5B,UAACF,KAAD;AAAA,SACAA,KAAK,CAACG,SAAN,QACAD,qBADA,wGADA;AAAA,CAf4B,CAAzB;;AAwBPJ,mBAAmB,CAACM,WAApB,GAAkC,qBAAlC;;AAEO,IAAMC,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,6MAAhC;;;AAaPF,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;AAEO,IAAMI,wBAAwB,GAAG,+BAAOT,cAAP,CAAH;AAAA;AAAA;AAAA,+MAA9B;;AAYPS,wBAAwB,CAACJ,WAAzB,GAAuC,0BAAvC;AAEO,IAAMK,wBAAwB,GAAG,+BAAOC,WAAP,CAAH;AAAA;AAAA;AAAA,oCAC/B;AAAA;AAAA,CAD+B,EAGjCZ,mBAHiC,EAI/B,UAACE,KAAD;AAAA,SACA,CAACA,KAAK,CAACC,OAAP,QACAC,qBADA,oCADA;AAAA,CAJ+B,EAWjC,UAACF,KAAD;AAAA,SACAA,KAAK,CAACC,OAAN,QACAC,qBADA,kCADA;AAAA,CAXiC,CAA9B;;AAkBPO,wBAAwB,CAACL,WAAzB,GAAuC,0BAAvC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { Body2 } from \"../Typography/Variants/Body2\";\nimport { Button } from \"../Button/Button\";\n\ninterface StyledCounterButtonProps {\n  $active?: boolean;\n  $selected?: boolean;\n}\n\nexport const StyledCounterButton = styled(Button)<StyledCounterButtonProps>`\n  ${(props) =>\n    props.$active &&\n    css`\n      padding: 0 8px;\n\n      svg {\n        fill: var(--color-primary);\n      }\n\n      &:hover {\n        background: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    props.$selected &&\n    css`\n      border-top-right-radius: 0;\n      border-bottom-right-radius: 0;\n      background-color: var(--color-primary-200);\n    `}\n`;\n\nStyledCounterButton.displayName = \"StyledCounterButton\";\n\nexport const StyledCounterButtonCounter = styled.div<{ $selected?: boolean }>`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n  margin-right: -6px;\n`;\n\nStyledCounterButtonCounter.displayName = \"StyledCounterButtonCounter\";\n\nexport const StyledCounterButtonReset = styled(Button)`\n  background-color: var(--color-primary-200);\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n  }\n`;\n\nStyledCounterButtonReset.displayName = \"StyledCounterButtonReset\";\n\nexport const StyledCounterButtonLabel = styled(Body2)<{ $active?: boolean }>`\n  ${tw`tw-pointer-events-none`}\n\n  ${StyledCounterButton}:hover & {\n    ${(props) =>\n      !props.$active &&\n      css`\n        color: var(--color-theme-900);\n      `}\n  }\n\n  ${(props) =>\n    props.$active &&\n    css`\n      color: var(--color-primary);\n    `}\n`;\n\nStyledCounterButtonLabel.displayName = \"StyledCounterButtonLabel\";\n"],"file":"Styles.js"}

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

@@ -0,0 +1,19 @@
+"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 get() {
+      return _CounterButton[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.customClassNames = void 0;
+var customClassNames = {
+  container: "c-DayPicker",
+  wrapper: "c-DayPicker-wrapper",
+  interactionDisabled: "c-DayPicker--interactionDisabled",
+  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",
+  navButtonInteractionDisabled: "c-DayPicker-NavButton--interactionDisabled",
+  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",
+  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
+  weekend: "c-DayPicker-Day--weekend",
+  userAvailability: "c-DayPicker-Day--userAvailability",
+  nonWorkingDay: "c-DayPicker-Day--nonWorkingDay"
+};
+exports.customClassNames = customClassNames;
+//# sourceMappingURL=ClassNames.js.map

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/DatePicker/CustomNavBarElement.tsx"],"names":["CustomNavBarElement","className","classNames","month","showPreviousButton","showNextButton","labels","localeUtils","locale","showMonthPicker","onChangeDirection","onMonthChange","onClick","nextMonth","DateUtils","addMonths","previousMonth","onNextClick","onPreviousClick"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;AASO,IAAMA,mBAAkD,GAAG,SAArDA,mBAAqD,OAa5D;AAAA,MAZJC,SAYI,QAZJA,SAYI;AAAA,MAXJC,UAWI,QAXJA,UAWI;AAAA,MAVJC,KAUI,QAVJA,KAUI;AAAA,MATJC,kBASI,QATJA,kBASI;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,MAOI,QAPJA,MAOI;AAAA,MANJC,WAMI,QANJA,WAMI;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,kCAJJC,eAII;AAAA,MAJJA,eAII,qCAJc,KAId;AAAA,MAHJC,iBAGI,QAHJA,iBAGI;AAAA,MAFJC,aAEI,QAFJA,aAEI;AAAA,MADJC,OACI,QADJA,OACI;AACJ,MAAMC,SAAS,GAAGJ,eAAe,GAC7BK,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,EAA3B,CAD6B,GAE7BW,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAA3B,CAFJ;AAGA,MAAMa,aAAa,GAAGP,eAAe,GACjCK,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,EAA5B,CADiC,GAEjCW,0BAAUC,SAAV,CAAoBZ,KAApB,EAA2B,CAAC,CAA5B,CAFJ;AAIA,MAAMc,WAAW,GAAG,wBAAY,YAAM;AACpC,QAAIP,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,IAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACE,SAAD,CAAb;AACD;AACF,GAPmB,EAOjB,CAACA,SAAD,EAAYH,iBAAZ,EAA+BC,aAA/B,CAPiB,CAApB;AASA,MAAMO,eAAe,GAAG,wBAAY,YAAM;AACxC,QAAIR,iBAAJ,EAAuB;AACrBA,MAAAA,iBAAiB,CAAC,KAAD,CAAjB;AACD;;AACD,QAAIC,aAAJ,EAAmB;AACjBA,MAAAA,aAAa,CAACK,aAAD,CAAb;AACD;AACF,GAPuB,EAOrB,CAACN,iBAAD,EAAoBC,aAApB,EAAmCK,aAAnC,CAPqB,CAAxB;AASA,sBACE,6BAAC,4BAAD;AACE,IAAA,SAAS,EAAEf,SADb;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,KAAK,EAAEC,KAHT;AAIE,IAAA,kBAAkB,EAAEC,kBAJtB;AAKE,IAAA,cAAc,EAAEC,cALlB;AAME,IAAA,MAAM,EAAEC,MANV;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,MAAM,EAAEC,MARV;AASE,IAAA,aAAa,EAAEQ,aATjB;AAUE,IAAA,SAAS,EAAEH,SAVb;AAWE,IAAA,WAAW,EAAEI,WAXf;AAYE,IAAA,eAAe,EAAEC,eAZnB;AAaE,IAAA,OAAO,EAAEN;AAbX,IADF;AAiBD,CAxDM","sourcesContent":["import React, { FC, useCallback } from \"react\";\nimport { DateUtils, NavbarElementProps } from \"react-day-picker\";\nimport { NavBarElement } from \"../Pickers/NavBarElement\";\n\ninterface ICustomNavBarElementProps extends NavbarElementProps {\n  showMonthPicker: boolean;\n  onChangeDirection?: (direction: boolean) => void;\n  onMonthChange?: (month: Date) => void;\n  onClick?: () => void;\n}\n\nexport const CustomNavBarElement: FC<ICustomNavBarElementProps> = ({\n  className,\n  classNames,\n  month,\n  showPreviousButton,\n  showNextButton,\n  labels,\n  localeUtils,\n  locale,\n  showMonthPicker = false,\n  onChangeDirection,\n  onMonthChange,\n  onClick,\n}) => {\n  const nextMonth = showMonthPicker\n    ? DateUtils.addMonths(month, 12)\n    : DateUtils.addMonths(month, 1);\n  const previousMonth = showMonthPicker\n    ? DateUtils.addMonths(month, -12)\n    : DateUtils.addMonths(month, -1);\n\n  const onNextClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(true);\n    }\n    if (onMonthChange) {\n      onMonthChange(nextMonth);\n    }\n  }, [nextMonth, onChangeDirection, onMonthChange]);\n\n  const onPreviousClick = useCallback(() => {\n    if (onChangeDirection) {\n      onChangeDirection(false);\n    }\n    if (onMonthChange) {\n      onMonthChange(previousMonth);\n    }\n  }, [onChangeDirection, onMonthChange, previousMonth]);\n\n  return (\n    <NavBarElement\n      className={className}\n      classNames={classNames}\n      month={month}\n      showPreviousButton={showPreviousButton}\n      showNextButton={showNextButton}\n      labels={labels}\n      localeUtils={localeUtils}\n      locale={locale}\n      previousMonth={previousMonth}\n      nextMonth={nextMonth}\n      onNextClick={onNextClick}\n      onPreviousClick={onPreviousClick}\n      onClick={onClick}\n    />\n  );\n};\n"],"file":"CustomNavBarElement.js"}