@synerise/ds-factors 0.14.0 → 0.14.3

package/CHANGELOG.md

@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.14.2...@synerise/ds-factors@0.14.3) (2022-06-10)
+
+
+### Bug Fixes
+
+* **factors:** fixes using of autocomplete ([dd56cb3](https://github.com/Synerise/synerise-design/commit/dd56cb38a2a7bf022e8f9d12b2e23e6812b2f0b1))
+
+
+
+
+
+## [0.14.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.14.1...@synerise/ds-factors@0.14.2) (2022-05-31)
+
+
+### Bug Fixes
+
+* **factors:** calls onChange callback on clearing input value ([37742e9](https://github.com/Synerise/synerise-design/commit/37742e9d87f526283641be964577c9f4754f463d))
+* **factors:** calls onChange callback on clearing input value ([92a3f80](https://github.com/Synerise/synerise-design/commit/92a3f80cc8d2d3ab2d4f0c5aa9c7be7168edb324))
+
+
+
+
+
+## [0.14.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.14.0...@synerise/ds-factors@0.14.1) (2022-05-30)
+
+
+### Bug Fixes
+
+* **condition:** fix dynamic key condition validation ([1777297](https://github.com/Synerise/synerise-design/commit/1777297c2d3eddb29620b7ac4a802a5cb3c2f84c))
+
+
+
+
+
 # [0.14.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.13.2...@synerise/ds-factors@0.14.0) (2022-05-28)
 
 

package/dist/FactorValue/Date/Date.js

@@ -11,12 +11,16 @@ var DateInput = function DateInput(_ref) {
   var changeHandler = React.useCallback(function (date) {
     onChange(date);
   }, [onChange]);
+  var handleClear = React.useCallback(function () {
+    onChange(undefined);
+  }, [onChange]);
   var handleVisibleChange = React.useCallback(function (visible) {
     if (!visible) {
       onDeactivate && onDeactivate();
     }
   }, [onDeactivate]);
   return /*#__PURE__*/React.createElement(DatePicker, {
+    onClear: handleClear,
     onApply: changeHandler,
     onValueChange: changeHandler,
     value: value,

package/dist/FactorValue/DateRange/DateRange.js

@@ -19,6 +19,7 @@ var DateRangeInput = function DateRangeInput(_ref) {
   return /*#__PURE__*/React.createElement(DateRangePicker, {
     intl: intl,
     onApply: changeHandler,
+    onValueChange: changeHandler,
     showTime: true,
     showFilter: true,
     value: value,

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -38,18 +38,17 @@ var DynamicKey = function DynamicKey(_ref) {
     newValue[event.target.name] = event.target.value;
     setLocalValue(newValue);
     onChangeDebounce(newValue);
-  };
 
-  React.useEffect(function () {
-    setLocalValue(value);
-  }, [value]);
-  React.useEffect(function () {
-    if (localValue) {
+    if (!event.target.value.length) {
       setLocalError(true);
     } else {
       setLocalError(false);
     }
-  }, [localValue]);
+  };
+
+  React.useEffect(function () {
+    setLocalValue(value);
+  }, [value]);
   return /*#__PURE__*/React.createElement(S.DynamicKey, {
     withoutTypeSelector: withoutTypeSelector
   }, /*#__PURE__*/React.createElement(RawInput, {

package/dist/FactorValue/Text/Text.js

@@ -75,14 +75,18 @@ var TextInput = function TextInput(_ref) {
     onChange(val);
   }, [onChange]);
   var autocompleteOptions = React.useMemo(function () {
-    return localValue && autocompleteText && autocompleteText.options.filter(function (option) {
+    return autocompleteText && autocompleteText.options.filter(function (option) {
       return option.toLowerCase().includes(localValue.toLowerCase());
     }) || [];
   }, [localValue, autocompleteText]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, factorType === 'text' && textType === 'autocomplete' && autocompleteText ? /*#__PURE__*/React.createElement(Autocomplete, {
+  return /*#__PURE__*/React.createElement(S.TextWrapper, null, factorType === 'text' && textType === 'autocomplete' ? /*#__PURE__*/React.createElement(Autocomplete, {
     placeholder: texts.valuePlaceholder,
     value: localValue,
-    onChange: handleAutocomplete
+    onChange: handleAutocomplete,
+    onBlur: onDeactivate,
+    error: localError || error,
+    handleInputRef: setInputRef,
+    defaultOpen: true
   }, autocompleteOptions == null ? void 0 : autocompleteOptions.map(function (option) {
     return /*#__PURE__*/React.createElement(Autocomplete.Option, {
       key: option,

package/dist/FactorValue/Text/Text.styles.d.ts

@@ -1,2 +1,3 @@
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/FactorValue/Text/Text.styles.js

@@ -11,4 +11,8 @@ export var IconWrapper = styled.span.withConfig({
 export var InputWrapper = styled.div.withConfig({
   displayName: "Textstyles__InputWrapper",
   componentId: "rjr8p0-1"
-})(["input{padding:0;&:before{display:none;}input{max-height:30px;}}"]);
+})(["input{padding:0;&:before{display:none;}input{max-height:30px;}}"]);
+export var TextWrapper = styled.div.withConfig({
+  displayName: "Textstyles__TextWrapper",
+  componentId: "rjr8p0-2"
+})([""]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.14.0",
+  "version": "0.14.3",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,7 +32,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-autocomplete": "^0.4.10",
+    "@synerise/ds-autocomplete": "^0.4.11",
     "@synerise/ds-badge": "^0.6.3",
     "@synerise/ds-button": "^0.17.2",
     "@synerise/ds-date-picker": "^0.6.18",
@@ -55,5 +55,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "db2ce8aa0a0fd56511ded2f0e21c597fffd3d158"
+  "gitHead": "116cf109200639a805ef51ce8301e47dc7a8b168"
 }