@salutejs/plasma-new-hope 0.113.1-canary.1325.10178064945.0 → 0.114.0-canary.1326.10178816804.0

package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js

@@ -13,6 +13,7 @@ import { cx } from '../../../utils';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -172,6 +173,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       }
       setIsInnerOpen(isCalendarOpen);
     };
+    var _useKeyNavigation = useKeyNavigation({
+        isCalendarOpen: isInnerOpen,
+        onToggle: handleToggle
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
     var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
       ref: rangeRef,
       dividerIcon: dividerIcon,
@@ -215,13 +221,19 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
       onFocusFirstTextfield: onFocusFirstTextfield,
       onFocusSecondTextfield: onFocusSecondTextfield,
       onBlurFirstTextfield: onBlurFirstTextfield,
-      onBlurSecondTextfield: onBlurSecondTextfield
+      onBlurSecondTextfield: onBlurSecondTextfield,
+      onKeyDown: onKeyDown
     }));
     useEffect(function () {
       var _rangeRef$current5, _rangeRef$current6;
       setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
       setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
     }, [rangeRef.current]);
+    useEffect(function () {
+      setIsInnerOpen(function (prevOpen) {
+        return prevOpen !== isOpen && isOpen;
+      });
+    }, [isOpen]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       ref: rootRef,
       view: view,
@@ -232,7 +244,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
     }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
       calendarValue: [calendarFirstValue, calendarSecondValue],
       target: RangeComponent,
-      isOpen: isOpen || isInnerOpen,
+      isOpen: isInnerOpen,
       includeEdgeDates: includeEdgeDates,
       eventList: eventList,
       disabledList: disabledList,

package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js

@@ -8,12 +8,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { forwardRef, useCallback, useRef, useState } from 'react';
+import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
 import { cx, getPlacements } from '../../../utils';
 import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
 import { useDatePicker } from '../hooks/useDatePicker';
 import { classes } from '../DatePicker.tokens';
 import { StyledCalendar } from '../DatePickerBase.styles';
+import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as disabledCSS } from './variations/_disabled/base';
@@ -110,6 +111,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
       handleToggle = _useDatePicker.handleToggle,
       handleChangeValue = _useDatePicker.handleChangeValue,
       handleCommitDate = _useDatePicker.handleCommitDate;
+    var _useKeyNavigation = useKeyNavigation({
+        isCalendarOpen: isInnerOpen,
+        onToggle: handleToggle
+      }),
+      onKeyDown = _useKeyNavigation.onKeyDown;
     var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, _extends({
       ref: inputRef,
       className: cx(datePickerErrorClass, datePickerSuccessClass),
@@ -127,11 +133,17 @@ export var datePickerRoot = function datePickerRoot(Root) {
         return handleCommitDate(date, true, false);
       },
       onFocus: onFocus,
-      onBlur: onBlur
+      onBlur: onBlur,
+      onKeyDown: onKeyDown
     }, innerLabelPlacement && {
       label: label,
       labelPlacement: labelPlacement
     }));
+    useEffect(function () {
+      setIsInnerOpen(function (prevOpen) {
+        return prevOpen !== isOpen && isOpen;
+      });
+    }, [isOpen]);
     return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
@@ -140,7 +152,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
       readOnly: !disabled && readOnly,
       ref: ref
     }, rest), !innerLabelPlacement && label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
-      isOpen: isOpen || isInnerOpen,
+      isOpen: isInnerOpen,
       usePortal: false,
       onToggle: handleToggle,
       offset: offset,

package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js

@@ -0,0 +1,26 @@
+export var keys = {
+  Space: 'Space'
+};
+export var useKeyNavigation = function useKeyNavigation(_ref) {
+  var isCalendarOpen = _ref.isCalendarOpen,
+    onToggle = _ref.onToggle;
+  var onKeyDown = function onKeyDown(event) {
+    switch (event.code) {
+      case keys.Space:
+        {
+          if (!isCalendarOpen) {
+            event.preventDefault();
+            onToggle(true, event);
+          }
+          break;
+        }
+      default:
+        {
+          break;
+        }
+    }
+  };
+  return {
+    onKeyDown: onKeyDown
+  };
+};

package/styled-components/es/components/Modal/hooks/useModal.js

@@ -4,18 +4,20 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useCallback, useEffect } from 'react';
-import { getIdLastModal } from '../ModalContext';
+import { useCallback, useEffect, useRef } from 'react';
+import { getIdLastModal, hasModals } from '../ModalContext';
 import { usePopupContext } from '../../Popup';
 var ESCAPE_KEYCODE = 27;
 export var useModal = function useModal(_ref) {
   var id = _ref.id,
+    isOpen = _ref.isOpen,
     popupInfo = _ref.popupInfo,
     onEscKeyDown = _ref.onEscKeyDown,
     onClose = _ref.onClose,
     _ref$closeOnEsc = _ref.closeOnEsc,
     closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc;
   var popupController = usePopupContext();
+  var overflow = useRef(document.body.style.overflowY);
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = useCallback(function (event) {
@@ -38,6 +40,19 @@ export var useModal = function useModal(_ref) {
       window.removeEventListener('keydown', onKeyDown);
     };
   }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);
+
+  // linaria не поддерживает динамический global
+  useEffect(function () {
+    if (isOpen) {
+      overflow.current = document.body.style.overflowY;
+      document.body.style.overflowY = 'hidden';
+    }
+  }, [isOpen]);
+  useEffect(function () {
+    if (!isOpen && !hasModals(popupController.items)) {
+      document.body.style.overflowY = overflow.current;
+    }
+  }, [isOpen, overflow.current, popupController.items]);
   var modalInfo = _objectSpread({
     id: id,
     info: {

package/styled-components/es/components/Popup/PopupContext.js

@@ -8,8 +8,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-import React, { createContext, useEffect, useState, useContext, useRef } from 'react';
-import { hasModals } from '../Modal/ModalContext';
+import React, { createContext, useEffect, useState, useContext } from 'react';
 export var POPUP_PORTAL_ID = 'plasma-popup-root';
 var items = [];
 var PopupContext = /*#__PURE__*/createContext({
@@ -26,36 +25,22 @@ export var usePopupContext = function usePopupContext() {
 };
 export var PopupProvider = function PopupProvider(_ref) {
   var children = _ref.children;
-  var prevBodyOverflowY = useRef(document.body.style.overflowY);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     items = _useState2[0],
     setItems = _useState2[1];
   var register = function register(info) {
-    setItems(function (prevItems) {
-      var _info$info;
-      if ((_info$info = info.info) !== null && _info$info !== void 0 && _info$info.isModal && !hasModals(prevItems)) {
-        prevBodyOverflowY.current = document.body.style.overflowY;
-        document.body.style.overflowY = 'hidden';
-      }
-      return [].concat(_toConsumableArray(prevItems), [info]);
-    });
+    setItems([].concat(_toConsumableArray(items), [info]));
   };
   var unregister = function unregister(id) {
-    setItems(function (prevItems) {
-      var index = prevItems.findIndex(function (item) {
-        return id === item.id;
-      });
-      if (index === -1) {
-        return prevItems;
-      }
-      var prevHasModals = hasModals(prevItems);
-      prevItems.splice(index, 1);
-      if (prevHasModals && !hasModals(prevItems)) {
-        document.body.style.overflowY = prevBodyOverflowY.current;
-      }
-      return prevItems;
+    var index = items.findIndex(function (item) {
+      return id === item.id;
     });
+    if (index === -1) {
+      return;
+    }
+    items.splice(index, 1);
+    setItems(_toConsumableArray(items));
   };
   var context = {
     items: items,

package/styled-components/es/components/Popup/hooks/usePopup.js

@@ -76,11 +76,6 @@ export var usePopup = function usePopup(_ref) {
     popupController.unregister(id);
     setVisible(false);
   }, [isOpen, isVisible, animationInfo]);
-  useEffect(function () {
-    return function () {
-      popupController.unregister(id);
-    };
-  }, [id]);
   return {
     isVisible: isVisible,
     setVisible: setVisible,

package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAoQvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAtQxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+R3G,CAAC"}
+{"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA8QvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAhRxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyS3G,CAAC"}

package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXA0JlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA5JnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CAqLtG,CAAC"}
+{"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXAoKlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAtKnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CA+LtG,CAAC"}

package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,13 @@
+import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';
+interface Props {
+    isCalendarOpen: boolean;
+    onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
+}
+export declare const keys: {
+    Space: string;
+};
+export declare const useKeyNavigation: ({ isCalendarOpen, onToggle }: Props) => {
+    onKeyDown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
+};
+export {};
+//# sourceMappingURL=useKeyboardNavigation.d.ts.map

package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,UAAU,KAAK;IACX,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iCAAkC,KAAK;uBACtC,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;CAiB5F,CAAC"}

package/types/components/Modal/hooks/useModal.d.ts

@@ -1,6 +1,6 @@
 import { ModalInfo } from '../ModalContext';
 import { ModalHookArgs } from '../Modal.types';
-export declare const useModal: ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc }: ModalHookArgs) => {
+export declare const useModal: ({ id, isOpen, popupInfo, onEscKeyDown, onClose, closeOnEsc }: ModalHookArgs) => {
     modalInfo: ModalInfo;
 };
 //# sourceMappingURL=useModal.d.ts.map

package/types/components/Modal/hooks/useModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAkB,MAAM,iBAAiB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C,eAAO,MAAM,QAAQ,yDAAiE,aAAa;;CAuClG,CAAC"}
+{"version":3,"file":"useModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/hooks/useModal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAA6B,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C,eAAO,MAAM,QAAQ,iEAAyE,aAAa;;CAsD1G,CAAC"}

package/types/components/Popup/PopupContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/PopupContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkD,EAAE,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAC;AAI7G,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,eAAe,CAAC;AAEjE,eAAO,MAAM,eAAe,sBAAsB,CAAC;AAcnD,eAAO,MAAM,eAAe,wBAAiC,CAAC;AAE9D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAkD/C,CAAC"}
+{"version":3,"file":"PopupContext.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/PopupContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkD,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAErG,OAAO,KAAK,EAAE,gBAAgB,EAAa,MAAM,eAAe,CAAC;AAEjE,eAAO,MAAM,eAAe,sBAAsB,CAAC;AAcnD,eAAO,MAAM,eAAe,wBAAiC,CAAC;AAE9D,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAkC/C,CAAC"}

package/types/components/Popup/hooks/usePopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePopup.d.ts","sourceRoot":"","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAYxE,eAAO,MAAM,QAAQ,6CAA8C,aAAa;;;;;CA4C/E,CAAC"}
+{"version":3,"file":"usePopup.d.ts","sourceRoot":"","sources":["../../../../src/components/Popup/hooks/usePopup.ts"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAYxE,eAAO,MAAM,QAAQ,6CAA8C,aAAa;;;;;CAsC/E,CAAC"}