@activecollab/components 1.0.415 → 2.0.1

package/dist/esm/components/Pickers/NavBarElement.d.ts

@@ -1,8 +1,9 @@
 import React, { MouseEvent } from "react";
-import { NavbarElementProps } from "react-day-picker";
 interface INavBarElementProps {
     onClick?: (e: MouseEvent) => void;
+    onPreviousClick(callback?: () => void): void;
+    onNextClick(callback?: () => void): void;
 }
-export declare const NavBarElement: React.ForwardRefExoticComponent<NavbarElementProps & INavBarElementProps & React.RefAttributes<HTMLDivElement>>;
+export declare const NavBarElement: React.ForwardRefExoticComponent<INavBarElementProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=NavBarElement.d.ts.map

package/dist/esm/components/Pickers/NavBarElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAKtD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,iHAoCxB,CAAC"}
+{"version":3,"file":"NavBarElement.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAA2B,MAAM,OAAO,CAAC;AAKnE,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,eAAe,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC7C,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,aAAa,4FAmCzB,CAAC"}

package/dist/esm/components/Pickers/NavBarElement.js

@@ -1,39 +1,50 @@
-import React, { forwardRef, useCallback } from "react";
-import { ArrowRightIcon } from "../Icons";
-import ArrowLeftIcon from "../Icons/collection/ArrowLeft";
-import { StyledNavBarButton } from "./Styles";
-export var NavBarElement = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var onPreviousClick = _ref.onPreviousClick,
-    onNextClick = _ref.onNextClick;
-  var onPrevious = useCallback(function () {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NavBarElement = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Icons = require("../Icons");
+var _ArrowLeft = _interopRequireDefault(require("../Icons/collection/ArrowLeft"));
+var _Styles = require("./Styles");
+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 NavBarElement = exports.NavBarElement = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    onPreviousClick,
+    onNextClick
+  } = _ref;
+  const onPrevious = (0, _react.useCallback)(() => {
     onPreviousClick();
   }, [onPreviousClick]);
-  var onNext = useCallback(function () {
+  const onNext = (0, _react.useCallback)(() => {
     onNextClick();
   }, [onNextClick]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "c-DayPicker-NavBar",
     ref: ref,
     tabIndex: 0
-  }, /*#__PURE__*/React.createElement(StyledNavBarButton, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledNavBarButton, {
     type: "button",
     variant: "text gray",
     size: "small",
     tabIndex: 0,
     onClick: onPrevious,
     $direction: "previous"
-  }, /*#__PURE__*/React.createElement(ArrowLeftIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_ArrowLeft.default, {
     "aria-label": "Previous Month",
     width: "24",
     height: "24"
-  })), /*#__PURE__*/React.createElement(StyledNavBarButton, {
+  })), /*#__PURE__*/_react.default.createElement(_Styles.StyledNavBarButton, {
     type: "button",
     variant: "text gray",
     size: "small",
     tabIndex: 0,
     onClick: onNext,
     $direction: "next"
-  }, /*#__PURE__*/React.createElement(ArrowRightIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, {
     "aria-label": "Next Month",
     width: "24",
     height: "24"

package/dist/esm/components/Pickers/NavBarElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavBarElement.js","names":["React","forwardRef","useCallback","ArrowRightIcon","ArrowLeftIcon","StyledNavBarButton","NavBarElement","ref","onPreviousClick","onNextClick","onPrevious","onNext","displayName"],"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { NavbarElementProps } from \"react-day-picker\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport { StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n}\n\nexport const NavBarElement = forwardRef<\n  HTMLDivElement,\n  NavbarElementProps & INavBarElementProps\n>(({ onPreviousClick, onNextClick }, ref) => {\n  const onPrevious = useCallback(() => {\n    onPreviousClick();\n  }, [onPreviousClick]);\n\n  const onNext = useCallback(() => {\n    onNextClick();\n  }, [onNextClick]);\n\n  return (\n    <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onPrevious}\n        $direction=\"previous\"\n      >\n        <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n      <StyledNavBarButton\n        type=\"button\"\n        variant=\"text gray\"\n        size=\"small\"\n        tabIndex={0}\n        onClick={onNext}\n        $direction=\"next\"\n      >\n        <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n      </StyledNavBarButton>\n    </div>\n  );\n});\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAgBC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AAElE,SAASC,cAAc,QAAQ,UAAU;AACzC,OAAOC,aAAa,MAAM,+BAA+B;AACzD,SAASC,kBAAkB,QAAQ,UAAU;AAM7C,OAAO,IAAMC,aAAa,gBAAGL,UAAU,CAGrC,gBAAmCM,GAAG,EAAK;EAAA,IAAxCC,eAAe,QAAfA,eAAe;IAAEC,WAAW,QAAXA,WAAW;EAC/B,IAAMC,UAAU,GAAGR,WAAW,CAAC,YAAM;IACnCM,eAAe,EAAE;EACnB,CAAC,EAAE,CAACA,eAAe,CAAC,CAAC;EAErB,IAAMG,MAAM,GAAGT,WAAW,CAAC,YAAM;IAC/BO,WAAW,EAAE;EACf,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,oBACE;IAAK,SAAS,EAAC,oBAAoB;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE;EAAE,gBACxD,oBAAC,kBAAkB;IACjB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,OAAO;IACZ,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEG,UAAW;IACpB,UAAU,EAAC;EAAU,gBAErB,oBAAC,aAAa;IAAC,cAAW,gBAAgB;IAAC,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC;EAAI,EAAG,CACjD,eACrB,oBAAC,kBAAkB;IACjB,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,WAAW;IACnB,IAAI,EAAC,OAAO;IACZ,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEC,MAAO;IAChB,UAAU,EAAC;EAAM,gBAEjB,oBAAC,cAAc;IAAC,cAAW,YAAY;IAAC,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC;EAAI,EAAG,CAC9C,CACjB;AAEV,CAAC,CAAC;AAEFL,aAAa,CAACM,WAAW,GAAG,eAAe"}
+{"version":3,"file":"NavBarElement.js","names":["_react","_interopRequireWildcard","require","_Icons","_ArrowLeft","_interopRequireDefault","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","NavBarElement","exports","forwardRef","_ref","ref","onPreviousClick","onNextClick","onPrevious","useCallback","onNext","createElement","className","tabIndex","StyledNavBarButton","type","variant","size","onClick","$direction","width","height","ArrowRightIcon","displayName"],"sources":["../../../../src/components/Pickers/NavBarElement.tsx"],"sourcesContent":["import React, { MouseEvent, forwardRef, useCallback } from \"react\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport ArrowLeftIcon from \"../Icons/collection/ArrowLeft\";\nimport { StyledNavBarButton } from \"./Styles\";\n\ninterface INavBarElementProps {\n  onClick?: (e: MouseEvent) => void;\n  onPreviousClick(callback?: () => void): void;\n  onNextClick(callback?: () => void): void;\n}\n\nexport const NavBarElement = forwardRef<HTMLDivElement, INavBarElementProps>(\n  ({ onPreviousClick, onNextClick }, ref) => {\n    const onPrevious = useCallback(() => {\n      onPreviousClick();\n    }, [onPreviousClick]);\n\n    const onNext = useCallback(() => {\n      onNextClick();\n    }, [onNextClick]);\n\n    return (\n      <div className=\"c-DayPicker-NavBar\" ref={ref} tabIndex={0}>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onPrevious}\n          $direction=\"previous\"\n        >\n          <ArrowLeftIcon aria-label=\"Previous Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n        <StyledNavBarButton\n          type=\"button\"\n          variant=\"text gray\"\n          size=\"small\"\n          tabIndex={0}\n          onClick={onNext}\n          $direction=\"next\"\n        >\n          <ArrowRightIcon aria-label=\"Next Month\" width=\"24\" height=\"24\" />\n        </StyledNavBarButton>\n      </div>\n    );\n  }\n);\n\nNavBarElement.displayName = \"NavBarElement\";\n"],"mappings":"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"}

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

@@ -1,14 +1,18 @@
-import styled, { css } from "styled-components";
-import { Button } from "../Button/Button";
-export var StyledNavBarButton = styled(Button).withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBar = exports.StyledYearMonthPicker = exports.StyledNavBarButton = exports.StyledMonths = exports.StyledMonth = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Button = require("../Button/Button");
+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 StyledNavBarButton = exports.StyledNavBarButton = (0, _styledComponents.default)(_Button.Button).withConfig({
   displayName: "Styles__StyledNavBarButton",
   componentId: "sc-1owijsg-0"
-})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], function (props) {
-  return props.$direction === "previous" && css(["right:auto;left:1px;"]);
-}, function (props) {
-  return props.$direction === "next" && css(["right:1px;"]);
-});
-export var StyledMonths = styled.div.withConfig({
+})(["position:absolute;margin-top:1px;cursor:pointer;z-index:2;background-image:none;", " ", ""], props => props.$direction === "previous" && (0, _styledComponents.css)(["right:auto;left:1px;"]), props => props.$direction === "next" && (0, _styledComponents.css)(["right:1px;"]));
+const StyledMonths = exports.StyledMonths = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMonths",
   componentId: "sc-1owijsg-1"
 })(["top:30px;height:230px;", ""], {
@@ -20,7 +24,7 @@ export var StyledMonths = styled.div.withConfig({
   "backgroundColor": "var(--page-paper-main)",
   "padding": "1.25rem"
 });
-export var StyledMonth = styled.div.withConfig({
+const StyledMonth = exports.StyledMonth = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledMonth",
   componentId: "sc-1owijsg-2"
 })(["width:26%;transition-duration:0.3s;", " ", " ", " ", " ", ""], {
@@ -30,31 +34,23 @@ export var StyledMonth = styled.div.withConfig({
   "fontSize": "0.875rem",
   "lineHeight": "1.25rem",
   "fontWeight": "700"
-}, function (props) {
-  return !props.$isSelected ? css(["&:hover{background-color:var(--color-primary-300);}"]) : css(["", " background-color:var(--color-primary);"], {
-    "color": "var(--color-theme-100)"
-  });
-}, function (props) {
-  return props.$isCurrent && !props.$isSelected && css(["", ""], {
-    "color": "var(--color-primary)"
-  });
-}, function (props) {
-  return props.$isCurrent && props.$isSelected && css(["color:var(--color-theme-100);"]);
-}, function (props) {
-  return props.$isCurrentQuarter && css(["background-color:var(--color-primary-300);"]);
-});
-export var StyledYearMonthPicker = styled.div.withConfig({
+}, props => !props.$isSelected ? (0, _styledComponents.css)(["&:hover{background-color:var(--color-primary-300);}"]) : (0, _styledComponents.css)(["", " background-color:var(--color-primary);"], {
+  "color": "var(--color-theme-100)"
+}), props => props.$isCurrent && !props.$isSelected && (0, _styledComponents.css)(["", ""], {
+  "color": "var(--color-primary)"
+}), props => props.$isCurrent && props.$isSelected && (0, _styledComponents.css)(["color:var(--color-theme-100);"]), props => props.$isCurrentQuarter && (0, _styledComponents.css)(["background-color:var(--color-primary-300);"]));
+const StyledYearMonthPicker = exports.StyledYearMonthPicker = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledYearMonthPicker",
   componentId: "sc-1owijsg-3"
 })(["display:table-caption;margin-bottom:0.5rem;padding:0 0.5rem;", " &> div{font-weight:500;font-size:1.15rem;}"], {
   "textAlign": "center",
   "color": "var(--color-theme-900)"
 });
-export var StyledYearMonthPickerNavBar = styled.div.withConfig({
+const StyledYearMonthPickerNavBar = exports.StyledYearMonthPickerNavBar = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBar",
   componentId: "sc-1owijsg-4"
 })(["width:auto;margin:0 auto;"]);
-export var StyledYearMonthPickerNavBarItem = styled.span.withConfig({
+const StyledYearMonthPickerNavBarItem = exports.StyledYearMonthPickerNavBarItem = _styledComponents.default.span.withConfig({
   displayName: "Styles__StyledYearMonthPickerNavBarItem",
   componentId: "sc-1owijsg-5"
 })(["", " transition-duration:0.3s;display:inline-block;&:hover{background-color:var(--color-primary-300);border-radius:15px;}"], {

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledNavBarButton","props","$direction","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span","displayName"],"sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAGzC,OAAO,IAAMC,kBAAkB,GAAGH,MAAM,CAACE,MAAM,CAAC;EAAA;EAAA;AAAA,kGAS5C,UAACE,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,UAAU,IAC/BJ,GAAG,0BAGF;AAAA,GAED,UAACG,KAAK;EAAA,OACNA,KAAK,CAACC,UAAU,KAAK,MAAM,IAC3BJ,GAAG,gBAEF;AAAA,EACJ;AAQD,OAAO,IAAMK,YAAY,GAAGN,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,mCAIhC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAQJ,CAAC,CACF;AACD,OAAO,IAAMC,WAAW,GAAGR,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,oEAI/B;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAMJ,CAAC,EAEC,UAACH,KAAK;EAAA,OACN,CAACA,KAAK,CAACK,WAAW,GACdR,GAAG,4DAKHA,GAAG,kDACG;IAAA;EAAkB,CAAC,CAExB;AAAA,GAEJ,UAACG,KAAK;EAAA,OACPA,KAAK,CAACM,UAAU,IAChB,CAACN,KAAK,CAACK,WAAW,IAClBR,GAAG,WACG;IAAA;EAAgB,CAAC,CACtB;AAAA,GAEA,UAACG,KAAK;EAAA,OACPA,KAAK,CAACM,UAAU,IAChBN,KAAK,CAACK,WAAW,IACjBR,GAAG,mCAEF;AAAA,GAEA,UAACG,KAAK;EAAA,OACPA,KAAK,CAACO,iBAAiB,IACvBV,GAAG,gDAEF;AAAA,EACJ;AAED,OAAO,IAAMW,qBAAqB,GAAGZ,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,oHAKzC;EAAA;EAAA;AAAiC,CAAC,CAMvC;AAED,OAAO,IAAMM,2BAA2B,GAAGb,MAAM,CAACO,GAAG;EAAA;EAAA;AAAA,iCAGpD;AAED,OAAO,IAAMO,+BAA+B,GAAGd,MAAM,CAACe,IAAI;EAAA;EAAA;AAAA,kIACpD;EAAA;EAAA;EAAA;AAA0B,CAAC,CAQhC;AAEDZ,kBAAkB,CAACa,WAAW,GAAG,oBAAoB;AACrDV,YAAY,CAACU,WAAW,GAAG,cAAc;AACzCR,WAAW,CAACQ,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Button","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledNavBarButton","exports","styled","Button","withConfig","displayName","componentId","props","$direction","css","StyledMonths","div","StyledMonth","$isSelected","$isCurrent","$isCurrentQuarter","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","span"],"sources":["../../../../src/components/Pickers/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Button } from \"../Button/Button\";\nimport tw from \"twin.macro\";\n\nexport const StyledNavBarButton = styled(Button)<{\n  $direction: \"next\" | \"previous\";\n}>`\n  position: absolute;\n  margin-top: 1px;\n  cursor: pointer;\n  z-index: 2;\n  background-image: none;\n\n  ${(props) =>\n    props.$direction === \"previous\" &&\n    css`\n      right: auto;\n      left: 1px;\n    `}\n\n  ${(props) =>\n    props.$direction === \"next\" &&\n    css`\n      right: 1px;\n    `}\n`;\n\ninterface StyledMonthInterface {\n  $isCurrent: boolean;\n  $isSelected: boolean;\n  $isCurrentQuarter: boolean;\n}\n\nexport const StyledMonths = styled.div`\n  top: 30px;\n  height: 230px;\n\n  ${tw`\n    tw-absolute\n    tw-left-0\n    tw-p-5\n    tw-flex\n    tw-flex-wrap\n    tw-bg-page-paper-main\n    tw-z-10\n  `}\n`;\nexport const StyledMonth = styled.div<StyledMonthInterface>`\n  width: 26%;\n  transition-duration: 0.3s;\n\n  ${tw`\n    tw-m-auto\n    tw-cursor-pointer\n    tw-rounded-xl\n    tw-font-bold\n    tw-text-sm\n  `}\n\n  ${(props) =>\n    !props.$isSelected\n      ? css`\n          &:hover {\n            background-color: var(--color-primary-300);\n          }\n        `\n      : css`\n          ${tw`tw-text-theme-100`}\n          background-color: var(--color-primary);\n        `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    !props.$isSelected &&\n    css`\n      ${tw`tw-text-primary`}\n    `}\n\n   ${(props) =>\n    props.$isCurrent &&\n    props.$isSelected &&\n    css`\n      color: var(--color-theme-100);\n    `}\n\n   ${(props) =>\n    props.$isCurrentQuarter &&\n    css`\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nexport const StyledYearMonthPicker = styled.div`\n  display: table-caption;\n  margin-bottom: 0.5rem;\n  padding: 0 0.5rem;\n\n  ${tw`tw-text-center tw-text-theme-900`}\n\n  &> div {\n    font-weight: 500;\n    font-size: 1.15rem;\n  }\n`;\n\nexport const StyledYearMonthPickerNavBar = styled.div`\n  width: auto;\n  margin: 0 auto;\n`;\n\nexport const StyledYearMonthPickerNavBarItem = styled.span`\n  ${tw`tw-px-4 tw-cursor-pointer`}\n  transition-duration: 0.3s;\n  display: inline-block;\n\n  &:hover {\n    background-color: var(--color-primary-300);\n    border-radius: 15px;\n  }\n`;\n\nStyledNavBarButton.displayName = \"StyledNavBarButton\";\nStyledMonths.displayName = \"StyledMonths\";\nStyledMonth.displayName = \"StyledMonth\";\n"],"mappings":"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"}

package/dist/esm/components/Pickers/YearMonthPicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { CaptionElementProps } from "react-day-picker";
+import { CaptionLabelProps } from "react-day-picker";
 interface IYearMonthForm {
     onChange?: (modifiersArg: any) => void;
     isShown?: boolean;
@@ -9,7 +9,9 @@ interface IYearMonthForm {
         to: any;
     } | Date;
     selectionMode?: string;
+    month: Date;
+    onClick: (e: any) => void;
 }
-export declare const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm>;
+export declare const YearMonthPicker: FC<CaptionLabelProps & IYearMonthForm>;
 export {};
 //# sourceMappingURL=YearMonthPicker.d.ts.map

package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YearMonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,KAAA,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE;QAAE,IAAI,MAAC;QAAC,EAAE,MAAA;KAAE,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,mBAAmB,GAAG,cAAc,CAuFpE,CAAC"}
+{"version":3,"file":"YearMonthPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAkC,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAUrD,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,CAAC,YAAY,KAAA,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE;QAAE,IAAI,MAAC;QAAC,EAAE,MAAA;KAAE,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,iBAAiB,GAAG,cAAc,CAyFlE,CAAC"}

package/dist/esm/components/Pickers/YearMonthPicker.js

@@ -1,60 +1,68 @@
-import React, { useCallback, useMemo, useState } from "react";
-import { StyledMonth, StyledMonths, StyledYearMonthPicker, StyledYearMonthPickerNavBar, StyledYearMonthPickerNavBarItem } from "./Styles";
-export var YearMonthPicker = function YearMonthPicker(_ref) {
-  var date = _ref.date,
-    localeUtils = _ref.localeUtils,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? function () {
-      return null;
-    } : _ref$onChange,
-    _ref$isShown = _ref.isShown,
-    isShown = _ref$isShown === void 0 ? true : _ref$isShown,
-    onClick = _ref.onClick,
-    text = _ref.text,
-    selectedDays = _ref.selectedDays,
-    selectionMode = _ref.selectionMode;
-  var _useState = useState(),
-    enteredTo = _useState[0],
-    setEnteredTo = _useState[1];
-  var months = localeUtils.getMonths();
-  var handleMonthChange = useCallback(function (e) {
-    onChange(new Date(date.getFullYear(), e.target.dataset.value));
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YearMonthPicker = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Styles = require("./Styles");
+var _dateFns = require("date-fns");
+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 YearMonthPicker = _ref => {
+  let {
+    month,
+    onChange = () => null,
+    isShown = true,
+    onClick,
+    text,
+    selectedDays,
+    selectionMode
+  } = _ref;
+  const [enteredTo, setEnteredTo] = (0, _react.useState)();
+  const currentYear = (0, _dateFns.getYear)(new Date());
+  const months = Array.from({
+    length: 12
+  }, (_, i) => (0, _dateFns.format)(new Date(currentYear, i, 1), "MMMM"));
+  const handleMonthChange = (0, _react.useCallback)(e => {
+    onChange(new Date((0, _dateFns.getYear)(month), e.target.dataset.value));
     if (onClick) {
       onClick(e);
     }
-  }, [date, onChange, onClick]);
-  var onMouseEnterCallback = useCallback(function (e) {
+  }, [month, onChange, onClick]);
+  const onMouseEnterCallback = (0, _react.useCallback)(e => {
     if (selectionMode === "quarterly") {
       setEnteredTo(Math.floor(e.target.getAttribute("data-value") / 3));
     }
   }, [selectionMode]);
-  var renderMonths = useMemo(function () {
-    return /*#__PURE__*/React.createElement(StyledMonths, {
+  const renderMonths = (0, _react.useMemo)(() => {
+    return /*#__PURE__*/_react.default.createElement(_Styles.StyledMonths, {
       className: "c-monthPicker",
       "data-test": "months"
-    }, months.map(function (month, i) {
-      return /*#__PURE__*/React.createElement(StyledMonth, {
+    }, months.map((singleMonth, i) => {
+      return /*#__PURE__*/_react.default.createElement(_Styles.StyledMonth, {
         className: "c-monthPicker__month",
         key: i,
         onClick: handleMonthChange,
         onMouseEnter: onMouseEnterCallback,
         "data-value": i,
         "data-test": "month",
-        $isCurrent: date.getFullYear() === new Date().getFullYear() && new Date().getMonth() === i,
+        $isCurrent: month.getFullYear() === new Date().getFullYear() && new Date().getMonth() === i,
         $isCurrentQuarter: Math.floor(i / 3) === enteredTo,
-        $isSelected: selectedDays && !(selectedDays instanceof Date) && selectedDays.from && selectedDays.to && selectedDays.from.getFullYear() === date.getFullYear() && i >= selectedDays.from.getMonth() && i <= selectedDays.to.getMonth()
-      }, month.substring(0, 3));
+        $isSelected: selectedDays && !(selectedDays instanceof Date) && selectedDays.from && selectedDays.to && selectedDays.from.getFullYear() === (0, _dateFns.getYear)(month) && i >= (0, _dateFns.getMonth)(selectedDays.from) && i <= (0, _dateFns.getMonth)(selectedDays.to)
+      }, singleMonth.substring(0, 3));
     }));
-  }, [date, handleMonthChange, months, selectedDays, enteredTo, onMouseEnterCallback]);
-  return /*#__PURE__*/React.createElement(StyledYearMonthPicker, {
+  }, [months, handleMonthChange, onMouseEnterCallback, enteredTo, selectedDays, month]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPicker, {
     className: "c-DayPicker-Caption",
     role: "button"
-  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBar, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPickerNavBar, {
     role: "button"
-  }, /*#__PURE__*/React.createElement(StyledYearMonthPickerNavBarItem, {
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledYearMonthPickerNavBarItem, {
     "data-test": "show-picker",
     onClick: onClick
   }, text)), isShown && renderMonths);
 };
+exports.YearMonthPicker = YearMonthPicker;
 YearMonthPicker.displayName = "YearMonthPicker";
 //# sourceMappingURL=YearMonthPicker.js.map

package/dist/esm/components/Pickers/YearMonthPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"YearMonthPicker.js","names":["React","useCallback","useMemo","useState","StyledMonth","StyledMonths","StyledYearMonthPicker","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","YearMonthPicker","date","localeUtils","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","months","getMonths","handleMonthChange","e","Date","getFullYear","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","map","month","i","getMonth","from","to","substring","displayName"],"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionElementProps } from \"react-day-picker\";\nimport {\n  StyledMonth,\n  StyledMonths,\n  StyledYearMonthPicker,\n  StyledYearMonthPickerNavBar,\n  StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\n\ninterface IYearMonthForm {\n  onChange?: (modifiersArg) => void;\n  isShown?: boolean;\n  text: string;\n  selectedDays?: { from; to } | Date;\n  selectionMode?: string;\n}\n\nexport const YearMonthPicker: FC<CaptionElementProps & IYearMonthForm> = ({\n  date,\n  localeUtils,\n  onChange = (): null => null,\n  isShown = true,\n  onClick,\n  text,\n  selectedDays,\n  selectionMode,\n}) => {\n  const [enteredTo, setEnteredTo] = useState<number | undefined>();\n  const months = localeUtils.getMonths();\n\n  const handleMonthChange = useCallback(\n    (e) => {\n      onChange(new Date(date.getFullYear(), e.target.dataset.value));\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [date, onChange, onClick]\n  );\n\n  const onMouseEnterCallback = useCallback(\n    (e) => {\n      if (selectionMode === \"quarterly\") {\n        setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n      }\n    },\n    [selectionMode]\n  );\n\n  const renderMonths = useMemo(() => {\n    return (\n      <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n        {months.map((month, i) => {\n          return (\n            <StyledMonth\n              className=\"c-monthPicker__month\"\n              key={i}\n              onClick={handleMonthChange}\n              onMouseEnter={onMouseEnterCallback}\n              data-value={i}\n              data-test=\"month\"\n              $isCurrent={\n                date.getFullYear() === new Date().getFullYear() &&\n                new Date().getMonth() === i\n              }\n              $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n              $isSelected={\n                selectedDays &&\n                !(selectedDays instanceof Date) &&\n                selectedDays.from &&\n                selectedDays.to &&\n                selectedDays.from.getFullYear() === date.getFullYear() &&\n                i >= selectedDays.from.getMonth() &&\n                i <= selectedDays.to.getMonth()\n              }\n            >\n              {month.substring(0, 3)}\n            </StyledMonth>\n          );\n        })}\n      </StyledMonths>\n    );\n  }, [\n    date,\n    handleMonthChange,\n    months,\n    selectedDays,\n    enteredTo,\n    onMouseEnterCallback,\n  ]);\n\n  return (\n    <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n      <StyledYearMonthPickerNavBar role=\"button\">\n        <StyledYearMonthPickerNavBarItem\n          data-test=\"show-picker\"\n          onClick={onClick}\n        >\n          {text}\n        </StyledYearMonthPickerNavBarItem>\n      </StyledYearMonthPickerNavBar>\n      {isShown && renderMonths}\n    </StyledYearMonthPicker>\n  );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n"],"mappings":"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"}
+{"version":3,"file":"YearMonthPicker.js","names":["_react","_interopRequireWildcard","require","_Styles","_dateFns","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","YearMonthPicker","_ref","month","onChange","isShown","onClick","text","selectedDays","selectionMode","enteredTo","setEnteredTo","useState","currentYear","getYear","Date","months","Array","from","length","_","format","handleMonthChange","useCallback","target","dataset","value","onMouseEnterCallback","Math","floor","getAttribute","renderMonths","useMemo","createElement","StyledMonths","className","map","singleMonth","StyledMonth","key","onMouseEnter","$isCurrent","getFullYear","getMonth","$isCurrentQuarter","$isSelected","to","substring","StyledYearMonthPicker","role","StyledYearMonthPickerNavBar","StyledYearMonthPickerNavBarItem","exports","displayName"],"sources":["../../../../src/components/Pickers/YearMonthPicker.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { CaptionLabelProps } from \"react-day-picker\";\nimport {\n  StyledMonth,\n  StyledMonths,\n  StyledYearMonthPicker,\n  StyledYearMonthPickerNavBar,\n  StyledYearMonthPickerNavBarItem,\n} from \"./Styles\";\nimport { format, getMonth, getYear } from \"date-fns\";\n\ninterface IYearMonthForm {\n  onChange?: (modifiersArg) => void;\n  isShown?: boolean;\n  text: string;\n  selectedDays?: { from; to } | Date;\n  selectionMode?: string;\n  month: Date;\n  onClick: (e) => void;\n}\n\nexport const YearMonthPicker: FC<CaptionLabelProps & IYearMonthForm> = ({\n  month,\n  onChange = (): null => null,\n  isShown = true,\n  onClick,\n  text,\n  selectedDays,\n  selectionMode,\n}) => {\n  const [enteredTo, setEnteredTo] = useState<number | undefined>();\n  const currentYear = getYear(new Date());\n  const months = Array.from({ length: 12 }, (_, i) =>\n    format(new Date(currentYear, i, 1), \"MMMM\")\n  );\n\n  const handleMonthChange = useCallback(\n    (e) => {\n      onChange(new Date(getYear(month), e.target.dataset.value));\n      if (onClick) {\n        onClick(e);\n      }\n    },\n    [month, onChange, onClick]\n  );\n\n  const onMouseEnterCallback = useCallback(\n    (e) => {\n      if (selectionMode === \"quarterly\") {\n        setEnteredTo(Math.floor(e.target.getAttribute(\"data-value\") / 3));\n      }\n    },\n    [selectionMode]\n  );\n\n  const renderMonths = useMemo(() => {\n    return (\n      <StyledMonths className=\"c-monthPicker\" data-test=\"months\">\n        {months.map((singleMonth, i) => {\n          return (\n            <StyledMonth\n              className=\"c-monthPicker__month\"\n              key={i}\n              onClick={handleMonthChange}\n              onMouseEnter={onMouseEnterCallback}\n              data-value={i}\n              data-test=\"month\"\n              $isCurrent={\n                month.getFullYear() === new Date().getFullYear() &&\n                new Date().getMonth() === i\n              }\n              $isCurrentQuarter={Math.floor(i / 3) === enteredTo}\n              $isSelected={\n                selectedDays &&\n                !(selectedDays instanceof Date) &&\n                selectedDays.from &&\n                selectedDays.to &&\n                selectedDays.from.getFullYear() === getYear(month) &&\n                i >= getMonth(selectedDays.from) &&\n                i <= getMonth(selectedDays.to)\n              }\n            >\n              {singleMonth.substring(0, 3)}\n            </StyledMonth>\n          );\n        })}\n      </StyledMonths>\n    );\n  }, [\n    months,\n    handleMonthChange,\n    onMouseEnterCallback,\n    enteredTo,\n    selectedDays,\n    month,\n  ]);\n\n  return (\n    <StyledYearMonthPicker className=\"c-DayPicker-Caption\" role=\"button\">\n      <StyledYearMonthPickerNavBar role=\"button\">\n        <StyledYearMonthPickerNavBarItem\n          data-test=\"show-picker\"\n          onClick={onClick}\n        >\n          {text}\n        </StyledYearMonthPickerNavBarItem>\n      </StyledYearMonthPickerNavBar>\n      {isShown && renderMonths}\n    </StyledYearMonthPicker>\n  );\n};\n\nYearMonthPicker.displayName = \"YearMonthPicker\";\n"],"mappings":"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"}

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

@@ -1,3 +1,28 @@
-export * from "./YearMonthPicker";
-export * from "./NavBarElement";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _YearMonthPicker = require("./YearMonthPicker");
+Object.keys(_YearMonthPicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _YearMonthPicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _YearMonthPicker[key];
+    }
+  });
+});
+var _NavBarElement = require("./NavBarElement");
+Object.keys(_NavBarElement).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _NavBarElement[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _NavBarElement[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["_YearMonthPicker","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_NavBarElement"],"sources":["../../../../src/components/Pickers/index.ts"],"sourcesContent":["export * from \"./YearMonthPicker\";\nexport * from \"./NavBarElement\";\n"],"mappings":";;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,gBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,gBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,gBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Popper/Placement.js

@@ -1,2 +1,6 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=Placement.js.map

package/dist/esm/components/Popper/Popper.d.ts

@@ -1,7 +1,16 @@
-import React, { CSSProperties } from "react";
+import React, { CSSProperties, ReactNode, HTMLAttributes } from "react";
 import { PositioningStrategy } from "@popperjs/core";
 import { Placement } from ".";
-interface PopperProps {
+interface TransitionProps {
+    in: boolean;
+    onEnter: () => void;
+    onExited: () => void;
+}
+interface IChildProps {
+    placement: Placement;
+    transitionProps: Partial<TransitionProps>;
+}
+interface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     /** Anchor Element. */
     anchorEl?: Element | null;
     /** Open */
@@ -16,7 +25,9 @@ interface PopperProps {
     strategy?: PositioningStrategy;
     /** After Write callback */
     afterWrite?: (...args: any[]) => void;
+    /** Component children */
+    children?: ReactNode | React.FC<Partial<IChildProps>>;
 }
-export declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Popper: React.ForwardRefExoticComponent<PopperProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=Popper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EAEd,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAa9B,UAAU,WAAW;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,MAAM,2HA6HlB,CAAC"}
+{"version":3,"file":"Popper.d.ts","sourceRoot":"","sources":["../../../../src/components/Popper/Popper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,aAAa,EACb,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAKL,mBAAmB,EAEpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAG9B,UAAU,eAAe;IACvB,EAAE,EAAE,OAAO,CAAC;IACZ,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,UAAU,WAAW;IACnB,SAAS,EAAE,SAAS,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CAC3C;AAED,UAAU,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5E,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC1B,WAAW;IACX,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB;IAChB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,eAAe;IACf,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;IAE/B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,MAAM,oFA0HlB,CAAC"}