@salutejs/plasma-new-hope 0.156.0-canary.1421.11105397584.0 → 0.156.0-canary.1421.11105922905.0

package/styled-components/es/components/Drawer/Drawer.tokens.js

@@ -5,7 +5,11 @@ export var classes = {
   overlay: 'drawer-overlay',
   horizontal: 'drawer-horizontal',
   hasHeader: 'drawer-has-header',
-  isRightClose: 'drawer-right-close-button'
+  isRightClose: 'drawer-right-close-button',
+  topPlacement: 'drawer-top-placement',
+  bottomPlacement: 'drawer-bottom-placement',
+  rightPlacement: 'drawer-right-placement',
+  leftPlacement: 'drawer-left-placement'
 };
 export var tokens = {
   drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',

package/styled-components/es/components/Drawer/hooks/useDrawer.js

@@ -7,6 +7,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { useCallback, useEffect, useRef } from 'react';
 import { getIdLastDrawer, hasDrawers } from '../DrawerContext';
 import { usePopupContext } from '../../Popup';
+import { canUseDOM } from '../../../utils';
 var ESCAPE_KEYCODE = 27;
 export var useDrawer = function useDrawer(_ref) {
   var id = _ref.id,
@@ -19,7 +20,7 @@ export var useDrawer = function useDrawer(_ref) {
     _ref$disableScroll = _ref.disableScroll,
     disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
   var popupController = usePopupContext();
-  var overflow = useRef(document.body.style.overflowY);
+  var overflow = useRef(canUseDOM ? document.body.style.overflow : 'initial');
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = useCallback(function (event) {
@@ -45,14 +46,20 @@ export var useDrawer = function useDrawer(_ref) {
 
   // linaria не поддерживает динамический global
   useEffect(function () {
+    if (!canUseDOM) {
+      return;
+    }
     if (isOpen && disableScroll) {
-      overflow.current = document.body.style.overflowY;
-      document.body.style.overflowY = 'hidden';
+      overflow.current = document.body.style.overflow;
+      document.body.style.overflow = 'hidden';
     }
   }, [isOpen, disableScroll]);
   useEffect(function () {
+    if (!canUseDOM) {
+      return;
+    }
     if (!isOpen && !hasDrawers(popupController.items)) {
-      document.body.style.overflowY = overflow.current;
+      document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);
   var drawerInfo = _objectSpread({

package/styled-components/es/components/TextArea/TextArea.js

@@ -18,7 +18,7 @@ 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, useState, createRef, useCallback } from 'react';
+import React, { forwardRef, useState, createRef, useCallback, useEffect } from 'react';
 import { css } from 'styled-components';
 import { useResizeObserver } from '@salutejs/plasma-core';
 import { cx, mergeRefs } from '../../utils';
@@ -29,6 +29,7 @@ import { classes } from './TextArea.tokens';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as disabledCSS } from './variations/_disabled/base';
+import { setInitialValue } from './utils';
 var innerPlaceholderUp = classes.innerPlaceholderUp,
   focusedOuterPlaceholderColor = classes.focusedOuterPlaceholderColor,
   hidePlaceHolder = classes.hidePlaceHolder,
@@ -151,6 +152,22 @@ export var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
+    useEffect(function () {
+      console.log(outerRef);
+      if (outerRef.current) {
+        console.log(outerRef, 'outer');
+        outerRef.current.addEventListener('setInitialValue', function (e) {
+          return setUncontrolledValue(setInitialValue(e));
+        });
+      }
+      return function () {
+        if (outerRef.current) {
+          outerRef.current.removeEventListener('setInitialValue', function (e) {
+            return setUncontrolledValue(setInitialValue(e));
+          });
+        }
+      };
+    }, []);
     var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
       size: size,
       readOnly: readOnly,

package/styled-components/es/components/TextArea/utils/index.js

@@ -0,0 +1,6 @@
+export var setInitialValue = function setInitialValue(e) {
+  console.log(e.target);
+  var item = e.target;
+  var defaultValue = String(item.getAttribute('defaultValue'));
+  return defaultValue;
+};

package/styled-components/es/components/TextField/TextField.js

@@ -165,6 +165,22 @@ export var textFieldRoot = function textFieldRoot(Root) {
       })) || [];
       setChips(newChips);
     }, [isChipEnumeration, values]);
+    useEffect(function () {
+      console.log(inputRef);
+      if (inputRef.current) {
+        console.log(inputRef, 'current');
+        inputRef.current.addEventListener('setInitialValue', function () {
+          return setHasValue(true);
+        });
+      }
+      return function () {
+        if (inputRef.current) {
+          inputRef.current.removeEventListener('setInitialValue', function () {
+            return setHasValue(true);
+          });
+        }
+      };
+    }, []);
     useEffect(function () {
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
     }, [rest.defaultValue]);

package/styled-components/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

package/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -136,6 +136,7 @@ const StoryDrawerDemo = ({
     showHeader,
     showFooter,
     showActions,
+    hasClose,
     closePlacement,
     offsetX,
     offsetY,
@@ -159,11 +160,12 @@ const StoryDrawerDemo = ({
                             {...rest}
                         >
                             <DrawerHeader
+                                hasClose={hasClose}
                                 closePlacement={closePlacement as ClosePlacementType}
                                 actions={
                                     showActions && (
                                         <StyledIconButton size="s" view="clear">
-                                            <IconDone size="s" />
+                                            <IconDone size="s" color="inherit" />
                                         </StyledIconButton>
                                     )
                                 }

package/styled-components/es/hooks/useForm.js

@@ -18,6 +18,9 @@ var initData = function initData(ref, defaultValues) {
       type = item.type;
     if ((type === 'text' || type === 'textarea') && defaultValues[_name]) {
       item.value = String(defaultValues[_name]);
+      item.setAttribute('defaultValue', String(defaultValues[_name]));
+      var event = new Event('setInitialValue');
+      item.dispatchEvent(event);
     }
     if (type === 'checkbox' && defaultValues[_name]) {
       item.checked = Boolean(defaultValues[_name]);
@@ -29,30 +32,30 @@ var initData = function initData(ref, defaultValues) {
       var sliderType = item.getAttribute('datatype');
       if (sliderType === 'slider-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var event = new Event('setInitialValue');
-        item.dispatchEvent(event);
+        var _event = new Event('setInitialValue');
+        item.dispatchEvent(_event);
       }
       if (sliderType === 'slider-double') {
         var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
         var _data = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data[isMax]));
-        var _event = new Event('setInitialValue');
-        item.dispatchEvent(_event);
+        var _event2 = new Event('setInitialValue');
+        item.dispatchEvent(_event2);
       }
     }
     if (type === 'hidden') {
       var datepickerType = item.getAttribute('datatype');
       if (datepickerType === 'datepicker-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var _event2 = new Event('setInitialValue');
-        item.dispatchEvent(_event2);
+        var _event3 = new Event('setInitialValue');
+        item.dispatchEvent(_event3);
       }
       if (datepickerType === 'datepicker-double') {
         var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
         var _data2 = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data2[isTo]));
-        var _event3 = new Event('setInitialValue');
-        item.dispatchEvent(_event3);
+        var _event4 = new Event('setInitialValue');
+        item.dispatchEvent(_event4);
       }
     }
   }

package/types/components/Drawer/Drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;wCAmHlE,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBArHQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ItE,CAAC"}
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYlD,eAAO,MAAM,UAAU,SAAU,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;wCAsHlE,CAAC;AAEN,eAAO,MAAM,YAAY;;;mBAxHQ,UAAU,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ItE,CAAC"}

package/types/components/Drawer/Drawer.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAgDtD,eAAO,MAAM,WAAW;eACT,eAAe;;;SAoE7B,CAAC"}
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.styles.ts"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AA2FtD,eAAO,MAAM,WAAW;eACT,eAAe;;;SAsC7B,CAAC"}

package/types/components/Drawer/Drawer.tokens.d.ts

@@ -6,6 +6,10 @@ export declare const classes: {
     horizontal: string;
     hasHeader: string;
     isRightClose: string;
+    topPlacement: string;
+    bottomPlacement: string;
+    rightPlacement: string;
+    leftPlacement: string;
 };
 export declare const tokens: {
     drawerOverlayWithBlurColor: string;

package/types/components/Drawer/Drawer.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;CAQnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}
+{"version":3,"file":"Drawer.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC"}

package/types/components/Drawer/hooks/useDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA+B,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKjD,eAAO,MAAM,SAAS,iFAQnB,cAAc;;CAsDhB,CAAC"}
+{"version":3,"file":"useDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/Drawer/hooks/useDrawer.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA+B,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAMjD,eAAO,MAAM,SAAS,iFAQnB,cAAc;;CA+DhB,CAAC"}

package/types/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FA+K1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAjLQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CAyM/E,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAKvF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAqBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgCtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FAiM1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAnMQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CA2N/E,CAAC"}

package/types/components/TextArea/utils/index.d.ts

@@ -0,0 +1,2 @@
+export declare const setInitialValue: (e: Event) => React.SetStateAction<string | undefined>;
+//# sourceMappingURL=index.d.ts.map

package/types/components/TextArea/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,MAAO,KAAK,KAAG,MAAM,cAAc,CAAC,MAAM,GAAG,SAAS,CAMjF,CAAC"}

package/types/components/TextField/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4B7F,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,4FAiRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAnRQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA+S5E,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,OAAO,KAAK,EAAuC,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA4B7F,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,4FA+RxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAjSQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;CA6T5E,CAAC"}

package/types/hooks/useForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,aAAK,QAAQ,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC;AAsElG,eAAO,MAAM,OAAO,oBAAqB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ;;sBAOtD,MAAM,SAAS,CAAC,eAAe,CAAC;CAuE5D,CAAC"}
+{"version":3,"file":"useForm.d.ts","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,aAAK,QAAQ,GAAG;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI,GAAG,MAAM,EAAE,CAAA;CAAE,CAAC;AAyElG,eAAO,MAAM,OAAO,oBAAqB,QAAQ,KAAK,IAAI,iBAAiB,QAAQ;;sBAOtD,MAAM,SAAS,CAAC,eAAe,CAAC;CAuE5D,CAAC"}