@finam/web-ui-kit-components 3.31.0 → 3.32.0

package/dist/Calendar/CalendarHeader/CalendarHeader.js

@@ -1,27 +1,95 @@
-import { __rest } from "tslib";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, memo } from 'react';
-import ChevronDown from '@finam/web-ui-kit-icons/Chevron/ChevronDown';
-import IconButton from '../../IconButton/index.js';
-import { Root, Arrows, ArrowLeftIcon, ArrowRightIcon, Month, Year, } from './CalendarHeader.styles.js';
-import Typography from '../../Typography/index.js';
-import { CalendarType } from '../types.js';
-const CalendarHeader = (_a) => {
-    var { currentMonth, monthLabel, leftArrowIcon = _jsx(ArrowLeftIcon, {}), rightArrowIcon = _jsx(ArrowRightIcon, {}), leftArrowButtonProps, rightArrowButtonProps, disablePrevMonth = false, disableNextMonth = false, onClickPrevMonth, onClickNextMonth, minYear = 1900, maxYear = 2100, onYearChange, onCalendarTypeChange } = _a, other = __rest(_a, ["currentMonth", "monthLabel", "leftArrowIcon", "rightArrowIcon", "leftArrowButtonProps", "rightArrowButtonProps", "disablePrevMonth", "disableNextMonth", "onClickPrevMonth", "onClickNextMonth", "minYear", "maxYear", "onYearChange", "onCalendarTypeChange"]);
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import ChevronDown from "@finam/web-ui-kit-icons/Chevron/ChevronDown";
+import IconButton from "../../IconButton/index.js";
+import { ArrowLeftIcon, ArrowRightIcon, Arrows, Month, Root, Year } from "./CalendarHeader.styles.js";
+import Typography from "../../Typography/index.js";
+import { CalendarType } from "../types.js";
+const CalendarHeader = (_0)=>{
+    let { currentMonth, monthLabel, leftArrowIcon = /*#__PURE__*/ jsx(ArrowLeftIcon, {}), rightArrowIcon = /*#__PURE__*/ jsx(ArrowRightIcon, {}), leftArrowButtonProps, rightArrowButtonProps, disablePrevMonth = false, disableNextMonth = false, onClickPrevMonth, onClickNextMonth, minYear = 1900, maxYear = 2100, onYearChange, onCalendarTypeChange } = _0, other = _object_without_properties__(_0, [
+        "currentMonth",
+        "monthLabel",
+        "leftArrowIcon",
+        "rightArrowIcon",
+        "leftArrowButtonProps",
+        "rightArrowButtonProps",
+        "disablePrevMonth",
+        "disableNextMonth",
+        "onClickPrevMonth",
+        "onClickNextMonth",
+        "minYear",
+        "maxYear",
+        "onYearChange",
+        "onCalendarTypeChange"
+    ]);
     const currentYear = currentMonth.getFullYear().toString();
-    const openYearSelection = useCallback(() => {
+    const openYearSelection = useCallback(()=>{
         onCalendarTypeChange(CalendarType.YEARS);
-    }, [onCalendarTypeChange]);
-    const prevButtonDisabled = disablePrevMonth ||
-        currentMonth.getFullYear() === minYear &&
-            currentMonth.getMonth() === 0;
-    const nextButtonDisabled = disableNextMonth ||
-        currentMonth.getFullYear() === maxYear &&
-            currentMonth.getMonth() === 11;
-    const openMonthSelection = useCallback(() => {
+    }, [
+        onCalendarTypeChange
+    ]);
+    const prevButtonDisabled = disablePrevMonth || currentMonth.getFullYear() === minYear && 0 === currentMonth.getMonth();
+    const nextButtonDisabled = disableNextMonth || currentMonth.getFullYear() === maxYear && 11 === currentMonth.getMonth();
+    const openMonthSelection = useCallback(()=>{
         onCalendarTypeChange(CalendarType.MONTHS);
-    }, [onCalendarTypeChange]);
-    return (_jsxs(Root, Object.assign({}, other, { children: [_jsxs(Month, { className: "ui-calendar__month", onClick: openMonthSelection, children: [_jsx(Typography, { variant: "caption12", weight: "medium", children: monthLabel }), _jsx(ChevronDown, {})] }), _jsxs(Year, { className: "ui-calendar__year", onClick: openYearSelection, children: [_jsx(Typography, { variant: "caption12", weight: "medium", children: currentYear }), _jsx(ChevronDown, {})] }), _jsxs(Arrows, { children: [_jsx(IconButton, Object.assign({ color: "secondary", size: "s" }, leftArrowButtonProps, { disabled: prevButtonDisabled, onClick: onClickPrevMonth, className: "ui-calendar__button-left", children: leftArrowIcon })), _jsx(IconButton, Object.assign({ color: "secondary", size: "s" }, rightArrowButtonProps, { disabled: nextButtonDisabled, onClick: onClickNextMonth, className: "ui-calendar__button-right", children: rightArrowIcon }))] })] })));
+    }, [
+        onCalendarTypeChange
+    ]);
+    return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({}, other), {
+        children: [
+            /*#__PURE__*/ jsxs(Month, {
+                className: "ui-calendar__month",
+                onClick: openMonthSelection,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "caption12",
+                        weight: "medium",
+                        children: monthLabel
+                    }),
+                    /*#__PURE__*/ jsx(ChevronDown, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Year, {
+                className: "ui-calendar__year",
+                onClick: openYearSelection,
+                children: [
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "caption12",
+                        weight: "medium",
+                        children: currentYear
+                    }),
+                    /*#__PURE__*/ jsx(ChevronDown, {})
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Arrows, {
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, _object_spread_props__(_({
+                        color: "secondary",
+                        size: "s"
+                    }, leftArrowButtonProps), {
+                        disabled: prevButtonDisabled,
+                        onClick: onClickPrevMonth,
+                        className: "ui-calendar__button-left",
+                        children: leftArrowIcon
+                    })),
+                    /*#__PURE__*/ jsx(IconButton, _object_spread_props__(_({
+                        color: "secondary",
+                        size: "s"
+                    }, rightArrowButtonProps), {
+                        disabled: nextButtonDisabled,
+                        onClick: onClickNextMonth,
+                        className: "ui-calendar__button-right",
+                        children: rightArrowIcon
+                    }))
+                ]
+            })
+        ]
+    }));
 };
-export default memo(CalendarHeader);
+const CalendarHeader_CalendarHeader = /*#__PURE__*/ memo(CalendarHeader);
+export default CalendarHeader_CalendarHeader;
+
 //# sourceMappingURL=CalendarHeader.js.map

package/dist/Calendar/CalendarHeader/CalendarHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAa,WAAW,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,UAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,EACL,IAAI,EACJ,MAAM,EACN,aAAa,EACb,cAAc,EACd,KAAK,EACL,IAAI,GACL,MAAM,4BAA4B,CAAC;AACpC,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAoB3C,MAAM,cAAc,GAAG,CAAC,EAgBhB,EAAE,EAAE;QAhBY,EACtB,YAAY,EACZ,UAAU,EACV,aAAa,GAAG,KAAC,aAAa,KAAG,EACjC,cAAc,GAAG,KAAC,cAAc,KAAG,EACnC,oBAAoB,EACpB,qBAAqB,EACrB,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,GAAG,KAAK,EACxB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GAAG,IAAI,EACd,OAAO,GAAG,IAAI,EACd,YAAY,EACZ,oBAAoB,OAEd,EADH,KAAK,cAfc,gQAgBvB,CADS;IAER,MAAM,WAAW,GAAG,YAAY,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC;IAE1D,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,oBAAoB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,MAAM,kBAAkB,GAAG,gBAAgB;QACzC,YAAY,CAAC,WAAW,EAAE,KAAK,OAAO;YACtC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;IAChC,MAAM,kBAAkB,GAAG,gBAAgB;QACzC,YAAY,CAAC,WAAW,EAAE,KAAK,OAAO;YACtC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC;IAEjC,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAS,EAAE;QAChD,oBAAoB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,MAAC,IAAI,oBAAK,KAAK,eACb,MAAC,KAAK,IACJ,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,kBAAkB,aAE3B,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,YAAE,UAAU,GAAc,EACzE,KAAC,WAAW,KAAG,IACT,EACR,MAAC,IAAI,IACH,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,iBAAiB,aAE1B,KAAC,UAAU,IAAC,OAAO,EAAC,WAAW,EAAC,MAAM,EAAC,QAAQ,YAAE,WAAW,GAAc,EAC1E,KAAC,WAAW,KAAG,IACV,EACP,MAAC,MAAM,eACL,KAAC,UAAU,kBACT,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,GAAG,IACJ,oBAAoB,IACxB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,0BAA0B,YAEnC,aAAa,IACH,EACb,KAAC,UAAU,kBACT,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,GAAG,IACJ,qBAAqB,IACzB,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,2BAA2B,YAEpC,cAAc,IACJ,IACN,KACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"Calendar/CalendarHeader/CalendarHeader.js","sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import { ReactNode, useCallback, memo } from 'react';\nimport ChevronDown from '@finam/web-ui-kit-icons/Chevron/ChevronDown';\nimport IconButton, { IconButtonProps } from '../../IconButton/index.js';\nimport {\n  Root,\n  Arrows,\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  Month,\n  Year,\n} from './CalendarHeader.styles.js';\nimport Typography from '../../Typography/index.js';\nimport { CalendarType } from '../types.js';\n\ninterface Props {\n  className?: string;\n  currentMonth: Date;\n  monthLabel: string;\n  leftArrowIcon?: ReactNode;\n  rightArrowIcon?: ReactNode;\n  leftArrowButtonProps?: Partial<IconButtonProps>;\n  rightArrowButtonProps?: Partial<IconButtonProps>;\n  disablePrevMonth?: boolean;\n  disableNextMonth?: boolean;\n  onClickPrevMonth: () => void;\n  onClickNextMonth: () => void;\n  minYear?: number;\n  maxYear?: number;\n  onYearChange: (year: number) => void;\n  onCalendarTypeChange: (year: CalendarType) => void;\n}\n\nconst CalendarHeader = ({\n  currentMonth,\n  monthLabel,\n  leftArrowIcon = <ArrowLeftIcon />,\n  rightArrowIcon = <ArrowRightIcon />,\n  leftArrowButtonProps,\n  rightArrowButtonProps,\n  disablePrevMonth = false,\n  disableNextMonth = false,\n  onClickPrevMonth,\n  onClickNextMonth,\n  minYear = 1900,\n  maxYear = 2100,\n  onYearChange,\n  onCalendarTypeChange,\n  ...other\n}: Props) => {\n  const currentYear = currentMonth.getFullYear().toString();\n\n  const openYearSelection = useCallback(() => {\n    onCalendarTypeChange(CalendarType.YEARS);\n  }, [onCalendarTypeChange]);\n\n  const prevButtonDisabled = disablePrevMonth ||\n    currentMonth.getFullYear() === minYear &&\n    currentMonth.getMonth() === 0;\n  const nextButtonDisabled = disableNextMonth ||\n    currentMonth.getFullYear() === maxYear &&\n    currentMonth.getMonth() === 11;\n\n  const openMonthSelection = useCallback((): void => {\n    onCalendarTypeChange(CalendarType.MONTHS);\n  }, [onCalendarTypeChange]);\n\n  return (\n    <Root {...other}>\n      <Month\n        className=\"ui-calendar__month\"\n        onClick={openMonthSelection}\n      >\n        <Typography variant=\"caption12\" weight=\"medium\">{monthLabel}</Typography>\n        <ChevronDown />\n      </Month>\n      <Year\n        className=\"ui-calendar__year\"\n        onClick={openYearSelection}\n      >\n        <Typography variant=\"caption12\" weight=\"medium\">{currentYear}</Typography>\n        <ChevronDown />\n      </Year>\n      <Arrows>\n        <IconButton\n          color=\"secondary\"\n          size=\"s\"\n          {...leftArrowButtonProps}\n          disabled={prevButtonDisabled}\n          onClick={onClickPrevMonth}\n          className=\"ui-calendar__button-left\"\n        >\n          {leftArrowIcon}\n        </IconButton>\n        <IconButton\n          color=\"secondary\"\n          size=\"s\"\n          {...rightArrowButtonProps}\n          disabled={nextButtonDisabled}\n          onClick={onClickNextMonth}\n          className=\"ui-calendar__button-right\"\n        >\n          {rightArrowIcon}\n        </IconButton>\n      </Arrows>\n    </Root>\n  );\n};\n\nexport default memo(CalendarHeader);\n"],"names":["CalendarHeader","currentMonth","monthLabel","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","leftArrowButtonProps","rightArrowButtonProps","disablePrevMonth","disableNextMonth","onClickPrevMonth","onClickNextMonth","minYear","maxYear","onYearChange","onCalendarTypeChange","other","currentYear","openYearSelection","useCallback","CalendarType","prevButtonDisabled","nextButtonDisabled","openMonthSelection","Root","Month","Typography","ChevronDown","Year","Arrows","IconButton","memo"],"mappings":";;;;;;;;;;AAgCA,MAAMA,iBAAiB,CAAC;QAAA,EACtBC,YAAY,EACZC,UAAU,EACVC,gBAAgB,WAAhBA,GAAgB,IAACC,eAAaA,CAAAA,EAAG,EACjCC,iBAAiB,WAAjBA,GAAiB,IAACC,gBAAcA,CAAAA,EAAG,EACnCC,oBAAoB,EACpBC,qBAAqB,EACrBC,mBAAmB,KAAK,EACxBC,mBAAmB,KAAK,EACxBC,gBAAgB,EAChBC,gBAAgB,EAChBC,UAAU,IAAI,EACdC,UAAU,IAAI,EACdC,YAAY,EACZC,oBAAoB,EAEd,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;;;;;;;;;;;IAEH,MAAMC,cAAcjB,aAAa,WAAW,GAAG,QAAQ;IAEvD,MAAMkB,oBAAoBC,YAAY;QACpCJ,qBAAqBK,aAAa,KAAK;IACzC,GAAG;QAACL;KAAqB;IAEzB,MAAMM,qBAAqBb,oBACzBR,aAAa,WAAW,OAAOY,WAC/BZ,AAA4B,MAA5BA,aAAa,QAAQ;IACvB,MAAMsB,qBAAqBb,oBACzBT,aAAa,WAAW,OAAOa,WAC/Bb,AAA4B,OAA5BA,aAAa,QAAQ;IAEvB,MAAMuB,qBAAqBJ,YAAY;QACrCJ,qBAAqBK,aAAa,MAAM;IAC1C,GAAG;QAACL;KAAqB;IAEzB,OAAO,WAAP,GACE,KAACS,MAAIA,uBAAAA,EAAAA,CAAAA,GAAKR,QAAAA;;0BACR,KAACS,OAAKA;gBACJ,WAAU;gBACV,SAASF;;kCAET,IAACG,YAAUA;wBAAC,SAAQ;wBAAY,QAAO;kCAAUzB;;kCACjD,IAAC0B,aAAWA,CAAAA;;;0BAEd,KAACC,MAAIA;gBACH,WAAU;gBACV,SAASV;;kCAET,IAACQ,YAAUA;wBAAC,SAAQ;wBAAY,QAAO;kCAAUT;;kCACjD,IAACU,aAAWA,CAAAA;;;0BAEd,KAACE,QAAMA;;kCACL,IAACC,YAAUA,uBAAAA,EAAAA;wBACT,OAAM;wBACN,MAAK;uBACDxB,uBAAAA;wBACJ,UAAUe;wBACV,SAASX;wBACT,WAAU;kCAETR;;kCAEH,IAAC4B,YAAUA,uBAAAA,EAAAA;wBACT,OAAM;wBACN,MAAK;uBACDvB,wBAAAA;wBACJ,UAAUe;wBACV,SAASX;wBACT,WAAU;kCAETP;;;;;;AAKX;AAEA,oDAAe2B,KAAKhC"}

package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js

@@ -1,28 +1,28 @@
-import { styled } from '@linaria/react';
-import ChevronLeft from '@finam/web-ui-kit-icons/Chevron/ChevronLeft';
-import ChevronRight from '@finam/web-ui-kit-icons/Chevron/ChevronRight';
-export const Root = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+const Root = /*#__PURE__*/styled('div')({
   name: "Root",
   class: "ui_components_r11gzmab",
   propsAsIs: false
 });
-export const Year = /*#__PURE__*/styled('div')({
+const Year = /*#__PURE__*/styled('div')({
   name: "Year",
   class: "ui_components_y133cd7w",
   propsAsIs: false
 });
 const _exp8 = () => (Year);
-export const Month = /*#__PURE__*/styled(_exp8())({
+const Month = /*#__PURE__*/styled(_exp8())({
   name: "Month",
   class: "ui_components_mawxfc5",
   propsAsIs: true
 });
-export const Arrows = /*#__PURE__*/styled('div')({
+const Arrows = /*#__PURE__*/styled('div')({
   name: "Arrows",
   class: "ui_components_au8og2y",
   propsAsIs: false
 });
-export { ChevronLeft as ArrowLeftIcon, ChevronRight as ArrowRightIcon, };
+export { default as ArrowLeftIcon } from "@finam/web-ui-kit-icons/Chevron/ChevronLeft";
+export { default as ArrowRightIcon } from "@finam/web-ui-kit-icons/Chevron/ChevronRight";
+export { Arrows, Month, Root, Year };
 //# sourceMappingURL=CalendarHeader.styles.js.map
 
 import "./CalendarHeader.styles.css";

package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarHeader.styles.js","sourceRoot":"","sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,YAAY,MAAM,8CAA8C,CAAC;AAExE,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;mBAGX,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;aACjB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;aAIrB,MAAM,CAAC,OAAO,CAAC,CAAC;cACf,MAAM,CAAC,OAAO,CAAC,CAAC;aACjB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO;mBACrC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;;;;;;;eAOzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK;;;CAGnD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAEhC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;mBAMb,MAAM,CAAC,OAAO,CAAC,EAAE;;CAEnC,CAAC;AAEF,OAAO,EACL,WAAW,IAAI,aAAa,EAC5B,YAAY,IAAI,cAAc,GAC/B,CAAC"}
+{"version":3,"file":"Calendar/CalendarHeader/CalendarHeader.styles.js","sources":["../../../src/Calendar/CalendarHeader/CalendarHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport ChevronLeft from '@finam/web-ui-kit-icons/Chevron/ChevronLeft';\nimport ChevronRight from '@finam/web-ui-kit-icons/Chevron/ChevronRight';\n\nexport const Root = styled.div`\n  display: flex;\n  align-items: center;\n  margin-bottom: ${tokens.spacing['2xs']};\n`;\n\nexport const Year = styled.div`\n  padding: ${tokens.spacing['2xs']};\n  display: flex;\n\n  & > svg {\n    width: ${tokens.spacing.s};\n    height: ${tokens.spacing.s};\n    color: ${tokens.colors.icon.disabled.default.default};\n    margin-left: ${tokens.spacing['2xs']};\n  }\n\n  &:hover {\n    cursor: pointer;\n\n    svg {\n      color: ${tokens.colors.icon.base.default.hover};\n    }\n  }\n`;\n\nexport const Month = styled(Year)`\n  text-transform: capitalize;\n`;\n\nexport const Arrows = styled.div`\n  margin-left: auto;\n  display: flex;\n  justify-content: flex-end;\n\n  & .ui-calendar__button-right {\n    margin-left: ${tokens.spacing.xs};\n  }\n`;\n\nexport {\n  ChevronLeft as ArrowLeftIcon,\n  ChevronRight as ArrowRightIcon,\n};\n"],"names":["Root","styled","tokens","Year","Month","Arrows"],"mappings":";;AAKO,MAAMA,OAAOC,OAAO,GAAG,CAAC;;;iBAGd,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;AACzC,CAAC;AAEM,MAAMC,OAAOF,OAAO,GAAG,CAAC;WACpB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;;;;WAIxB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;YAClB,EAAEA,OAAO,OAAO,CAAC,CAAC,CAAC;WACpB,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAA3BA,UAAAA,CAAAA,UAA2C,CAAC;iBACxC,EAAEA,OAAO,OAAO,CAAC,MAAM,CAAC;;;;;;;aAO5B,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAvBA,UAAAA,CAAAA,KAAqC,CAAC;;;AAGrD,CAAC;AAEM,MAAME,QAAQH,OAAOE,KAAK,CAAC;;AAElC,CAAC;AAEM,MAAME,SAASJ,OAAO,GAAG,CAAC;;;;;;iBAMhB,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;;AAErC,CAAC"}

package/dist/Calendar/CalendarHeader/index.js

@@ -1,2 +1 @@
-export { default } from './CalendarHeader.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./CalendarHeader.js";

package/dist/Calendar/Day/Day.js

@@ -1,15 +1,22 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classnames from 'clsx';
-import { WeekDay } from '../Calendar.styles.js';
-import { root, hiddenClassName, currentClassName, selectedClassName, disabledClassName, } from './Day.styles.js';
-export const Day = ({ className, children, disabled = false, hidden = false, current = false, selected = false, }) => {
-    const rootClassName = classnames(root, className, {
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { WeekDay } from "../Calendar.styles.js";
+import { currentClassName, disabledClassName, hiddenClassName, root, selectedClassName } from "./Day.styles.js";
+const Day = ({ className, children, disabled = false, hidden = false, current = false, selected = false })=>{
+    const rootClassName = clsx(root, className, {
         [hiddenClassName]: hidden,
         [currentClassName]: current,
         [selectedClassName]: selected,
-        [disabledClassName]: disabled,
+        [disabledClassName]: disabled
+    });
+    return /*#__PURE__*/ jsx(WeekDay, {
+        className: rootClassName,
+        tabIndex: hidden || disabled ? -1 : 0,
+        children: children
     });
-    return (_jsx(WeekDay, { className: rootClassName, tabIndex: hidden || disabled ? -1 : 0, children: children }));
 };
-export default Day;
+const Day_Day = Day;
+export default Day_Day;
+export { Day };
+
 //# sourceMappingURL=Day.js.map

package/dist/Calendar/Day/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/Calendar/Day/Day.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,MAAM,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EACL,IAAI,EACJ,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AAWzB,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,GACV,EAAE,EAAE;IACV,MAAM,aAAa,GAAG,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE;QAChD,CAAC,eAAe,CAAC,EAAE,MAAM;QACzB,CAAC,gBAAgB,CAAC,EAAE,OAAO;QAC3B,CAAC,iBAAiB,CAAC,EAAE,QAAQ;QAC7B,CAAC,iBAAiB,CAAC,EAAE,QAAQ;KAC9B,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,OAAO,IACN,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAEpC,QAAQ,GACD,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Calendar/Day/Day.js","sources":["../../../src/Calendar/Day/Day.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport classnames from 'clsx';\nimport { WeekDay } from '../Calendar.styles.js';\nimport {\n  root,\n  hiddenClassName,\n  currentClassName,\n  selectedClassName,\n  disabledClassName,\n} from './Day.styles.js';\n\nexport interface Props {\n  className?: string;\n  children: ReactNode;\n  current?: boolean;\n  disabled?: boolean;\n  hidden?: boolean;\n  selected?: boolean;\n}\n\nexport const Day = ({\n  className,\n  children,\n  disabled = false,\n  hidden = false,\n  current = false,\n  selected = false,\n}: Props) => {\n  const rootClassName = classnames(root, className, {\n    [hiddenClassName]: hidden,\n    [currentClassName]: current,\n    [selectedClassName]: selected,\n    [disabledClassName]: disabled,\n  });\n\n  return (\n    <WeekDay\n      className={rootClassName}\n      tabIndex={hidden || disabled ? -1 : 0}\n    >\n      {children}\n    </WeekDay>\n  );\n};\n\nexport default Day;\n"],"names":["Day","className","children","disabled","hidden","current","selected","rootClassName","classnames","root","hiddenClassName","currentClassName","selectedClassName","disabledClassName","WeekDay"],"mappings":";;;;AAoBO,MAAMA,MAAM,CAAC,EAClBC,SAAS,EACTC,QAAQ,EACRC,WAAW,KAAK,EAChBC,SAAS,KAAK,EACdC,UAAU,KAAK,EACfC,WAAW,KAAK,EACV;IACN,MAAMC,gBAAgBC,KAAWC,MAAMR,WAAW;QAChD,CAACS,gBAAgB,EAAEN;QACnB,CAACO,iBAAiB,EAAEN;QACpB,CAACO,kBAAkB,EAAEN;QACrB,CAACO,kBAAkB,EAAEV;IACvB;IAEA,OAAO,WAAP,GACE,IAACW,SAAOA;QACN,WAAWP;QACX,UAAUH,UAAUD,WAAW,KAAK;kBAEnCD;;AAGP;AAEA,gBAAeF"}

package/dist/Calendar/Day/Day.styles.js

@@ -1,8 +1,9 @@
-export const root = "ui_components_rk9y08f";
-export const selectedClassName = "ui_components_sfqbfky";
-export const hiddenClassName = "ui_components_hdqbsfy";
-export const disabledClassName = "ui_components_d92q67x";
-export const currentClassName = "ui_components_c1qjes3";
+const root = "ui_components_rk9y08f";
+const selectedClassName = "ui_components_sfqbfky";
+const hiddenClassName = "ui_components_hdqbsfy";
+const disabledClassName = "ui_components_d92q67x";
+const currentClassName = "ui_components_c1qjes3";
+export { currentClassName, disabledClassName, hiddenClassName, root, selectedClassName };
 //# sourceMappingURL=Day.styles.js.map
 
 import "./Day.styles.css";

package/dist/Calendar/Day/Day.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.styles.js","sourceRoot":"","sources":["../../../src/Calendar/Day/Day.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAE/D,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAA;mBACJ,MAAM,CAAC,MAAM,CAAC,CAAC;WACvB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO;;;;;wBAK1B,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;;CAEtD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;WACzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO;sBAC/B,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;CAC3D,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;WAEvB,iBAAiB;aACf,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO;;;eAGzC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;;;;CAItD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;WAEzB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO;;;;;;;CAOrD,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;uBACZ,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO;CAC5D,CAAC"}
+{"version":3,"file":"Calendar/Day/Day.styles.js","sources":["../../../src/Calendar/Day/Day.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\n\nexport const root = css`\n  border-radius: ${tokens.radius.s};\n  color: ${tokens.colors.text.base.default.default};\n  font-weight: 500;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${tokens.colors.opacity.brand[16]};\n  }\n`;\n\nexport const selectedClassName = css`\n  color: ${tokens.colors.text.onbrand.default.default};\n  background-color: ${tokens.colors.bg.brand.default.default};\n`;\n\nexport const hiddenClassName = css`\n  /* stylelint-disable-next-line selector-not-notation */\n  &:not(.${selectedClassName}) {\n    color: ${tokens.colors.text.disabled.default.default};\n\n    &:hover {\n      color: ${tokens.colors.text.base.tertiary.default};\n      background-color: transparent;\n    }\n  }\n`;\n\nexport const disabledClassName = css`\n  cursor: initial;\n  color: ${tokens.colors.text.disabled.default.default};\n  background-color: transparent;\n  pointer-events: none;\n\n  &:hover {\n    background-color: transparent;\n  }\n`;\n\nexport const currentClassName = css`\n  outline: 1px solid ${tokens.colors.bg.brand.default.default};\n`;\n"],"names":["root","css","tokens","selectedClassName","hiddenClassName","disabledClassName","currentClassName"],"mappings":";;AAGO,MAAMA,OAAOC,GAAG,CAAC;iBACP,EAAEC,OAAO,MAAM,CAAC,CAAC,CAAC;SAC1B,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAvBA,UAAAA,CAAAA,UAAuC,CAAC;;;;;sBAK7B,EAAEA,OAAO,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAG,CAAC;;AAExD,CAAC;AAEM,MAAMC,oBAAoBF,GAAG,CAAC;SAC5B,EAAEC,OAAO,MAAM,CAAC,IAAI,CAAC,OAAO,CAA1BA,UAAAA,CAAAA,UAA0C,CAAC;oBAClC,EAAEA,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAtBA,UAAAA,CAAAA,UAAsC,CAAC;AAC7D,CAAC;AAEM,MAAME,kBAAkBH,GAAG,CAAC;;SAE1B,EAAEE,kBAAkB;WAClB,EAAED,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAA3BA,UAAAA,CAAAA,UAA2C,CAAC;;;aAG5C,EAAEA,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAhCA,UAAwC,CAAC;;;;AAIxD,CAAC;AAEM,MAAMG,oBAAoBJ,GAAG,CAAC;;SAE5B,EAAEC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAA3BA,UAAAA,CAAAA,UAA2C,CAAC;;;;;;;AAOvD,CAAC;AAEM,MAAMI,mBAAmBL,GAAG,CAAC;qBACf,EAAEC,OAAO,MAAM,CAAC,EAAE,CAAC,KAAK,CAAtBA,UAAAA,CAAAA,UAAsC,CAAC;AAC9D,CAAC"}

package/dist/Calendar/Day/index.js

@@ -1,3 +1,5 @@
-import Day from './Day.js';
-export default Day;
+import Day from "./Day.js";
+const Calendar_Day = Day;
+export default Calendar_Day;
+
 //# sourceMappingURL=index.js.map

package/dist/Calendar/Day/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Calendar/Day/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAc,MAAM,UAAU,CAAC;AAGtC,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Calendar/Day/index.js","sources":["../../../src/Calendar/Day/index.ts"],"sourcesContent":["import Day, { Props } from './Day.js';\n\nexport type { Props as DayProps };\nexport default Day;\n"],"names":["Day"],"mappings":";AAGA,qBAAeA"}

package/dist/Calendar/DayWrapper.js

@@ -1,10 +1,27 @@
-import { __rest } from "tslib";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useCallback, memo } from 'react';
-const DayWrapper = (_a) => {
-    var { children, value, disabled, onSelect } = _a, other = __rest(_a, ["children", "value", "disabled", "onSelect"]);
-    const handleClick = useCallback(() => onSelect(value), [onSelect, value]);
-    return (_jsx("div", Object.assign({ role: "presentation", onClick: !disabled ? handleClick : undefined }, other, { children: children })));
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
+import { jsx } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+const DayWrapper = (_0)=>{
+    let { children, value, disabled, onSelect } = _0, other = _object_without_properties__(_0, [
+        "children",
+        "value",
+        "disabled",
+        "onSelect"
+    ]);
+    const handleClick = useCallback(()=>onSelect(value), [
+        onSelect,
+        value
+    ]);
+    return /*#__PURE__*/ jsx("div", _object_spread_props__(_({
+        role: "presentation",
+        onClick: disabled ? void 0 : handleClick
+    }, other), {
+        children: children
+    }));
 };
-export default memo(DayWrapper);
+const Calendar_DayWrapper = /*#__PURE__*/ memo(DayWrapper);
+export default Calendar_DayWrapper;
+
 //# sourceMappingURL=DayWrapper.js.map

package/dist/Calendar/DayWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayWrapper.js","sourceRoot":"","sources":["../../src/Calendar/DayWrapper.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAa,WAAW,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAUrD,MAAM,UAAU,GAAG,CAAC,EAMZ,EAAE,EAAE;QANQ,EAClB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,OAEF,EADH,KAAK,cALU,6CAMnB,CADS;IAER,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,4BACE,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IACxC,KAAK,cAER,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Calendar/DayWrapper.js","sources":["../../src/Calendar/DayWrapper.tsx"],"sourcesContent":["import { ReactNode, useCallback, memo } from 'react';\n\nexport interface Props {\n  className?: string;\n  value: any;\n  children: ReactNode;\n  disabled?: boolean;\n  onSelect: (value: any) => void;\n}\n\nconst DayWrapper = ({\n  children,\n  value,\n  disabled,\n  onSelect,\n  ...other\n}: Props) => {\n  const handleClick = useCallback(() => onSelect(value), [onSelect, value]);\n\n  return (\n    <div\n      role=\"presentation\"\n      onClick={!disabled ? handleClick : undefined}\n      {...other}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default memo(DayWrapper);\n"],"names":["DayWrapper","children","value","disabled","onSelect","other","handleClick","useCallback","undefined","memo"],"mappings":";;;;;AAUA,MAAMA,aAAa,CAAC;QAAA,EAClBC,QAAQ,EACRC,KAAK,EACLC,QAAQ,EACRC,QAAQ,EAEF,OADHC,QAAAA,6BAAAA,IAAAA;;;;;;IAEH,MAAMC,cAAcC,YAAY,IAAMH,SAASF,QAAQ;QAACE;QAAUF;KAAM;IAExE,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,SAAS,AAACC,WAAyBK,SAAdF;OACjBD,QAAAA;kBAEHJ;;AAGP;AAEA,0CAAeQ,KAAKT"}

package/dist/Calendar/SelectMonthTable/SelectMonthTable.js

@@ -1,42 +1,84 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { memo, useCallback } from 'react';
-import { MonthsTable, Header, ArrowLeftIcon, ArrowRightIcon, MonthsRow, Month, MonthWrapper, } from './SelectMonthTable.styles.js';
-import IconButton from '../../IconButton/index.js';
-import Typography from '../../Typography/index.js';
-import { formatLongMonthToNumeric, getMonthsArray } from '../utils.js';
-import { monthLong } from '../../utils/dateFormatter.js';
-const SelectMonthTable = ({ locale, currentDate, onClickPrevYear, onClickNextYear, handleChangeMonth, minYear = 1900, maxYear = 2100, minMonth = 0, maxMonth = 11, disablePast = false, disableFuture = false, leftArrowIcon = _jsx(ArrowLeftIcon, {}), rightArrowIcon = _jsx(ArrowRightIcon, {}), leftArrowButtonProps, rightArrowButtonProps, }) => {
-    const handleClickMonth = (month) => {
+import { _ } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { memo, useCallback } from "react";
+import { ArrowLeftIcon, ArrowRightIcon, Header, Month, MonthWrapper, MonthsRow, MonthsTable } from "./SelectMonthTable.styles.js";
+import IconButton from "../../IconButton/index.js";
+import Typography from "../../Typography/index.js";
+import { formatLongMonthToNumeric, getMonthsArray } from "../utils.js";
+import { monthLong } from "../../utils/dateFormatter.js";
+const SelectMonthTable = ({ locale, currentDate, onClickPrevYear, onClickNextYear, handleChangeMonth, minYear = 1900, maxYear = 2100, minMonth = 0, maxMonth = 11, disablePast = false, disableFuture = false, leftArrowIcon = /*#__PURE__*/ jsx(ArrowLeftIcon, {}), rightArrowIcon = /*#__PURE__*/ jsx(ArrowRightIcon, {}), leftArrowButtonProps, rightArrowButtonProps })=>{
+    const handleClickMonth = (month)=>{
         handleChangeMonth(month);
     };
-    const monthFormatter = useCallback((unix) => monthLong(unix, locale), [locale]);
+    const monthFormatter = useCallback((unix)=>monthLong(unix, locale), [
+        locale
+    ]);
     const currentYear = currentDate.getFullYear();
     const monthsGroups = getMonthsArray(monthFormatter);
     const currentDateTime = new Date();
-    const prevButtonDisabled = currentYear <= minYear ||
-        (disablePast && currentYear === currentDateTime.getFullYear());
-    const nextButtonDisabled = currentYear >= maxYear ||
-        (disableFuture && currentYear === currentDateTime.getFullYear());
-    return (_jsxs(_Fragment, { children: [_jsxs(Header, { children: [_jsx(IconButton, Object.assign({ color: "secondary", size: "s" }, leftArrowButtonProps, { disabled: prevButtonDisabled, onClick: onClickPrevYear, className: "ui-calendar__button-left", children: leftArrowIcon })), _jsx(Typography, { variant: "caption12", weight: "medium", children: currentYear.toString() }), _jsx(IconButton, Object.assign({ color: "secondary", size: "s" }, rightArrowButtonProps, { disabled: nextButtonDisabled, onClick: onClickNextYear, className: "ui-calendar__button-right", children: rightArrowIcon }))] }), _jsx(MonthsTable, { children: monthsGroups.map(monthsGroup => (_jsx(MonthsRow, { children: monthsGroup.map((month) => {
-                        const isCurrentMonth = month === monthFormatter(new Date(currentDate.getFullYear(), currentDateTime.getMonth()));
-                        const numericMonth = formatLongMonthToNumeric(month, monthFormatter);
-                        const currentMonth = currentDate === null || currentDate === void 0 ? void 0 : currentDate.getMonth();
-                        const isMonthSelected = currentMonth === numericMonth;
-                        const isPastMonth = (numericMonth < currentDateTime.getMonth()) &&
-                            currentYear <= currentDateTime.getFullYear();
-                        const isFutureMonth = (numericMonth > currentDateTime.getMonth()) &&
-                            currentYear >= currentDateTime.getFullYear();
-                        const disabled = (currentYear === minYear && numericMonth < minMonth) ||
-                            (currentYear === maxYear && numericMonth > maxMonth) ||
-                            (disablePast && isPastMonth) ||
-                            (disableFuture && isFutureMonth);
-                        const onSelect = () => {
-                            if (disabled)
-                                return;
-                            handleClickMonth(numericMonth);
-                        };
-                        return (_jsx(MonthWrapper, { value: numericMonth, onSelect: onSelect, children: _jsx(Month, { current: isCurrentMonth, selected: isMonthSelected, disabled: disabled, children: month }) }, `month_${month.toString()}`));
-                    }) }, `months_row_${monthsGroup.toString()}`))) })] }));
+    const prevButtonDisabled = currentYear <= minYear || disablePast && currentYear === currentDateTime.getFullYear();
+    const nextButtonDisabled = currentYear >= maxYear || disableFuture && currentYear === currentDateTime.getFullYear();
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs(Header, {
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, _object_spread_props__(_({
+                        color: "secondary",
+                        size: "s"
+                    }, leftArrowButtonProps), {
+                        disabled: prevButtonDisabled,
+                        onClick: onClickPrevYear,
+                        className: "ui-calendar__button-left",
+                        children: leftArrowIcon
+                    })),
+                    /*#__PURE__*/ jsx(Typography, {
+                        variant: "caption12",
+                        weight: "medium",
+                        children: currentYear.toString()
+                    }),
+                    /*#__PURE__*/ jsx(IconButton, _object_spread_props__(_({
+                        color: "secondary",
+                        size: "s"
+                    }, rightArrowButtonProps), {
+                        disabled: nextButtonDisabled,
+                        onClick: onClickNextYear,
+                        className: "ui-calendar__button-right",
+                        children: rightArrowIcon
+                    }))
+                ]
+            }),
+            /*#__PURE__*/ jsx(MonthsTable, {
+                children: monthsGroups.map((monthsGroup)=>/*#__PURE__*/ jsx(MonthsRow, {
+                        children: monthsGroup.map((month)=>{
+                            const isCurrentMonth = month === monthFormatter(new Date(currentDate.getFullYear(), currentDateTime.getMonth()));
+                            const numericMonth = formatLongMonthToNumeric(month, monthFormatter);
+                            const currentMonth = null == currentDate ? void 0 : currentDate.getMonth();
+                            const isMonthSelected = currentMonth === numericMonth;
+                            const isPastMonth = numericMonth < currentDateTime.getMonth() && currentYear <= currentDateTime.getFullYear();
+                            const isFutureMonth = numericMonth > currentDateTime.getMonth() && currentYear >= currentDateTime.getFullYear();
+                            const disabled = currentYear === minYear && numericMonth < minMonth || currentYear === maxYear && numericMonth > maxMonth || disablePast && isPastMonth || disableFuture && isFutureMonth;
+                            const onSelect = ()=>{
+                                if (disabled) return;
+                                handleClickMonth(numericMonth);
+                            };
+                            return /*#__PURE__*/ jsx(MonthWrapper, {
+                                value: numericMonth,
+                                onSelect: onSelect,
+                                children: /*#__PURE__*/ jsx(Month, {
+                                    current: isCurrentMonth,
+                                    selected: isMonthSelected,
+                                    disabled: disabled,
+                                    children: month
+                                })
+                            }, `month_${month.toString()}`);
+                        })
+                    }, `months_row_${monthsGroup.toString()}`))
+            })
+        ]
+    });
 };
-export default memo(SelectMonthTable);
+const SelectMonthTable_SelectMonthTable = /*#__PURE__*/ memo(SelectMonthTable);
+export default SelectMonthTable_SelectMonthTable;
+
 //# sourceMappingURL=SelectMonthTable.js.map

package/dist/Calendar/SelectMonthTable/SelectMonthTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMonthTable.js","sourceRoot":"","sources":["../../../src/Calendar/SelectMonthTable/SelectMonthTable.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Calendar/SelectMonthTable/SelectMonthTable.js","sources":["../../../src/Calendar/SelectMonthTable/SelectMonthTable.tsx"],"sourcesContent":["import { ReactNode, memo, useCallback } from 'react';\nimport {\n  MonthsTable,\n  Header,\n  ArrowLeftIcon,\n  ArrowRightIcon,\n  MonthsRow,\n  Month,\n  MonthWrapper,\n} from './SelectMonthTable.styles.js';\nimport IconButton, { IconButtonProps } from '../../IconButton/index.js';\nimport Typography from '../../Typography/index.js';\nimport { formatLongMonthToNumeric, getMonthsArray } from '../utils.js';\nimport { monthLong } from '../../utils/dateFormatter.js';\n\ninterface Props {\n  locale?: string;\n  currentDate: Date;\n  onClickPrevYear: () => void;\n  onClickNextYear: () => void;\n  handleChangeMonth: (month: number) => void;\n  minYear?: number;\n  maxYear?: number;\n  minMonth?: number;\n  maxMonth?: number;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  leftArrowIcon?: ReactNode;\n  rightArrowIcon?: ReactNode;\n  leftArrowButtonProps?: Partial<IconButtonProps>;\n  rightArrowButtonProps?: Partial<IconButtonProps>;\n}\n\nconst SelectMonthTable = ({\n  locale,\n  currentDate,\n  onClickPrevYear,\n  onClickNextYear,\n  handleChangeMonth,\n  minYear = 1900,\n  maxYear = 2100,\n  minMonth = 0,\n  maxMonth = 11,\n  disablePast = false,\n  disableFuture = false,\n  leftArrowIcon = <ArrowLeftIcon />,\n  rightArrowIcon = <ArrowRightIcon />,\n  leftArrowButtonProps,\n  rightArrowButtonProps,\n}: Props) => {\n  const handleClickMonth = (month: number): void => {\n    handleChangeMonth(month);\n  };\n  const monthFormatter = useCallback((unix: number | Date) => monthLong(unix, locale), [locale]);\n\n  const currentYear = currentDate.getFullYear();\n  const monthsGroups = getMonthsArray(monthFormatter);\n  const currentDateTime = new Date();\n  const prevButtonDisabled = currentYear <= minYear ||\n    (disablePast && currentYear === currentDateTime.getFullYear());\n  const nextButtonDisabled = currentYear >= maxYear ||\n    (disableFuture && currentYear === currentDateTime.getFullYear());\n\n  return (\n    <>\n      <Header>\n        <IconButton\n          color=\"secondary\"\n          size=\"s\"\n          {...leftArrowButtonProps}\n          disabled={prevButtonDisabled}\n          onClick={onClickPrevYear}\n          className=\"ui-calendar__button-left\"\n        >\n          {leftArrowIcon}\n        </IconButton>\n        <Typography variant=\"caption12\" weight=\"medium\">{currentYear.toString()}</Typography>\n        <IconButton\n          color=\"secondary\"\n          size=\"s\"\n          {...rightArrowButtonProps}\n          disabled={nextButtonDisabled}\n          onClick={onClickNextYear}\n          className=\"ui-calendar__button-right\"\n        >\n          {rightArrowIcon}\n        </IconButton>\n      </Header>\n      <MonthsTable>\n        {monthsGroups.map(monthsGroup => (\n          <MonthsRow key={`months_row_${monthsGroup.toString()}`}>\n            {monthsGroup.map((month) => {\n              const isCurrentMonth = month === monthFormatter(\n                new Date(currentDate.getFullYear(), currentDateTime.getMonth()),\n              );\n              const numericMonth = formatLongMonthToNumeric(month, monthFormatter);\n              const currentMonth = currentDate?.getMonth();\n              const isMonthSelected = currentMonth === numericMonth;\n\n              const isPastMonth = (numericMonth < currentDateTime.getMonth()) &&\n                currentYear <= currentDateTime.getFullYear();\n              const isFutureMonth = (numericMonth > currentDateTime.getMonth()) &&\n                currentYear >= currentDateTime.getFullYear();\n\n              const disabled = (currentYear === minYear && numericMonth < minMonth) ||\n                (currentYear === maxYear && numericMonth > maxMonth) ||\n                (disablePast && isPastMonth) ||\n                (disableFuture && isFutureMonth);\n\n              const onSelect = () => {\n                if (disabled) return;\n                handleClickMonth(numericMonth);\n              };\n\n              return (\n                <MonthWrapper\n                  key={`month_${month.toString()}`}\n                  value={numericMonth}\n                  onSelect={onSelect}\n                >\n                  <Month\n                    current={isCurrentMonth}\n                    selected={isMonthSelected}\n                    disabled={disabled}\n                  >\n                    {month}\n                  </Month>\n                </MonthWrapper>\n              );\n            })}\n          </MonthsRow>\n        ))}\n      </MonthsTable>\n    </>\n  );\n};\n\nexport default memo(SelectMonthTable);\n"],"names":["SelectMonthTable","locale","currentDate","onClickPrevYear","onClickNextYear","handleChangeMonth","minYear","maxYear","minMonth","maxMonth","disablePast","disableFuture","leftArrowIcon","ArrowLeftIcon","rightArrowIcon","ArrowRightIcon","leftArrowButtonProps","rightArrowButtonProps","handleClickMonth","month","monthFormatter","useCallback","unix","monthLong","currentYear","monthsGroups","getMonthsArray","currentDateTime","Date","prevButtonDisabled","nextButtonDisabled","Header","IconButton","Typography","MonthsTable","monthsGroup","MonthsRow","isCurrentMonth","numericMonth","formatLongMonthToNumeric","currentMonth","isMonthSelected","isPastMonth","isFutureMonth","disabled","onSelect","MonthWrapper","Month","memo"],"mappings":";;;;;;;;;AAiCA,MAAMA,mBAAmB,CAAC,EACxBC,MAAM,EACNC,WAAW,EACXC,eAAe,EACfC,eAAe,EACfC,iBAAiB,EACjBC,UAAU,IAAI,EACdC,UAAU,IAAI,EACdC,WAAW,CAAC,EACZC,WAAW,EAAE,EACbC,cAAc,KAAK,EACnBC,gBAAgB,KAAK,EACrBC,gBAAgB,WAAhBA,GAAgB,IAACC,eAAaA,CAAAA,EAAG,EACjCC,iBAAiB,WAAjBA,GAAiB,IAACC,gBAAcA,CAAAA,EAAG,EACnCC,oBAAoB,EACpBC,qBAAqB,EACf;IACN,MAAMC,mBAAmB,CAACC;QACxBd,kBAAkBc;IACpB;IACA,MAAMC,iBAAiBC,YAAY,CAACC,OAAwBC,UAAUD,MAAMrB,SAAS;QAACA;KAAO;IAE7F,MAAMuB,cAActB,YAAY,WAAW;IAC3C,MAAMuB,eAAeC,eAAeN;IACpC,MAAMO,kBAAkB,IAAIC;IAC5B,MAAMC,qBAAqBL,eAAelB,WACvCI,eAAec,gBAAgBG,gBAAgB,WAAW;IAC7D,MAAMG,qBAAqBN,eAAejB,WACvCI,iBAAiBa,gBAAgBG,gBAAgB,WAAW;IAE/D,OAAO,WAAP,GACE;;0BACE,KAACI,QAAMA;;kCACL,IAACC,YAAUA,uBAAAA,EAAAA;wBACT,OAAM;wBACN,MAAK;uBACDhB,uBAAAA;wBACJ,UAAUa;wBACV,SAAS1B;wBACT,WAAU;kCAETS;;kCAEH,IAACqB,YAAUA;wBAAC,SAAQ;wBAAY,QAAO;kCAAUT,YAAY,QAAQ;;kCACrE,IAACQ,YAAUA,uBAAAA,EAAAA;wBACT,OAAM;wBACN,MAAK;uBACDf,wBAAAA;wBACJ,UAAUa;wBACV,SAAS1B;wBACT,WAAU;kCAETU;;;;0BAGL,IAACoB,aAAWA;0BACTT,aAAa,GAAG,CAACU,CAAAA,cAAAA,WAAAA,GAChB,IAACC,WAASA;kCACPD,YAAY,GAAG,CAAC,CAAChB;4BAChB,MAAMkB,iBAAiBlB,UAAUC,eAC/B,IAAIQ,KAAK1B,YAAY,WAAW,IAAIyB,gBAAgB,QAAQ;4BAE9D,MAAMW,eAAeC,yBAAyBpB,OAAOC;4BACrD,MAAMoB,eAAetC,QAAAA,cAAAA,KAAAA,IAAAA,YAAa,QAAQ;4BAC1C,MAAMuC,kBAAkBD,iBAAiBF;4BAEzC,MAAMI,cAAeJ,eAAeX,gBAAgB,QAAQ,MAC1DH,eAAeG,gBAAgB,WAAW;4BAC5C,MAAMgB,gBAAiBL,eAAeX,gBAAgB,QAAQ,MAC5DH,eAAeG,gBAAgB,WAAW;4BAE5C,MAAMiB,WAAYpB,gBAAgBlB,WAAWgC,eAAe9B,YACzDgB,gBAAgBjB,WAAW+B,eAAe7B,YAC1CC,eAAegC,eACf/B,iBAAiBgC;4BAEpB,MAAME,WAAW;gCACf,IAAID,UAAU;gCACd1B,iBAAiBoB;4BACnB;4BAEA,OAAO,WAAP,GACE,IAACQ,cAAYA;gCAEX,OAAOR;gCACP,UAAUO;0CAEV,kBAACE,OAAKA;oCACJ,SAASV;oCACT,UAAUI;oCACV,UAAUG;8CAETzB;;+BATE,CAAC,MAAM,EAAEA,MAAM,QAAQ,IAAI;wBAatC;uBAvCc,CAAC,WAAW,EAAEgB,YAAY,QAAQ,IAAI;;;;AA6ChE;AAEA,wDAAea,KAAKhD"}

package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js

@@ -1,36 +1,36 @@
-import { styled } from '@linaria/react';
-import ChevronLeft from '@finam/web-ui-kit-icons/Chevron/ChevronLeft';
-import ChevronRight from '@finam/web-ui-kit-icons/Chevron/ChevronRight';
-import DayWrapperBase from '../DayWrapper.js';
-import Day from '../Day/Day.js';
-export { ChevronLeft as ArrowLeftIcon, ChevronRight as ArrowRightIcon, };
-export const Header = /*#__PURE__*/styled('div')({
+import { styled } from "@linaria/react";
+import Day from "../Day/Day.js";
+import DayWrapper from "../DayWrapper.js";
+const Header = /*#__PURE__*/styled('div')({
   name: "Header",
   class: "ui_components_h1hp0blo",
   propsAsIs: false
 });
-export const MonthsTable = /*#__PURE__*/styled('div')({
+const MonthsTable = /*#__PURE__*/styled('div')({
   name: "MonthsTable",
   class: "ui_components_mmh26gy",
   propsAsIs: false
 });
-export const MonthsRow = /*#__PURE__*/styled('div')({
+const MonthsRow = /*#__PURE__*/styled('div')({
   name: "MonthsRow",
   class: "ui_components_mb337u9",
   propsAsIs: false
 });
-const _exp4 = () => (DayWrapperBase);
-export const MonthWrapper = /*#__PURE__*/styled(_exp4())({
+const _exp4 = () => (DayWrapper);
+const MonthWrapper = /*#__PURE__*/styled(_exp4())({
   name: "MonthWrapper",
   class: "ui_components_m17o1j6p",
   propsAsIs: true
 });
 const _exp5 = () => (Day);
-export const Month = /*#__PURE__*/styled(_exp5())({
+const Month = /*#__PURE__*/styled(_exp5())({
   name: "Month",
   class: "ui_components_mmznyat",
   propsAsIs: true
 });
+export { default as ArrowLeftIcon } from "@finam/web-ui-kit-icons/Chevron/ChevronLeft";
+export { default as ArrowRightIcon } from "@finam/web-ui-kit-icons/Chevron/ChevronRight";
+export { Header, Month, MonthWrapper, MonthsRow, MonthsTable };
 //# sourceMappingURL=SelectMonthTable.styles.js.map
 
 import "./SelectMonthTable.styles.css";

package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectMonthTable.styles.js","sourceRoot":"","sources":["../../../src/Calendar/SelectMonthTable/SelectMonthTable.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,uCAAuC,CAAC;AAC/D,OAAO,WAAW,MAAM,6CAA6C,CAAC;AACtE,OAAO,YAAY,MAAM,8CAA8C,CAAC;AACxE,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,GAAG,MAAM,eAAe,CAAC;AAEhC,OAAO,EACL,WAAW,IAAI,aAAa,EAC5B,YAAY,IAAI,cAAc,GAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA;;;;mBAIb,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;CACvC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;aAEtB,MAAM,CAAC,OAAO,CAAC,EAAE;;;qBAGT,MAAM,CAAC,OAAO,CAAC,EAAE;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;;;;;CAMjD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAE/B,CAAC"}
+{"version":3,"file":"Calendar/SelectMonthTable/SelectMonthTable.styles.js","sources":["../../../src/Calendar/SelectMonthTable/SelectMonthTable.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport ChevronLeft from '@finam/web-ui-kit-icons/Chevron/ChevronLeft';\nimport ChevronRight from '@finam/web-ui-kit-icons/Chevron/ChevronRight';\nimport DayWrapperBase from '../DayWrapper.js';\nimport Day from '../Day/Day.js';\n\nexport {\n  ChevronLeft as ArrowLeftIcon,\n  ChevronRight as ArrowRightIcon,\n};\n\nexport const Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: ${tokens.spacing['2xs']};\n`;\n\nexport const MonthsTable = styled.div``;\n\nexport const MonthsRow = styled.div`\n  display: flex;\n  padding: ${tokens.spacing.xs} 0;\n\n  &:not(:last-child) {\n    margin-bottom: ${tokens.spacing.xs};\n  }\n`;\n\nexport const MonthWrapper = styled(DayWrapperBase)`\n  flex: 1;\n\n  &:not(:first-child) {\n    margin-left: 6px;\n  }\n`;\n\nexport const Month = styled(Day)`\n  width: auto;\n`;\n"],"names":["Header","styled","tokens","MonthsTable","MonthsRow","MonthWrapper","DayWrapperBase","Month","Day"],"mappings":";;;;AAYO,MAAMA,SAASC,OAAO,GAAG,CAAC;;;;iBAIhB,EAAEC,OAAO,OAAO,CAAC,MAAM,CAAC;AACzC,CAAC;AAEM,MAAMC,cAAcF,OAAO,GAAG,CAAC,CAAC;AAEhC,MAAMG,YAAYH,OAAO,GAAG,CAAC;;WAEzB,EAAEC,OAAO,OAAO,CAAC,EAAE,CAAC;;;mBAGZ,EAAEA,OAAO,OAAO,CAAC,EAAE,CAAC;;AAEvC,CAAC;AAEM,MAAMG,eAAeJ,OAAOK,WAAe,CAAC;;;;;;AAMnD,CAAC;AAEM,MAAMC,QAAQN,OAAOO,IAAI,CAAC;;AAEjC,CAAC"}

package/dist/Calendar/SelectMonthTable/index.js

@@ -1,2 +1 @@
-export { default } from './SelectMonthTable.js';
-//# sourceMappingURL=index.js.map
+export { default } from "./SelectMonthTable.js";