@skbkontur/react-ui 0.0.0-13d2191267 → 0.0.0-151f385a39

package/cjs/hooks/useEffectWithoutInitCall.js

@@ -0,0 +1,13 @@
+"use strict";exports.__esModule = true;exports.useEffectWithoutInitCall = void 0;var _react = _interopRequireWildcard(require("react"));function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
+var useEffectWithoutInitCall = function useEffectWithoutInitCall(effect, deps) {
+  var isInitialRenderRef = (0, _react.useRef)(true);
+
+  _react.default.useEffect(function () {
+    if (isInitialRenderRef.current) {
+      isInitialRenderRef.current = false;
+    } else {
+      effect();
+    }
+  }, deps);
+};exports.useEffectWithoutInitCall = useEffectWithoutInitCall;

package/cjs/hooks/useEffectWithoutInitCall.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useEffectWithoutInitCall.ts"],"names":["useEffectWithoutInitCall","effect","deps","isInitialRenderRef","React","useEffect","current"],"mappings":"iFAAA,uD;;AAEO,IAAMA,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,MAAD,EAAqBC,IAArB,EAA8C;AACpF,MAAMC,kBAAkB,GAAG,mBAAO,IAAP,CAA3B;;AAEAC,iBAAMC,SAAN,CAAgB,YAAM;AACpB,QAAIF,kBAAkB,CAACG,OAAvB,EAAgC;AAC9BH,MAAAA,kBAAkB,CAACG,OAAnB,GAA6B,KAA7B;AACD,KAFD,MAEO;AACLL,MAAAA,MAAM;AACP;AACF,GAND,EAMGC,IANH;AAOD,CAVM,C","sourcesContent":["import React, { DependencyList, useRef } from 'react';\n\nexport const useEffectWithoutInitCall = (effect: () => void, deps: DependencyList) => {\n  const isInitialRenderRef = useRef(true);\n\n  React.useEffect(() => {\n    if (isInitialRenderRef.current) {\n      isInitialRenderRef.current = false;\n    } else {\n      effect();\n    }\n  }, deps);\n};\n"]}

package/cjs/hooks/useMemoObject.d.ts

@@ -0,0 +1 @@
+export declare const useMemoObject: <TObject extends object>(objectValue: TObject) => TObject;

package/cjs/hooks/useMemoObject.js

@@ -0,0 +1,5 @@
+"use strict";exports.__esModule = true;exports.useMemoObject = void 0;var _react = require("react");
+
+var useMemoObject = function useMemoObject(objectValue) {
+  return (0, _react.useMemo)(function () {return objectValue;}, Object.values(objectValue));
+};exports.useMemoObject = useMemoObject;

package/cjs/hooks/useMemoObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useMemoObject.ts"],"names":["useMemoObject","objectValue","Object","values"],"mappings":"sEAAA;;AAEO,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAAyBC,WAAzB,EAAkD;AAC7E,SAAO,oBAAiB,oBAAMA,WAAN,EAAjB,EAAoCC,MAAM,CAACC,MAAP,CAAcF,WAAd,CAApC,CAAP;AACD,CAFM,C","sourcesContent":["import { useMemo } from 'react';\n\nexport const useMemoObject = <TObject extends object>(objectValue: TObject) => {\n  return useMemo<TObject>(() => objectValue, Object.values(objectValue));\n};\n"]}

package/cjs/index.d.ts

@@ -9,17 +9,16 @@ export * from './components/DateInput';
 export * from './components/DatePicker';
 export * from './components/Dropdown';
 export * from './components/DropdownMenu';
-export * from './components/Fias';
+export * from './components/FileUploader';
 export * from './components/FxInput';
 export * from './components/Gapped';
+export * from './components/GlobalLoader';
 export * from './components/Group';
 export * from './components/Hint';
 export * from './components/Input';
 export * from './components/Kebab';
 export * from './components/Link';
 export * from './components/Loader';
-export * from './components/LocaleProvider';
-export * from './components/Logotype';
 export * from './components/MenuHeader';
 export * from './components/MenuItem';
 export * from './components/MenuSeparator';
@@ -36,19 +35,20 @@ export * from './components/Sticky';
 export * from './components/Switcher';
 export * from './components/Tabs';
 export * from './components/Textarea';
-export * from './components/ThemeConsumer';
-export * from './components/ThemeProvider';
 export * from './components/Toast';
 export * from './components/Toggle';
 export * from './components/Token';
 export * from './components/TokenInput';
 export * from './components/Tooltip';
 export * from './components/TooltipMenu';
-export * from './components/TopBar';
+export * from './components/ResponsiveLayout';
 export * from './lib/locale';
 export * from './lib/theming/ThemeContext';
 export * from './lib/theming/ThemeFactory';
 export * from './lib/theming/themes/DefaultTheme';
-export * from './lib/theming/themes/DefaultTheme8px';
-export * from './lib/theming/themes/FlatTheme';
-export * from './lib/theming/themes/FlatTheme8px';
+export * from './lib/theming/themes/DarkTheme';
+export * from './lib/theming/themes/DefaultTheme8pxOld';
+export * from './lib/theming/themes/FlatTheme8pxOld';
+export * from './lib/theming/themes/Theme2022';
+export * from './lib/theming/themes/Theme2022Dark';
+export * from './internal/Popup/types';

package/cjs/index.js

@@ -9,17 +9,16 @@ var _DateInput = require("./components/DateInput");Object.keys(_DateInput).forEa
 var _DatePicker = require("./components/DatePicker");Object.keys(_DatePicker).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DatePicker[key]) return;exports[key] = _DatePicker[key];});
 var _Dropdown = require("./components/Dropdown");Object.keys(_Dropdown).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Dropdown[key]) return;exports[key] = _Dropdown[key];});
 var _DropdownMenu = require("./components/DropdownMenu");Object.keys(_DropdownMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DropdownMenu[key]) return;exports[key] = _DropdownMenu[key];});
-var _Fias = require("./components/Fias");Object.keys(_Fias).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Fias[key]) return;exports[key] = _Fias[key];});
+var _FileUploader = require("./components/FileUploader");Object.keys(_FileUploader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FileUploader[key]) return;exports[key] = _FileUploader[key];});
 var _FxInput = require("./components/FxInput");Object.keys(_FxInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FxInput[key]) return;exports[key] = _FxInput[key];});
 var _Gapped = require("./components/Gapped");Object.keys(_Gapped).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Gapped[key]) return;exports[key] = _Gapped[key];});
+var _GlobalLoader = require("./components/GlobalLoader");Object.keys(_GlobalLoader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _GlobalLoader[key]) return;exports[key] = _GlobalLoader[key];});
 var _Group = require("./components/Group");Object.keys(_Group).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Group[key]) return;exports[key] = _Group[key];});
 var _Hint = require("./components/Hint");Object.keys(_Hint).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Hint[key]) return;exports[key] = _Hint[key];});
 var _Input = require("./components/Input");Object.keys(_Input).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Input[key]) return;exports[key] = _Input[key];});
 var _Kebab = require("./components/Kebab");Object.keys(_Kebab).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Kebab[key]) return;exports[key] = _Kebab[key];});
 var _Link = require("./components/Link");Object.keys(_Link).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Link[key]) return;exports[key] = _Link[key];});
 var _Loader = require("./components/Loader");Object.keys(_Loader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Loader[key]) return;exports[key] = _Loader[key];});
-var _LocaleProvider = require("./components/LocaleProvider");Object.keys(_LocaleProvider).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _LocaleProvider[key]) return;exports[key] = _LocaleProvider[key];});
-var _Logotype = require("./components/Logotype");Object.keys(_Logotype).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Logotype[key]) return;exports[key] = _Logotype[key];});
 var _MenuHeader = require("./components/MenuHeader");Object.keys(_MenuHeader).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuHeader[key]) return;exports[key] = _MenuHeader[key];});
 var _MenuItem = require("./components/MenuItem");Object.keys(_MenuItem).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuItem[key]) return;exports[key] = _MenuItem[key];});
 var _MenuSeparator = require("./components/MenuSeparator");Object.keys(_MenuSeparator).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _MenuSeparator[key]) return;exports[key] = _MenuSeparator[key];});
@@ -36,19 +35,20 @@ var _Sticky = require("./components/Sticky");Object.keys(_Sticky).forEach(functi
 var _Switcher = require("./components/Switcher");Object.keys(_Switcher).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Switcher[key]) return;exports[key] = _Switcher[key];});
 var _Tabs = require("./components/Tabs");Object.keys(_Tabs).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tabs[key]) return;exports[key] = _Tabs[key];});
 var _Textarea = require("./components/Textarea");Object.keys(_Textarea).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Textarea[key]) return;exports[key] = _Textarea[key];});
-var _ThemeConsumer = require("./components/ThemeConsumer");Object.keys(_ThemeConsumer).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ThemeConsumer[key]) return;exports[key] = _ThemeConsumer[key];});
-var _ThemeProvider = require("./components/ThemeProvider");Object.keys(_ThemeProvider).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ThemeProvider[key]) return;exports[key] = _ThemeProvider[key];});
 var _Toast = require("./components/Toast");Object.keys(_Toast).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Toast[key]) return;exports[key] = _Toast[key];});
 var _Toggle = require("./components/Toggle");Object.keys(_Toggle).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Toggle[key]) return;exports[key] = _Toggle[key];});
 var _Token = require("./components/Token");Object.keys(_Token).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Token[key]) return;exports[key] = _Token[key];});
 var _TokenInput = require("./components/TokenInput");Object.keys(_TokenInput).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _TokenInput[key]) return;exports[key] = _TokenInput[key];});
 var _Tooltip = require("./components/Tooltip");Object.keys(_Tooltip).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Tooltip[key]) return;exports[key] = _Tooltip[key];});
 var _TooltipMenu = require("./components/TooltipMenu");Object.keys(_TooltipMenu).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _TooltipMenu[key]) return;exports[key] = _TooltipMenu[key];});
-var _TopBar = require("./components/TopBar");Object.keys(_TopBar).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _TopBar[key]) return;exports[key] = _TopBar[key];});
+var _ResponsiveLayout = require("./components/ResponsiveLayout");Object.keys(_ResponsiveLayout).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ResponsiveLayout[key]) return;exports[key] = _ResponsiveLayout[key];});
 var _locale = require("./lib/locale");Object.keys(_locale).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _locale[key]) return;exports[key] = _locale[key];});
 var _ThemeContext = require("./lib/theming/ThemeContext");Object.keys(_ThemeContext).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ThemeContext[key]) return;exports[key] = _ThemeContext[key];});
 var _ThemeFactory = require("./lib/theming/ThemeFactory");Object.keys(_ThemeFactory).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _ThemeFactory[key]) return;exports[key] = _ThemeFactory[key];});
 var _DefaultTheme = require("./lib/theming/themes/DefaultTheme");Object.keys(_DefaultTheme).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DefaultTheme[key]) return;exports[key] = _DefaultTheme[key];});
-var _DefaultTheme8px = require("./lib/theming/themes/DefaultTheme8px");Object.keys(_DefaultTheme8px).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DefaultTheme8px[key]) return;exports[key] = _DefaultTheme8px[key];});
-var _FlatTheme = require("./lib/theming/themes/FlatTheme");Object.keys(_FlatTheme).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FlatTheme[key]) return;exports[key] = _FlatTheme[key];});
-var _FlatTheme8px = require("./lib/theming/themes/FlatTheme8px");Object.keys(_FlatTheme8px).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FlatTheme8px[key]) return;exports[key] = _FlatTheme8px[key];});
+var _DarkTheme = require("./lib/theming/themes/DarkTheme");Object.keys(_DarkTheme).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DarkTheme[key]) return;exports[key] = _DarkTheme[key];});
+var _DefaultTheme8pxOld = require("./lib/theming/themes/DefaultTheme8pxOld");Object.keys(_DefaultTheme8pxOld).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _DefaultTheme8pxOld[key]) return;exports[key] = _DefaultTheme8pxOld[key];});
+var _FlatTheme8pxOld = require("./lib/theming/themes/FlatTheme8pxOld");Object.keys(_FlatTheme8pxOld).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _FlatTheme8pxOld[key]) return;exports[key] = _FlatTheme8pxOld[key];});
+var _Theme = require("./lib/theming/themes/Theme2022");Object.keys(_Theme).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Theme[key]) return;exports[key] = _Theme[key];});
+var _Theme2022Dark = require("./lib/theming/themes/Theme2022Dark");Object.keys(_Theme2022Dark).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Theme2022Dark[key]) return;exports[key] = _Theme2022Dark[key];});
+var _types = require("./internal/Popup/types");Object.keys(_types).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _types[key]) return;exports[key] = _types[key];});

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './components/Autocomplete';\r\nexport * from './components/Button';\r\nexport * from './components/Center';\r\nexport * from './components/Checkbox';\r\nexport * from './components/ComboBox';\r\nexport * from './components/CurrencyInput';\r\nexport * from './components/CurrencyLabel';\r\nexport * from './components/DateInput';\r\nexport * from './components/DatePicker';\r\nexport * from './components/Dropdown';\r\nexport * from './components/DropdownMenu';\r\nexport * from './components/Fias';\r\nexport * from './components/FxInput';\r\nexport * from './components/Gapped';\r\nexport * from './components/Group';\r\nexport * from './components/Hint';\r\nexport * from './components/Input';\r\nexport * from './components/Kebab';\r\nexport * from './components/Link';\r\nexport * from './components/Loader';\r\nexport * from './components/LocaleProvider';\r\nexport * from './components/Logotype';\r\nexport * from './components/MenuHeader';\r\nexport * from './components/MenuItem';\r\nexport * from './components/MenuSeparator';\r\nexport * from './components/Modal';\r\nexport * from './components/Paging';\r\nexport * from './components/PasswordInput';\r\nexport * from './components/Radio';\r\nexport * from './components/RadioGroup';\r\nexport * from './components/ScrollContainer';\r\nexport * from './components/Select';\r\nexport * from './components/SidePage';\r\nexport * from './components/Spinner';\r\nexport * from './components/Sticky';\r\nexport * from './components/Switcher';\r\nexport * from './components/Tabs';\r\nexport * from './components/Textarea';\r\nexport * from './components/ThemeConsumer';\r\nexport * from './components/ThemeProvider';\r\nexport * from './components/Toast';\r\nexport * from './components/Toggle';\r\nexport * from './components/Token';\r\nexport * from './components/TokenInput';\r\nexport * from './components/Tooltip';\r\nexport * from './components/TooltipMenu';\r\nexport * from './components/TopBar';\r\nexport * from './lib/locale';\r\nexport * from './lib/theming/ThemeContext';\r\nexport * from './lib/theming/ThemeFactory';\r\nexport * from './lib/theming/themes/DefaultTheme';\r\nexport * from './lib/theming/themes/DefaultTheme8px';\r\nexport * from './lib/theming/themes/FlatTheme';\r\nexport * from './lib/theming/themes/FlatTheme8px';\r\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":"uCAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["export * from './components/Autocomplete';\nexport * from './components/Button';\nexport * from './components/Center';\nexport * from './components/Checkbox';\nexport * from './components/ComboBox';\nexport * from './components/CurrencyInput';\nexport * from './components/CurrencyLabel';\nexport * from './components/DateInput';\nexport * from './components/DatePicker';\nexport * from './components/Dropdown';\nexport * from './components/DropdownMenu';\nexport * from './components/FileUploader';\nexport * from './components/FxInput';\nexport * from './components/Gapped';\nexport * from './components/GlobalLoader';\nexport * from './components/Group';\nexport * from './components/Hint';\nexport * from './components/Input';\nexport * from './components/Kebab';\nexport * from './components/Link';\nexport * from './components/Loader';\nexport * from './components/MenuHeader';\nexport * from './components/MenuItem';\nexport * from './components/MenuSeparator';\nexport * from './components/Modal';\nexport * from './components/Paging';\nexport * from './components/PasswordInput';\nexport * from './components/Radio';\nexport * from './components/RadioGroup';\nexport * from './components/ScrollContainer';\nexport * from './components/Select';\nexport * from './components/SidePage';\nexport * from './components/Spinner';\nexport * from './components/Sticky';\nexport * from './components/Switcher';\nexport * from './components/Tabs';\nexport * from './components/Textarea';\nexport * from './components/Toast';\nexport * from './components/Toggle';\nexport * from './components/Token';\nexport * from './components/TokenInput';\nexport * from './components/Tooltip';\nexport * from './components/TooltipMenu';\nexport * from './components/ResponsiveLayout';\nexport * from './lib/locale';\nexport * from './lib/theming/ThemeContext';\nexport * from './lib/theming/ThemeFactory';\nexport * from './lib/theming/themes/DefaultTheme';\nexport * from './lib/theming/themes/DarkTheme';\nexport * from './lib/theming/themes/DefaultTheme8pxOld';\nexport * from './lib/theming/themes/FlatTheme8pxOld';\nexport * from './lib/theming/themes/Theme2022';\nexport * from './lib/theming/themes/Theme2022Dark';\nexport * from './internal/Popup/types';\n"]}

package/cjs/internal/BGRuler.js

@@ -1,10 +1,12 @@
 "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.BGRuler = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
+var _getDOMRect = require("../lib/dom/getDOMRect");
+
+/**
+ * Компонент рисует пиксельную линейку на заднем фоне.
+ * Помогает контролировать размеры элементов при скриншотном тестировании.
+ *
+ * @see FxInput/__stories__/FxInput.stories.tsx
  */var
 BGRuler = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(BGRuler, _React$Component);function BGRuler() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;_this.
 
@@ -125,4 +127,4 @@ BGRuler = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
 
     iframeRef = function (ref) {
       _this.iframe = ref;
-    };return _this;}var _proto = BGRuler.prototype;_proto.render = function render() {var _this$props = this.props,width = _this$props.width,height = _this$props.height,color = _this$props.color,top = _this$props.top,bottom = _this$props.bottom,left = _this$props.left,right = _this$props.right;var wrapper = { position: 'absolute', width: width, height: height, top: top, bottom: bottom, left: left, right: right, overflow: 'hidden' };var iframe = { position: 'absolute', width: '100%', height: '100%', border: 0, visibility: 'hidden' };var marks = { position: 'absolute', top: 0, left: 0, width: '100%', backgroundSize: '100px 20px', backgroundRepeat: 'repeat-x' };var highMarks = (0, _extends2.default)({}, marks, { height: '100%', backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)" });var middleMarks = (0, _extends2.default)({}, marks, { height: '75%', backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)" });var shortMarks = (0, _extends2.default)({}, marks, { height: '40%', backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      " });var rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {var label = { position: 'absolute', fontFamily: 'Arial', fontSize: 10, lineHeight: 1, color: color, bottom: -1, left: index * 100 + 5 };return /*#__PURE__*/_react.default.createElement("span", { key: index, style: label }, index * 100);});return /*#__PURE__*/_react.default.createElement("div", { style: wrapper }, /*#__PURE__*/_react.default.createElement("div", { style: highMarks }), /*#__PURE__*/_react.default.createElement("div", { style: middleMarks }), /*#__PURE__*/_react.default.createElement("div", { style: shortMarks }), labels, /*#__PURE__*/_react.default.createElement("iframe", { title: "BGRuler", style: iframe, ref: this.iframeRef }));};return BGRuler;}(_react.default.Component);exports.BGRuler = BGRuler;BGRuler.defaultProps = { height: 20, top: 0, left: 0, right: 0, color: '#333' };
+    };return _this;}var _proto = BGRuler.prototype;_proto.render = function render() {var _this$props = this.props,width = _this$props.width,height = _this$props.height,color = _this$props.color,top = _this$props.top,bottom = _this$props.bottom,left = _this$props.left,right = _this$props.right;var wrapper = { position: 'absolute', width: width, height: height, top: top, bottom: bottom, left: left, right: right, overflow: 'hidden' };var iframe = { position: 'absolute', width: '100%', height: '100%', border: 0, visibility: 'hidden' };var marks = { position: 'absolute', top: 0, left: 0, width: '100%', backgroundSize: '100px 20px', backgroundRepeat: 'repeat-x' };var highMarks = (0, _extends2.default)({}, marks, { height: '100%', backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)" });var middleMarks = (0, _extends2.default)({}, marks, { height: '75%', backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)" });var shortMarks = (0, _extends2.default)({}, marks, { height: '40%', backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      " });var rulerWidth = (0, _getDOMRect.getDOMRect)(this.iframe).width;var labels = Array(Math.ceil(rulerWidth / 100) + 1).fill(null).map(function (value, index) {var label = { position: 'absolute', fontFamily: 'Arial', fontSize: 10, lineHeight: 1, color: color, bottom: -1, left: index * 100 + 5 };return /*#__PURE__*/_react.default.createElement("span", { key: index, style: label }, index * 100);});return /*#__PURE__*/_react.default.createElement("div", { style: wrapper }, /*#__PURE__*/_react.default.createElement("div", { style: highMarks }), /*#__PURE__*/_react.default.createElement("div", { style: middleMarks }), /*#__PURE__*/_react.default.createElement("div", { style: shortMarks }), labels, /*#__PURE__*/_react.default.createElement("iframe", { title: "BGRuler", style: iframe, ref: this.iframeRef }));};return BGRuler;}(_react.default.Component);exports.BGRuler = BGRuler;BGRuler.defaultProps = { height: 20, top: 0, left: 0, right: 0, color: '#333' };

package/cjs/internal/BGRuler.js.map

@@ -1 +1 @@
-{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","getBoundingClientRect","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\n/**\r\n * Компонент рисует пиксельную линейку на заднем фоне.\r\n * Помогает контролировать размеры элементов при скриншотном тестировании.\r\n *\r\n * @see FxInput/__stories__/FxInput.stories.tsx\r\n */\r\nexport class BGRuler extends React.Component<{\r\n  width?: string | number;\r\n  height?: string | number;\r\n  top?: string | number;\r\n  bottom?: string | number;\r\n  right?: string | number;\r\n  left?: string | number;\r\n  color?: string;\r\n}> {\r\n  public static defaultProps = {\r\n    height: 20,\r\n    top: 0,\r\n    left: 0,\r\n    right: 0,\r\n    color: '#333',\r\n  };\r\n\r\n  private iframe: HTMLIFrameElement | null = null;\r\n\r\n  public componentDidMount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\r\n    }\r\n    this.update();\r\n  };\r\n\r\n  public componentWillUnmount = () => {\r\n    if (this.iframe && this.iframe.contentWindow) {\r\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\r\n    }\r\n  };\r\n\r\n  public update = () => {\r\n    this.forceUpdate();\r\n  };\r\n\r\n  public render() {\r\n    const { width, height, color, top, bottom, left, right } = this.props;\r\n    const wrapper: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width,\r\n      height,\r\n      top,\r\n      bottom,\r\n      left,\r\n      right,\r\n      overflow: 'hidden',\r\n    };\r\n    const iframe: React.CSSProperties = {\r\n      position: 'absolute',\r\n      width: '100%',\r\n      height: '100%',\r\n      border: 0,\r\n      visibility: 'hidden',\r\n    };\r\n    const marks: React.CSSProperties = {\r\n      position: 'absolute',\r\n      top: 0,\r\n      left: 0,\r\n      width: '100%',\r\n      backgroundSize: '100px 20px',\r\n      backgroundRepeat: 'repeat-x',\r\n    };\r\n    const highMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '100%',\r\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\r\n    };\r\n    const middleMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '75%',\r\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\r\n    };\r\n    const shortMarks: React.CSSProperties = {\r\n      ...marks,\r\n      height: '40%',\r\n      backgroundImage: `\r\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\r\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\r\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\r\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\r\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\r\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\r\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\r\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\r\n      `,\r\n    };\r\n    const rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;\r\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\r\n      .fill(null)\r\n      .map((value, index) => {\r\n        const label: React.CSSProperties = {\r\n          position: 'absolute',\r\n          fontFamily: 'Arial',\r\n          fontSize: 10,\r\n          lineHeight: 1,\r\n          color,\r\n          bottom: -1,\r\n          left: index * 100 + 5,\r\n        };\r\n        return (\r\n          <span key={index} style={label}>\r\n            {index * 100}\r\n          </span>\r\n        );\r\n      });\r\n    return (\r\n      <div style={wrapper}>\r\n        <div style={highMarks} />\r\n        <div style={middleMarks} />\r\n        <div style={shortMarks} />\r\n        {labels}\r\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\r\n    this.iframe = ref;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["BGRuler.tsx"],"names":["BGRuler","iframe","componentDidMount","contentWindow","addEventListener","update","componentWillUnmount","removeEventListener","forceUpdate","iframeRef","ref","render","props","width","height","color","top","bottom","left","right","wrapper","position","overflow","border","visibility","marks","backgroundSize","backgroundRepeat","highMarks","backgroundImage","middleMarks","shortMarks","rulerWidth","labels","Array","Math","ceil","fill","map","value","index","label","fontFamily","fontSize","lineHeight","React","Component","defaultProps"],"mappings":"qUAAA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA,G;AACaA,O;;;;;;;;;;;;;;;;;AAiBHC,IAAAA,M,GAAmC,I;;AAEpCC,IAAAA,iB,GAAoB,YAAM;AAC/B,UAAI,MAAKD,MAAL,IAAe,MAAKA,MAAL,CAAYE,aAA/B,EAA8C;AAC5C,cAAKF,MAAL,CAAYE,aAAZ,CAA0BC,gBAA1B,CAA2C,QAA3C,EAAqD,MAAKC,MAA1D,EAAkE,IAAlE;AACD;AACD,YAAKA,MAAL;AACD,K;;AAEMC,IAAAA,oB,GAAuB,YAAM;AAClC,UAAI,MAAKL,MAAL,IAAe,MAAKA,MAAL,CAAYE,aAA/B,EAA8C;AAC5C,cAAKF,MAAL,CAAYE,aAAZ,CAA0BI,mBAA1B,CAA8C,QAA9C,EAAwD,MAAKF,MAA7D,EAAqE,IAArE;AACD;AACF,K;;AAEMA,IAAAA,M,GAAS,YAAM;AACpB,YAAKG,WAAL;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFOC,IAAAA,S,GAAY,UAACC,GAAD,EAAmC;AACrD,YAAKT,MAAL,GAAcS,GAAd;AACD,K,qDAnFMC,M,GAAP,kBAAgB,CACd,kBAA2D,KAAKC,KAAhE,CAAQC,KAAR,eAAQA,KAAR,CAAeC,MAAf,eAAeA,MAAf,CAAuBC,KAAvB,eAAuBA,KAAvB,CAA8BC,GAA9B,eAA8BA,GAA9B,CAAmCC,MAAnC,eAAmCA,MAAnC,CAA2CC,IAA3C,eAA2CA,IAA3C,CAAiDC,KAAjD,eAAiDA,KAAjD,CACA,IAAMC,OAA4B,GAAG,EACnCC,QAAQ,EAAE,UADyB,EAEnCR,KAAK,EAALA,KAFmC,EAGnCC,MAAM,EAANA,MAHmC,EAInCE,GAAG,EAAHA,GAJmC,EAKnCC,MAAM,EAANA,MALmC,EAMnCC,IAAI,EAAJA,IANmC,EAOnCC,KAAK,EAALA,KAPmC,EAQnCG,QAAQ,EAAE,QARyB,EAArC,CAUA,IAAMrB,MAA2B,GAAG,EAClCoB,QAAQ,EAAE,UADwB,EAElCR,KAAK,EAAE,MAF2B,EAGlCC,MAAM,EAAE,MAH0B,EAIlCS,MAAM,EAAE,CAJ0B,EAKlCC,UAAU,EAAE,QALsB,EAApC,CAOA,IAAMC,KAA0B,GAAG,EACjCJ,QAAQ,EAAE,UADuB,EAEjCL,GAAG,EAAE,CAF4B,EAGjCE,IAAI,EAAE,CAH2B,EAIjCL,KAAK,EAAE,MAJ0B,EAKjCa,cAAc,EAAE,YALiB,EAMjCC,gBAAgB,EAAE,UANe,EAAnC,CAQA,IAAMC,SAA8B,8BAC/BH,KAD+B,IAElCX,MAAM,EAAE,MAF0B,EAGlCe,eAAe,8BAA4Bd,KAA5B,YAAwCA,KAAxC,2BAHmB,GAApC,CAKA,IAAMe,WAAgC,8BACjCL,KADiC,IAEpCX,MAAM,EAAE,KAF4B,EAGpCe,eAAe,+DAA6Dd,KAA7D,eAA4EA,KAA5E,6BAHqB,GAAtC,CAKA,IAAMgB,UAA+B,8BAChCN,KADgC,IAEnCX,MAAM,EAAE,KAF2B,EAGnCe,eAAe,wEAC4Cd,KAD5C,cAC0DA,KAD1D,mGAE6CA,KAF7C,eAE4DA,KAF5D,mGAG6CA,KAH7C,eAG4DA,KAH5D,mGAI6CA,KAJ7C,eAI4DA,KAJ5D,mGAK6CA,KAL7C,eAK4DA,KAL5D,mGAM6CA,KAN7C,eAM4DA,KAN5D,mGAO6CA,KAP7C,eAO4DA,KAP5D,mGAQ6CA,KAR7C,eAQ4DA,KAR5D,qCAHoB,GAArC,CAcA,IAAMiB,UAAU,GAAG,4BAAW,KAAK/B,MAAhB,EAAwBY,KAA3C,CACA,IAAMoB,MAAM,GAAGC,KAAK,CAACC,IAAI,CAACC,IAAL,CAAUJ,UAAU,GAAG,GAAvB,IAA8B,CAA/B,CAAL,CACZK,IADY,CACP,IADO,EAEZC,GAFY,CAER,UAACC,KAAD,EAAQC,KAAR,EAAkB,CACrB,IAAMC,KAA0B,GAAG,EACjCpB,QAAQ,EAAE,UADuB,EAEjCqB,UAAU,EAAE,OAFqB,EAGjCC,QAAQ,EAAE,EAHuB,EAIjCC,UAAU,EAAE,CAJqB,EAKjC7B,KAAK,EAALA,KALiC,EAMjCE,MAAM,EAAE,CAAC,CANwB,EAOjCC,IAAI,EAAEsB,KAAK,GAAG,GAAR,GAAc,CAPa,EAAnC,CASA,oBACE,uCAAM,GAAG,EAAEA,KAAX,EAAkB,KAAK,EAAEC,KAAzB,IACGD,KAAK,GAAG,GADX,CADF,CAKD,CAjBY,CAAf,CAkBA,oBACE,sCAAK,KAAK,EAAEpB,OAAZ,iBACE,sCAAK,KAAK,EAAEQ,SAAZ,GADF,eAEE,sCAAK,KAAK,EAAEE,WAAZ,GAFF,eAGE,sCAAK,KAAK,EAAEC,UAAZ,GAHF,EAIGE,MAJH,eAKE,yCAAQ,KAAK,EAAC,SAAd,EAAwB,KAAK,EAAEhC,MAA/B,EAAuC,GAAG,EAAE,KAAKQ,SAAjD,GALF,CADF,CASD,C,kBAnH0BoC,eAAMC,S,4BAAtB9C,O,CASG+C,Y,GAAe,EAC3BjC,MAAM,EAAE,EADmB,EAE3BE,GAAG,EAAE,CAFsB,EAG3BE,IAAI,EAAE,CAHqB,EAI3BC,KAAK,EAAE,CAJoB,EAK3BJ,KAAK,EAAE,MALoB,E","sourcesContent":["import React from 'react';\n\nimport { getDOMRect } from '../lib/dom/getDOMRect';\n\n/**\n * Компонент рисует пиксельную линейку на заднем фоне.\n * Помогает контролировать размеры элементов при скриншотном тестировании.\n *\n * @see FxInput/__stories__/FxInput.stories.tsx\n */\nexport class BGRuler extends React.Component<{\n  width?: string | number;\n  height?: string | number;\n  top?: string | number;\n  bottom?: string | number;\n  right?: string | number;\n  left?: string | number;\n  color?: string;\n}> {\n  public static defaultProps = {\n    height: 20,\n    top: 0,\n    left: 0,\n    right: 0,\n    color: '#333',\n  };\n\n  private iframe: HTMLIFrameElement | null = null;\n\n  public componentDidMount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.addEventListener('resize', this.update, true);\n    }\n    this.update();\n  };\n\n  public componentWillUnmount = () => {\n    if (this.iframe && this.iframe.contentWindow) {\n      this.iframe.contentWindow.removeEventListener('resize', this.update, true);\n    }\n  };\n\n  public update = () => {\n    this.forceUpdate();\n  };\n\n  public render() {\n    const { width, height, color, top, bottom, left, right } = this.props;\n    const wrapper: React.CSSProperties = {\n      position: 'absolute',\n      width,\n      height,\n      top,\n      bottom,\n      left,\n      right,\n      overflow: 'hidden',\n    };\n    const iframe: React.CSSProperties = {\n      position: 'absolute',\n      width: '100%',\n      height: '100%',\n      border: 0,\n      visibility: 'hidden',\n    };\n    const marks: React.CSSProperties = {\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      width: '100%',\n      backgroundSize: '100px 20px',\n      backgroundRepeat: 'repeat-x',\n    };\n    const highMarks: React.CSSProperties = {\n      ...marks,\n      height: '100%',\n      backgroundImage: `linear-gradient(90deg, ${color} 0, ${color} 1px, transparent 1px)`,\n    };\n    const middleMarks: React.CSSProperties = {\n      ...marks,\n      height: '75%',\n      backgroundImage: `linear-gradient(90deg, transparent 0, transparent 49px, ${color} 49px, ${color} 50px, transparent 50px)`,\n    };\n    const shortMarks: React.CSSProperties = {\n      ...marks,\n      height: '40%',\n      backgroundImage: `\n        linear-gradient(90deg, transparent 0, transparent 9px, ${color} 9px, ${color} 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, ${color} 19px, ${color} 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, ${color} 29px, ${color} 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, ${color} 39px, ${color} 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, ${color} 59px, ${color} 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, ${color} 69px, ${color} 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, ${color} 79px, ${color} 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, ${color} 89px, ${color} 90px, transparent 90px)\n      `,\n    };\n    const rulerWidth = getDOMRect(this.iframe).width;\n    const labels = Array(Math.ceil(rulerWidth / 100) + 1)\n      .fill(null)\n      .map((value, index) => {\n        const label: React.CSSProperties = {\n          position: 'absolute',\n          fontFamily: 'Arial',\n          fontSize: 10,\n          lineHeight: 1,\n          color,\n          bottom: -1,\n          left: index * 100 + 5,\n        };\n        return (\n          <span key={index} style={label}>\n            {index * 100}\n          </span>\n        );\n      });\n    return (\n      <div style={wrapper}>\n        <div style={highMarks} />\n        <div style={middleMarks} />\n        <div style={shortMarks} />\n        {labels}\n        <iframe title=\"BGRuler\" style={iframe} ref={this.iframeRef} />\n      </div>\n    );\n  }\n\n  private iframeRef = (ref: HTMLIFrameElement | null) => {\n    this.iframe = ref;\n  };\n}\n"]}

package/cjs/internal/Calendar/Calendar.d.ts

@@ -19,6 +19,7 @@ export interface CalendarState {
     today: CalendarDateShape;
     scrollDirection: number;
     scrollTarget: number;
+    touchStart: number;
 }
 export declare class Calendar extends React.Component<CalendarProps, CalendarState> {
     static __KONTUR_REACT_UI__: string;
@@ -39,6 +40,7 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     private wheelEndTimeout;
     private root;
     private animation;
+    private touchStartY;
     constructor(props: CalendarProps);
     componentWillUnmount(): void;
     render(): JSX.Element;
@@ -52,6 +54,10 @@ export declare class Calendar extends React.Component<CalendarProps, CalendarSta
     private renderMonth;
     private getMonthPositions;
     private handleMonthYearChange;
+    private executeAnimations;
+    private handleTouchStart;
+    private handleTouchMove;
+    private throttledHandleTouchMove;
     private handleWheel;
     private handleWheelEnd;
     private scrollToNearestWeek;

package/cjs/internal/Calendar/Calendar.js

@@ -1,11 +1,13 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Calendar = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Calendar = void 0;var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
 var _normalizeWheel2 = _interopRequireDefault(require("normalize-wheel"));
+var _lodash = _interopRequireDefault(require("lodash.throttle"));
 
 var _constants = require("../../lib/date/constants");
 
 
 var _ThemeContext = require("../../lib/theming/ThemeContext");
 var _animation = require("../../lib/animation");
+var _client = require("../../lib/client");
 
 var _config = require("./config");
 var CalendarUtils = _interopRequireWildcard(require("./CalendarUtils"));
@@ -13,7 +15,8 @@ var _MonthViewModel = require("./MonthViewModel");
 var CalendarScrollEvents = _interopRequireWildcard(require("./CalendarScrollEvents"));
 var _Month = require("./Month");
 var _Calendar = require("./Calendar.styles");
-var _CalendarDateShape = require("./CalendarDateShape");
+var _CalendarDateShape = require("./CalendarDateShape");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
+
 
 
 
@@ -64,8 +67,10 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
 
 
-  function Calendar(props) {var _this;
-    _this = _React$Component.call(this, props) || this;_this.theme = void 0;_this.wheelEndTimeout = void 0;_this.root = void 0;_this.animation = (0, _animation.Animation)();_this.
+
+  function Calendar(props) {var _props$initialMonth, _props$initialYear;var _this;
+    _this = _React$Component.call(this, props) || this;_this.animation = (0, _animation.animation)();_this.touchStartY = null;_this.
+
 
 
 
@@ -207,8 +212,8 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       var positions = _this.getMonthPositions();
       var wrapperStyle = { height: (0, _config.themeConfig)(_this.theme).WRAPPER_HEIGHT };
       return /*#__PURE__*/(
-        _react.default.createElement("div", { ref: _this.refRoot, className: _Calendar.jsStyles.root(_this.theme) }, /*#__PURE__*/
-        _react.default.createElement("div", { style: wrapperStyle, className: _Calendar.jsStyles.wrapper() },
+        _react.default.createElement("div", { ref: _this.refRoot, className: _Calendar.styles.root(_this.theme), "data-tid": "Calendar" }, /*#__PURE__*/
+        _react.default.createElement("div", { style: wrapperStyle, className: _Calendar.styles.wrapper() },
         _this.state.months.
         map(function (x, i) {return [positions[i], x];}).
         filter(function (_ref2) {var top = _ref2[0],month = _ref2[1];return CalendarUtils.isMonthVisible(top, month, _this.theme);}).
@@ -220,10 +225,20 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
     refRoot = function (element) {
       if (!_this.root && element) {
-        element.addEventListener('wheel', _this.handleWheel, { passive: false });
+        if (_client.isMobile) {
+          element.addEventListener('touchstart', _this.handleTouchStart);
+          element.addEventListener('touchmove', _this.throttledHandleTouchMove);
+        } else {
+          element.addEventListener('wheel', _this.handleWheel, { passive: false });
+        }
       }
       if (_this.root && !element) {
-        _this.root.removeEventListener('wheel', _this.handleWheel);
+        if (_client.isMobile) {
+          _this.root.removeEventListener('touchstart', _this.handleTouchStart);
+          _this.root.removeEventListener('touchmove', _this.throttledHandleTouchMove);
+        } else {
+          _this.root.removeEventListener('wheel', _this.handleWheel);
+        }
       }
       _this.root = element;
     };_this.
@@ -260,15 +275,13 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       _this.scrollToMonth(month, year);
     };_this.
 
-    handleWheel = function (event) {
-      if (!(event instanceof WheelEvent)) {
-        return;
-      }
-      event.preventDefault();var _normalizeWheel =
-      (0, _normalizeWheel2.default)(event),pixelY = _normalizeWheel.pixelY;
-
-      _this.setState(function (_ref3) {var months = _ref3.months,scrollPosition = _ref3.scrollPosition,scrollTarget = _ref3.scrollTarget;
-        var targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, _this.theme).
+    executeAnimations = function (pixelY) {
+      _this.setState(function (_ref3) {var months = _ref3.months,scrollPosition = _ref3.scrollPosition;
+        var targetPosition = CalendarUtils.calculateScrollPosition(
+        months,
+        scrollPosition,
+        pixelY,
+        _this.theme).
         scrollPosition;
         return { scrollTarget: targetPosition };
       }, _this.handleWheelEnd);
@@ -281,15 +294,48 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
       CalendarScrollEvents.emit();
     };_this.
 
+    handleTouchStart = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }
+
+      var clientY = event.targetTouches[0].clientY;
+      _this.touchStartY = clientY;
+    };_this.
+
+    handleTouchMove = function (event) {
+      if (!(event instanceof TouchEvent)) {
+        return;
+      }
+
+      var clientY = event.changedTouches[0].clientY;
+
+      var deltaY = (_this.touchStartY || 0) - clientY;
+      _this.touchStartY = clientY;
+
+      _this.executeAnimations(deltaY);
+    };_this.
+
+    throttledHandleTouchMove = (0, _lodash.default)(_this.handleTouchMove, 10);_this.
+
+    handleWheel = function (event) {
+      if (!(event instanceof WheelEvent)) {
+        return;
+      }
+      event.preventDefault();
+      var _normalizeWheel = (0, _normalizeWheel2.default)(event),pixelY = _normalizeWheel.pixelY;
+
+      _this.executeAnimations(pixelY);
+    };_this.
+
     handleWheelEnd = function () {
       if (_this.wheelEndTimeout) {
         clearTimeout(_this.wheelEndTimeout);
       }
       _this.wheelEndTimeout = window.setTimeout(_this.scrollToNearestWeek, 300);
     };_this.
-
-    scrollToNearestWeek = function () {var _this$state =
-      _this.state,scrollTarget = _this$state.scrollTarget,scrollDirection = _this$state.scrollDirection;
+    scrollToNearestWeek = function () {
+      var _this$state = _this.state,scrollTarget = _this$state.scrollTarget,scrollDirection = _this$state.scrollDirection;
 
       var trasholdHeight = (0, _config.themeConfig)(_this.theme).MONTH_TITLE_OFFSET_HEIGHT + (0, _config.themeConfig)(_this.theme).DAY_SIZE;
 
@@ -323,7 +369,7 @@ Calendar = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default
 
       onEnd);
 
-    };var today = getTodayDate();var initialMonth = props.initialMonth == null ? today.month : props.initialMonth;var initialYear = props.initialYear == null ? today.year : props.initialYear;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
-   * Scrolls calendar to given date
-   * @public
+    };var today = getTodayDate();var initialMonth = (_props$initialMonth = props.initialMonth) != null ? _props$initialMonth : today.month;var initialYear = (_props$initialYear = props.initialYear) != null ? _props$initialYear : today.year;_this.state = { scrollPosition: 0, months: CalendarUtils.getMonths(initialMonth, initialYear), today: today, scrollDirection: 1, scrollTarget: 0, touchStart: 0 };return _this;}var _proto = Calendar.prototype;_proto.componentWillUnmount = function componentWillUnmount() {if (this.animation.inProgress()) {this.animation.cancel();}};_proto.render = function render() {var _this2 = this;return /*#__PURE__*/_react.default.createElement(_ThemeContext.ThemeContext.Consumer, null, function (theme) {_this2.theme = theme;return _this2.renderMain();});} /**
+   * Scrolls calendar to given date
+   * @public
    */;_proto.renderMonth = function renderMonth(_ref5) {var top = _ref5[0],month = _ref5[1];return /*#__PURE__*/_react.default.createElement(_Month.Month, { key: month.month + '-' + month.year, top: top, month: month, maxDate: this.props.maxDate, minDate: this.props.minDate, today: this.state.today, value: this.props.value, onDateClick: this.props.onSelect, onMonthYearChange: this.handleMonthYearChange, isHoliday: this.props.isHoliday });};_proto.getMonthPositions = function getMonthPositions() {var _this$state2 = this.state,scrollPosition = _this$state2.scrollPosition,months = _this$state2.months;var positions = [scrollPosition - months[0].getHeight(this.theme)];for (var i = 1; i < months.length; i++) {var position = positions[i - 1] + months[i - 1].getHeight(this.theme);positions.push(position);}return positions;};return Calendar;}(_react.default.Component);exports.Calendar = Calendar;Calendar.__KONTUR_REACT_UI__ = 'Calendar';Calendar.defaultProps = { holidays: [], minDate: { year: _constants.MIN_YEAR, month: _constants.MIN_MONTH, date: _constants.MIN_DATE }, maxDate: { year: _constants.MAX_YEAR, month: _constants.MAX_MONTH, date: _constants.MAX_DATE } };

package/cjs/internal/Calendar/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Calendar.tsx"],"names":["getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","theme","wheelEndTimeout","root","animation","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","jsStyles","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","addEventListener","handleWheel","passive","removeEventListener","handleMonthYearChange","event","WheelEvent","preventDefault","pixelY","scrollTarget","calculateScrollPosition","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","emit","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport normalizeWheel from 'normalize-wheel';\r\n\r\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { Theme } from '../../lib/theming/Theme';\r\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\r\nimport { Animation } from '../../lib/animation';\r\n\r\nimport { themeConfig } from './config';\r\nimport * as CalendarUtils from './CalendarUtils';\r\nimport { MonthViewModel } from './MonthViewModel';\r\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\r\nimport { Month } from './Month';\r\nimport { jsStyles } from './Calendar.styles';\r\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\r\n\r\nexport interface CalendarProps {\r\n  initialMonth?: number;\r\n  initialYear?: number;\r\n  onSelect?: (date: CalendarDateShape) => void;\r\n  value?: Nullable<CalendarDateShape>;\r\n  maxDate?: CalendarDateShape;\r\n  minDate?: CalendarDateShape;\r\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\r\n}\r\n\r\nexport interface CalendarState {\r\n  scrollPosition: number;\r\n  months: MonthViewModel[];\r\n  today: CalendarDateShape;\r\n  scrollDirection: number;\r\n  scrollTarget: number;\r\n}\r\n\r\nconst getTodayDate = () => {\r\n  const date = new Date();\r\n  return {\r\n    date: date.getDate(),\r\n    month: date.getMonth(),\r\n    year: date.getFullYear(),\r\n  };\r\n};\r\n\r\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\r\n  public static __KONTUR_REACT_UI__ = 'Calendar';\r\n\r\n  public static defaultProps = {\r\n    holidays: [],\r\n    minDate: {\r\n      year: MIN_YEAR,\r\n      month: MIN_MONTH,\r\n      date: MIN_DATE,\r\n    },\r\n    maxDate: {\r\n      year: MAX_YEAR,\r\n      month: MAX_MONTH,\r\n      date: MAX_DATE,\r\n    },\r\n  };\r\n\r\n  private theme!: Theme;\r\n  private wheelEndTimeout: Nullable<number>;\r\n  private root: Nullable<HTMLElement>;\r\n  private animation = Animation();\r\n\r\n  constructor(props: CalendarProps) {\r\n    super(props);\r\n\r\n    const today = getTodayDate();\r\n\r\n    const initialMonth = props.initialMonth == null ? today.month : props.initialMonth;\r\n    const initialYear = props.initialYear == null ? today.year : props.initialYear;\r\n\r\n    this.state = {\r\n      scrollPosition: 0,\r\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\r\n      today,\r\n      scrollDirection: 1,\r\n      scrollTarget: 0,\r\n    };\r\n  }\r\n\r\n  public componentWillUnmount() {\r\n    if (this.animation.inProgress()) {\r\n      this.animation.cancel();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    return (\r\n      <ThemeContext.Consumer>\r\n        {theme => {\r\n          this.theme = theme;\r\n          return this.renderMain();\r\n        }}\r\n      </ThemeContext.Consumer>\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Scrolls calendar to given date\r\n   * @public\r\n   */\r\n  public scrollToMonth = async (month: number, year: number) => {\r\n    if (this.animation.inProgress()) {\r\n      this.animation.finish();\r\n      // FIXME: Dirty hack to await batched updates\r\n      await new Promise(r => setTimeout(r));\r\n    }\r\n\r\n    const { minDate, maxDate } = this.props;\r\n\r\n    if (minDate && isGreater(minDate, create(32, month, year))) {\r\n      this.scrollToMonth(minDate.month, minDate.year);\r\n      return;\r\n    }\r\n\r\n    if (maxDate && isLess(maxDate, create(0, month, year))) {\r\n      this.scrollToMonth(maxDate.month, maxDate.year);\r\n      return;\r\n    }\r\n\r\n    const currentMonth = this.state.months[1];\r\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;\r\n\r\n    if (diffInMonths === 0) {\r\n      this.scrollTo(0);\r\n      return;\r\n    }\r\n\r\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\r\n\r\n    const onEnd = () =>\r\n      this.setState({\r\n        months: CalendarUtils.getMonths(month, year),\r\n        scrollPosition: 0,\r\n      });\r\n\r\n    const isYearChanges = (state: CalendarState) =>\r\n      state.months[1].year !== year &&\r\n      // if diff in months is 2 or less,\r\n      // either year is not changing either months already\r\n      // have right isFirstInYear/isLastInYear flags\r\n      Math.abs(diffInMonths) > 2;\r\n\r\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\r\n    // and scroll to the first month\r\n    if (diffInMonths > 0) {\r\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\r\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\r\n        MonthViewModel.create(month + index, year),\r\n      );\r\n      this.setState(\r\n        state => {\r\n          const yearChanges = isYearChanges(state);\r\n          if (yearChanges) {\r\n            // Mutating here can lead to some unexpected bugs\r\n            // but we couldn't find any yet\r\n            state.months[0].isFirstInYear = true;\r\n            if (monthsToPrepend.length) {\r\n              // Mutating item here is safe as it was just created\r\n              monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\r\n            }\r\n          }\r\n          return {\r\n            months: monthsToPrepend.concat(state.months),\r\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\r\n          };\r\n        },\r\n        () => {\r\n          const targetPosition = this.state.months[0].getHeight(this.theme);\r\n          this.scrollTo(targetPosition, onEnd);\r\n        },\r\n      );\r\n    }\r\n\r\n    // If scrolling downwards, append maximum maxMonthsToAdd months\r\n    // and scroll to the last but one month\r\n    if (diffInMonths < 0) {\r\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\r\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\r\n        MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\r\n      );\r\n      this.setState(\r\n        state => {\r\n          if (isYearChanges(state)) {\r\n            // Mutating here can lead to some unexpected bugs\r\n            // but we couldn't find any yet\r\n            state.months[state.months.length - 1].isLastInYear = true;\r\n            // Mutating item here is safe as it was just created\r\n            if (monthsToAppend[0]) {\r\n              monthsToAppend[0].isFirstInYear = true;\r\n            }\r\n          }\r\n          return { months: state.months.concat(monthsToAppend) };\r\n        },\r\n        () => {\r\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\r\n          this.scrollTo(targetPosition, onEnd);\r\n        },\r\n      );\r\n    }\r\n  };\r\n\r\n  private renderMain = () => {\r\n    const positions = this.getMonthPositions();\r\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\r\n    return (\r\n      <div ref={this.refRoot} className={jsStyles.root(this.theme)}>\r\n        <div style={wrapperStyle} className={jsStyles.wrapper()}>\r\n          {this.state.months\r\n            .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\r\n            .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\r\n            .map(this.renderMonth, this)}\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  private refRoot = (element: HTMLElement | null) => {\r\n    if (!this.root && element) {\r\n      element.addEventListener('wheel', this.handleWheel, { passive: false });\r\n    }\r\n    if (this.root && !element) {\r\n      this.root.removeEventListener('wheel', this.handleWheel);\r\n    }\r\n    this.root = element;\r\n  };\r\n\r\n  private renderMonth([top, month]: [number, MonthViewModel]) {\r\n    return (\r\n      <Month\r\n        key={month.month + '-' + month.year}\r\n        top={top}\r\n        month={month}\r\n        maxDate={this.props.maxDate}\r\n        minDate={this.props.minDate}\r\n        today={this.state.today}\r\n        value={this.props.value}\r\n        onDateClick={this.props.onSelect}\r\n        onMonthYearChange={this.handleMonthYearChange}\r\n        isHoliday={this.props.isHoliday}\r\n      />\r\n    );\r\n  }\r\n\r\n  private getMonthPositions() {\r\n    const { scrollPosition, months } = this.state;\r\n\r\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\r\n    for (let i = 1; i < months.length; i++) {\r\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\r\n      positions.push(position);\r\n    }\r\n    return positions;\r\n  }\r\n\r\n  private handleMonthYearChange = (month: number, year: number) => {\r\n    this.scrollToMonth(month, year);\r\n  };\r\n\r\n  private handleWheel = (event: Event) => {\r\n    if (!(event instanceof WheelEvent)) {\r\n      return;\r\n    }\r\n    event.preventDefault();\r\n    const { pixelY } = normalizeWheel(event);\r\n\r\n    this.setState(({ months, scrollPosition, scrollTarget }) => {\r\n      const targetPosition = CalendarUtils.calculateScrollPosition(months, scrollPosition, pixelY, this.theme)\r\n        .scrollPosition;\r\n      return { scrollTarget: targetPosition };\r\n    }, this.handleWheelEnd);\r\n\r\n    this.animation.animate(pixelY, deltaY =>\r\n      // FIXME: Typescript not resolving setState cb type\r\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n    );\r\n\r\n    CalendarScrollEvents.emit();\r\n  };\r\n\r\n  private handleWheelEnd = () => {\r\n    if (this.wheelEndTimeout) {\r\n      clearTimeout(this.wheelEndTimeout);\r\n    }\r\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\r\n  };\r\n\r\n  private scrollToNearestWeek = () => {\r\n    const { scrollTarget, scrollDirection } = this.state;\r\n\r\n    const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\r\n\r\n    if (scrollTarget < trasholdHeight) {\r\n      let targetPosition = 0;\r\n      if (scrollDirection < 0) {\r\n        targetPosition = trasholdHeight;\r\n      }\r\n\r\n      this.setState({ scrollTarget: targetPosition }, () => {\r\n        const amount = scrollTarget - targetPosition;\r\n        this.animation.animate(amount, deltaY =>\r\n          // FIXME: Typescript not resolving setState cb type\r\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\r\n        );\r\n      });\r\n    }\r\n  };\r\n\r\n  private scrollTo = (pos: number, onEnd?: () => void) => {\r\n    const scrollAmmount = pos - this.state.scrollPosition;\r\n    return this.scrollAmount(scrollAmmount, onEnd);\r\n  };\r\n\r\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\r\n    return this.animation.animate(\r\n      scrollAmmount,\r\n      deltaY =>\r\n        this.setState(({ scrollPosition }) => ({\r\n          scrollPosition: scrollPosition + deltaY,\r\n        })),\r\n      onEnd,\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Calendar.tsx"],"names":["getTodayDate","date","Date","getDate","month","getMonth","year","getFullYear","Calendar","props","animation","touchStartY","scrollToMonth","inProgress","finish","Promise","r","setTimeout","minDate","maxDate","currentMonth","state","months","diffInMonths","scrollTo","maxMonthsToAdd","theme","MAX_MONTHS_TO_APPEND_ON_SCROLL","onEnd","setState","CalendarUtils","getMonths","scrollPosition","isYearChanges","Math","abs","monthsToPrependCount","min","monthsToPrepend","Array","from","length","_","index","MonthViewModel","create","yearChanges","isFirstInYear","isLastInYear","concat","getMonthsHeight","targetPosition","getHeight","monthsToAppendCount","monthsToAppend","slice","renderMain","positions","getMonthPositions","wrapperStyle","height","WRAPPER_HEIGHT","refRoot","styles","root","wrapper","map","x","i","filter","top","isMonthVisible","renderMonth","element","isMobile","addEventListener","handleTouchStart","throttledHandleTouchMove","handleWheel","passive","removeEventListener","handleMonthYearChange","executeAnimations","pixelY","calculateScrollPosition","scrollTarget","handleWheelEnd","animate","deltaY","applyDelta","CalendarScrollEvents","emit","event","TouchEvent","clientY","targetTouches","handleTouchMove","changedTouches","WheelEvent","preventDefault","wheelEndTimeout","clearTimeout","window","scrollToNearestWeek","scrollDirection","trasholdHeight","MONTH_TITLE_OFFSET_HEIGHT","DAY_SIZE","amount","pos","scrollAmmount","scrollAmount","today","initialMonth","initialYear","touchStart","componentWillUnmount","cancel","render","value","onSelect","isHoliday","position","push","React","Component","__KONTUR_REACT_UI__","defaultProps","holidays","MIN_YEAR","MIN_MONTH","MIN_DATE","MAX_YEAR","MAX_MONTH","MAX_DATE"],"mappings":"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","sourcesContent":["import React from 'react';\nimport normalizeWheel from 'normalize-wheel';\nimport throttle from 'lodash.throttle';\n\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\nimport { Nullable } from '../../typings/utility-types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { animation } from '../../lib/animation';\nimport { isMobile } from '../../lib/client';\n\nimport { themeConfig } from './config';\nimport * as CalendarUtils from './CalendarUtils';\nimport { MonthViewModel } from './MonthViewModel';\nimport * as CalendarScrollEvents from './CalendarScrollEvents';\nimport { Month } from './Month';\nimport { styles } from './Calendar.styles';\nimport { CalendarDateShape, create, isGreater, isLess } from './CalendarDateShape';\n\nexport interface CalendarProps {\n  initialMonth?: number;\n  initialYear?: number;\n  onSelect?: (date: CalendarDateShape) => void;\n  value?: Nullable<CalendarDateShape>;\n  maxDate?: CalendarDateShape;\n  minDate?: CalendarDateShape;\n  isHoliday?: (day: CalendarDateShape & { isWeekend: boolean }) => boolean;\n}\n\nexport interface CalendarState {\n  scrollPosition: number;\n  months: MonthViewModel[];\n  today: CalendarDateShape;\n  scrollDirection: number;\n  scrollTarget: number;\n  touchStart: number;\n}\n\nconst getTodayDate = () => {\n  const date = new Date();\n  return {\n    date: date.getDate(),\n    month: date.getMonth(),\n    year: date.getFullYear(),\n  };\n};\n\nexport class Calendar extends React.Component<CalendarProps, CalendarState> {\n  public static __KONTUR_REACT_UI__ = 'Calendar';\n\n  public static defaultProps = {\n    holidays: [],\n    minDate: {\n      year: MIN_YEAR,\n      month: MIN_MONTH,\n      date: MIN_DATE,\n    },\n    maxDate: {\n      year: MAX_YEAR,\n      month: MAX_MONTH,\n      date: MAX_DATE,\n    },\n  };\n\n  private theme!: Theme;\n  private wheelEndTimeout: Nullable<number>;\n  private root: Nullable<HTMLElement>;\n  private animation = animation();\n  private touchStartY: Nullable<number> = null;\n\n  constructor(props: CalendarProps) {\n    super(props);\n\n    const today = getTodayDate();\n\n    const initialMonth = props.initialMonth ?? today.month;\n    const initialYear = props.initialYear ?? today.year;\n\n    this.state = {\n      scrollPosition: 0,\n      months: CalendarUtils.getMonths(initialMonth, initialYear),\n      today,\n      scrollDirection: 1,\n      scrollTarget: 0,\n      touchStart: 0,\n    };\n  }\n\n  public componentWillUnmount() {\n    if (this.animation.inProgress()) {\n      this.animation.cancel();\n    }\n  }\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  /**\n   * Scrolls calendar to given date\n   * @public\n   */\n  public scrollToMonth = async (month: number, year: number) => {\n    if (this.animation.inProgress()) {\n      this.animation.finish();\n      // FIXME: Dirty hack to await batched updates\n      await new Promise((r) => setTimeout(r));\n    }\n\n    const { minDate, maxDate } = this.props;\n\n    if (minDate && isGreater(minDate, create(32, month, year))) {\n      this.scrollToMonth(minDate.month, minDate.year);\n      return;\n    }\n\n    if (maxDate && isLess(maxDate, create(0, month, year))) {\n      this.scrollToMonth(maxDate.month, maxDate.year);\n      return;\n    }\n\n    const currentMonth = this.state.months[1];\n    const diffInMonths = currentMonth.month + currentMonth.year * 12 - month - year * 12;\n\n    if (diffInMonths === 0) {\n      this.scrollTo(0);\n      return;\n    }\n\n    const maxMonthsToAdd = themeConfig(this.theme).MAX_MONTHS_TO_APPEND_ON_SCROLL;\n\n    const onEnd = () =>\n      this.setState({\n        months: CalendarUtils.getMonths(month, year),\n        scrollPosition: 0,\n      });\n\n    const isYearChanges = (state: CalendarState) =>\n      state.months[1].year !== year &&\n      // if diff in months is 2 or less,\n      // either year is not changing either months already\n      // have right isFirstInYear/isLastInYear flags\n      Math.abs(diffInMonths) > 2;\n\n    // If scrolling upwards, prepend maximum maxMonthsToAdd months\n    // and scroll to the first month\n    if (diffInMonths > 0) {\n      const monthsToPrependCount = Math.min(Math.abs(diffInMonths) - 1, maxMonthsToAdd);\n      const monthsToPrepend = Array.from({ length: monthsToPrependCount }, (_, index) =>\n        MonthViewModel.create(month + index, year),\n      );\n      this.setState(\n        (state) => {\n          const yearChanges = isYearChanges(state);\n          if (yearChanges) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[0].isFirstInYear = true;\n            if (monthsToPrepend.length) {\n              // Mutating item here is safe as it was just created\n              monthsToPrepend[monthsToPrepend.length - 1].isLastInYear = true;\n            }\n          }\n          return {\n            months: monthsToPrepend.concat(state.months),\n            scrollPosition: -CalendarUtils.getMonthsHeight(monthsToPrepend, this.theme),\n          };\n        },\n        () => {\n          const targetPosition = this.state.months[0].getHeight(this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n\n    // If scrolling downwards, append maximum maxMonthsToAdd months\n    // and scroll to the last but one month\n    if (diffInMonths < 0) {\n      const monthsToAppendCount = Math.min(Math.abs(diffInMonths), maxMonthsToAdd);\n      const monthsToAppend = Array.from({ length: monthsToAppendCount }, (_, index) =>\n        MonthViewModel.create(month + index - monthsToAppendCount + 2, year),\n      );\n      this.setState(\n        (state) => {\n          if (isYearChanges(state)) {\n            // Mutating here can lead to some unexpected bugs\n            // but we couldn't find any yet\n            state.months[state.months.length - 1].isLastInYear = true;\n            // Mutating item here is safe as it was just created\n            if (monthsToAppend[0]) {\n              monthsToAppend[0].isFirstInYear = true;\n            }\n          }\n          return { months: state.months.concat(monthsToAppend) };\n        },\n        () => {\n          const targetPosition = -1 * CalendarUtils.getMonthsHeight(this.state.months.slice(1, -2), this.theme);\n          this.scrollTo(targetPosition, onEnd);\n        },\n      );\n    }\n  };\n\n  private renderMain = () => {\n    const positions = this.getMonthPositions();\n    const wrapperStyle = { height: themeConfig(this.theme).WRAPPER_HEIGHT };\n    return (\n      <div ref={this.refRoot} className={styles.root(this.theme)} data-tid=\"Calendar\">\n        <div style={wrapperStyle} className={styles.wrapper()}>\n          {this.state.months\n            .map<[number, MonthViewModel]>((x, i) => [positions[i], x])\n            .filter(([top, month]) => CalendarUtils.isMonthVisible(top, month, this.theme))\n            .map(this.renderMonth, this)}\n        </div>\n      </div>\n    );\n  };\n\n  private refRoot = (element: HTMLElement | null) => {\n    if (!this.root && element) {\n      if (isMobile) {\n        element.addEventListener('touchstart', this.handleTouchStart);\n        element.addEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        element.addEventListener('wheel', this.handleWheel, { passive: false });\n      }\n    }\n    if (this.root && !element) {\n      if (isMobile) {\n        this.root.removeEventListener('touchstart', this.handleTouchStart);\n        this.root.removeEventListener('touchmove', this.throttledHandleTouchMove);\n      } else {\n        this.root.removeEventListener('wheel', this.handleWheel);\n      }\n    }\n    this.root = element;\n  };\n\n  private renderMonth([top, month]: [number, MonthViewModel]) {\n    return (\n      <Month\n        key={month.month + '-' + month.year}\n        top={top}\n        month={month}\n        maxDate={this.props.maxDate}\n        minDate={this.props.minDate}\n        today={this.state.today}\n        value={this.props.value}\n        onDateClick={this.props.onSelect}\n        onMonthYearChange={this.handleMonthYearChange}\n        isHoliday={this.props.isHoliday}\n      />\n    );\n  }\n\n  private getMonthPositions() {\n    const { scrollPosition, months } = this.state;\n\n    const positions = [scrollPosition - months[0].getHeight(this.theme)];\n    for (let i = 1; i < months.length; i++) {\n      const position = positions[i - 1] + months[i - 1].getHeight(this.theme);\n      positions.push(position);\n    }\n    return positions;\n  }\n\n  private handleMonthYearChange = (month: number, year: number) => {\n    this.scrollToMonth(month, year);\n  };\n\n  private executeAnimations = (pixelY: number) => {\n    this.setState(({ months, scrollPosition }) => {\n      const targetPosition = CalendarUtils.calculateScrollPosition(\n        months,\n        scrollPosition,\n        pixelY,\n        this.theme,\n      ).scrollPosition;\n      return { scrollTarget: targetPosition };\n    }, this.handleWheelEnd);\n\n    this.animation.animate(pixelY, (deltaY) =>\n      // FIXME: Typescript not resolving setState cb type\n      this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n    );\n\n    CalendarScrollEvents.emit();\n  };\n\n  private handleTouchStart = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const clientY = event.targetTouches[0].clientY;\n    this.touchStartY = clientY;\n  };\n\n  private handleTouchMove = (event: Event) => {\n    if (!(event instanceof TouchEvent)) {\n      return;\n    }\n\n    const { clientY } = event.changedTouches[0];\n\n    const deltaY = (this.touchStartY || 0) - clientY;\n    this.touchStartY = clientY;\n\n    this.executeAnimations(deltaY);\n  };\n\n  private throttledHandleTouchMove = throttle(this.handleTouchMove, 10);\n\n  private handleWheel = (event: Event) => {\n    if (!(event instanceof WheelEvent)) {\n      return;\n    }\n    event.preventDefault();\n    const { pixelY } = normalizeWheel(event);\n\n    this.executeAnimations(pixelY);\n  };\n\n  private handleWheelEnd = () => {\n    if (this.wheelEndTimeout) {\n      clearTimeout(this.wheelEndTimeout);\n    }\n    this.wheelEndTimeout = window.setTimeout(this.scrollToNearestWeek, 300);\n  };\n  private scrollToNearestWeek = () => {\n    const { scrollTarget, scrollDirection } = this.state;\n\n    const trasholdHeight = themeConfig(this.theme).MONTH_TITLE_OFFSET_HEIGHT + themeConfig(this.theme).DAY_SIZE;\n\n    if (scrollTarget < trasholdHeight) {\n      let targetPosition = 0;\n      if (scrollDirection < 0) {\n        targetPosition = trasholdHeight;\n      }\n\n      this.setState({ scrollTarget: targetPosition }, () => {\n        const amount = scrollTarget - targetPosition;\n        this.animation.animate(amount, (deltaY) =>\n          // FIXME: Typescript not resolving setState cb type\n          this.setState(CalendarUtils.applyDelta(deltaY, this.theme) as any),\n        );\n      });\n    }\n  };\n\n  private scrollTo = (pos: number, onEnd?: () => void) => {\n    const scrollAmmount = pos - this.state.scrollPosition;\n    return this.scrollAmount(scrollAmmount, onEnd);\n  };\n\n  private scrollAmount = (scrollAmmount: number, onEnd?: () => void) => {\n    return this.animation.animate(\n      scrollAmmount,\n      (deltaY) =>\n        this.setState(({ scrollPosition }) => ({\n          scrollPosition: scrollPosition + deltaY,\n        })),\n      onEnd,\n    );\n  };\n}\n"]}

package/cjs/internal/Calendar/Calendar.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../themes/DefaultTheme").DefaultTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    root(t: Theme): string;
     wrapper(): string;
 };