@salutejs/plasma-new-hope 0.185.0-dev.0 → 0.186.0-canary.1541.11711445984.0

package/styled-components/cjs/utils/syntheticEvent.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createSyntheticEvent = exports.createEvent = void 0;
+var createEvent = exports.createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    console.log(syntheticEvent);
+    return syntheticEvent;
+  }
+  return null;
+};
+var createSyntheticEvent = exports.createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};

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

@@ -13,6 +13,7 @@ import { safeUseId, useForkRef } from '@salutejs/plasma-core';
 import { css } from 'styled-components';
 import { cx } from '../../utils';
 import { useOutsideClick } from '../../hooks';
+import { createEvent } from '../../utils/syntheticEvent';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as viewCSS } from './variations/_view/base';
 import { base as clearCSS } from './variations/_clear/base';
@@ -222,11 +223,21 @@ export var textFieldRoot = function textFieldRoot(Root) {
       setChips(newChips);
     }, [isChipEnumeration, values]);
     useEffect(function () {
+      console.log('Init Value');
       setHasValue(Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
+      var event = createEvent(inputRef);
+      if (event) {
+        handleChange(event);
+      }
     }, [rest.defaultValue]);
     useEffect(function () {
       var _inputRef$current2;
+      console.log('Set Value');
       setHasValue(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value));
+      var event = createEvent(inputRef);
+      if (event) {
+        handleChange(event);
+      }
     }, [outerValue, inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value]);
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;

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

@@ -171,6 +171,7 @@ const StoryDemo = ({ enableContentLeft, enableContentRight, view, ...rest }: Sto
 
     return (
         <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem', width: '70%', margin: '0 auto' }}>
+            <div>{text}</div>
             <TextField
                 {...rest}
                 enumerationType="plain"

package/styled-components/es/utils/syntheticEvent.js

@@ -0,0 +1,48 @@
+export var createEvent = function createEvent(ref) {
+  if (ref.current) {
+    var event = new Event('change', {
+      bubbles: true
+    });
+    Object.defineProperty(event, 'target', {
+      writable: false,
+      value: ref.current
+    });
+    var syntheticEvent = createSyntheticEvent(event);
+    console.log(syntheticEvent);
+    return syntheticEvent;
+  }
+  return null;
+};
+export var createSyntheticEvent = function createSyntheticEvent(event) {
+  var _isDefaultPrevented = false;
+  var _isPropagationStopped = false;
+  var preventDefault = function preventDefault() {
+    _isDefaultPrevented = true;
+    event.preventDefault();
+  };
+  var stopPropagation = function stopPropagation() {
+    _isPropagationStopped = true;
+    event.stopPropagation();
+  };
+  return {
+    nativeEvent: event,
+    currentTarget: event.currentTarget,
+    target: event.target,
+    bubbles: event.bubbles,
+    cancelable: event.cancelable,
+    defaultPrevented: event.defaultPrevented,
+    eventPhase: event.eventPhase,
+    isTrusted: event.isTrusted,
+    preventDefault: preventDefault,
+    isDefaultPrevented: function isDefaultPrevented() {
+      return _isDefaultPrevented;
+    },
+    stopPropagation: stopPropagation,
+    isPropagationStopped: function isPropagationStopped() {
+      return _isPropagationStopped;
+    },
+    persist: function persist() {},
+    timeStamp: event.timeStamp,
+    type: event.type
+  };
+};

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;AAI/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAoCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC,4FAmY5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBArYQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ahF,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;AAK/C,OAAO,KAAK,EAAuC,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAoCjH,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAIF,eAAO,MAAM,aAAa,SAAU,UAAU,cAAc,EAAE,kBAAkB,CAAC,4FA6Y5E,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA/YQ,UAAU,cAAc,EAAE,kBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqbhF,CAAC"}

package/types/utils/syntheticEvent.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from 'react';
+export declare const createEvent: (ref: RefObject<HTMLInputElement>) => import("react").ChangeEvent<HTMLInputElement> | null;
+export declare const createSyntheticEvent: <T extends Element, E extends Event>(event: E) => import("react").SyntheticEvent<T, E>;
+//# sourceMappingURL=syntheticEvent.d.ts.map

package/types/utils/syntheticEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntheticEvent.d.ts","sourceRoot":"","sources":["../../src/utils/syntheticEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,WAAW,QAAS,UAAU,gBAAgB,CAAC,yDAU3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,wFA4BhC,CAAC"}