@synerise/ds-factors 0.13.0 → 0.14.0

package/CHANGELOG.md

@@ -3,6 +3,39 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [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)
+
+
+### Features
+
+* **condition:** validation condition ([b8d9e62](https://github.com/Synerise/synerise-design/commit/b8d9e627f2d62113abc4716d4049c2e27ad49718))
+
+
+
+
+
+## [0.13.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.13.1...@synerise/ds-factors@0.13.2) (2022-05-13)
+
+
+### Bug Fixes
+
+* **factors:** adds changeHandler to onValueChange ([afe05e8](https://github.com/Synerise/synerise-design/commit/afe05e8d568316ca339c975a27bf1b28b0fce237))
+
+
+
+
+
+## [0.13.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.13.0...@synerise/ds-factors@0.13.1) (2022-04-29)
+
+
+### Bug Fixes
+
+* **factors:** fixes auto height of parameters dropdown list ([67ced37](https://github.com/Synerise/synerise-design/commit/67ced37b02f9e442721afb274c6a32b5def18a83))
+
+
+
+
+
 # [0.13.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-factors@0.12.2...@synerise/ds-factors@0.13.0) (2022-04-29)
 
 

package/dist/FactorValue/Date/Date.js

@@ -6,7 +6,8 @@ var DateInput = function DateInput(_ref) {
       onChange = _ref.onChange,
       texts = _ref.texts,
       opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate;
+      onDeactivate = _ref.onDeactivate,
+      error = _ref.error;
   var changeHandler = React.useCallback(function (date) {
     onChange(date);
   }, [onChange]);
@@ -17,6 +18,7 @@ var DateInput = function DateInput(_ref) {
   }, [onDeactivate]);
   return /*#__PURE__*/React.createElement(DatePicker, {
     onApply: changeHandler,
+    onValueChange: changeHandler,
     value: value,
     showTime: true,
     useStartOfDay: true,
@@ -25,7 +27,8 @@ var DateInput = function DateInput(_ref) {
     disabledMinutes: [],
     disabledSeconds: [],
     autoFocus: opened,
-    onDropdownVisibleChange: handleVisibleChange
+    onDropdownVisibleChange: handleVisibleChange,
+    error: error
   });
 };
 

package/dist/FactorValue/DynamicKey/DynamicKey.js

@@ -16,7 +16,8 @@ var DynamicKey = function DynamicKey(_ref) {
       withoutTypeSelector = _ref$withoutTypeSelec === void 0 ? false : _ref$withoutTypeSelec,
       texts = _ref.texts,
       opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate;
+      onDeactivate = _ref.onDeactivate,
+      error = _ref.error;
 
   var _React$useState = React.useState({
     key: value.key,
@@ -25,6 +26,10 @@ var DynamicKey = function DynamicKey(_ref) {
       localValue = _React$useState[0],
       setLocalValue = _React$useState[1];
 
+  var _React$useState2 = React.useState(false),
+      localError = _React$useState2[0],
+      setLocalError = _React$useState2[1];
+
   var onChangeDebounce = React.useCallback(debounce(onChange, 300), [onChange]);
 
   var handleChange = function handleChange(event) {
@@ -38,6 +43,13 @@ var DynamicKey = function DynamicKey(_ref) {
   React.useEffect(function () {
     setLocalValue(value);
   }, [value]);
+  React.useEffect(function () {
+    if (localValue) {
+      setLocalError(true);
+    } else {
+      setLocalError(false);
+    }
+  }, [localValue]);
   return /*#__PURE__*/React.createElement(S.DynamicKey, {
     withoutTypeSelector: withoutTypeSelector
   }, /*#__PURE__*/React.createElement(RawInput, {
@@ -46,12 +58,14 @@ var DynamicKey = function DynamicKey(_ref) {
     name: "key",
     onChange: handleChange,
     autoFocus: opened,
-    onBlur: onDeactivate
+    onBlur: onDeactivate,
+    error: localError || error
   }), /*#__PURE__*/React.createElement(RawInput, {
     placeholder: texts.dynamicKey.valuePlaceholder,
     value: localValue.value,
     name: "value",
-    onChange: handleChange
+    onChange: handleChange,
+    error: localError || error
   }));
 };
 

package/dist/FactorValue/FactorValue.js

@@ -20,7 +20,8 @@ var FactorValue = function FactorValue(_ref) {
       preventAutoloadData = _ref.preventAutoloadData,
       getPopupContainerOverride = _ref.getPopupContainerOverride,
       onActivate = _ref.onActivate,
-      onDeactivate = _ref.onDeactivate;
+      onDeactivate = _ref.onDeactivate,
+      error = _ref.error;
   var inputType = React.useMemo(function () {
     var InputComponent = selectedFactor.input;
     return /*#__PURE__*/React.createElement(InputComponent, {
@@ -41,9 +42,10 @@ var FactorValue = function FactorValue(_ref) {
       preventAutoloadData: preventAutoloadData,
       getPopupContainerOverride: getPopupContainerOverride,
       onActivate: onActivate,
-      onDeactivate: onDeactivate
+      onDeactivate: onDeactivate,
+      error: error
     });
-  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate]);
+  }, [selectedFactor.input, selectedFactor.name, factorKey, value, texts, onChangeValue, textType, selectedFactorType, autocompleteText, parameters, withoutTypeSelector, formulaEditor, opened, loading, onParamsClick, preventAutoloadData, getPopupContainerOverride, onActivate, onDeactivate, error]);
   return /*#__PURE__*/React.createElement(S.FactorInput, {
     withoutTypeSelector: withoutTypeSelector
   }, inputType);

package/dist/FactorValue/Parameter/Parameter.style.js

@@ -11,7 +11,7 @@ export var ContentPlaceholder = styled.div.withConfig({
 export var ItemsList = styled(Menu).withConfig({
   displayName: "Parameterstyle__ItemsList",
   componentId: "u2uvgh-2"
-})(["width:100%;"]);
+})(["width:100%;.ds-factors-parameter-list{height:auto !important;max-height:300px;}"]);
 export var SearchResult = styled.span.withConfig({
   displayName: "Parameterstyle__SearchResult",
   componentId: "u2uvgh-3"

package/dist/FactorValue/Parameter/ParameterDropdown.js

@@ -220,6 +220,7 @@ var ParameterDropdown = function ParameterDropdown(_ref) {
     onYReachEnd: onFetchData,
     onScroll: handleScroll
   }, /*#__PURE__*/React.createElement(List, {
+    className: "ds-factors-parameter-list",
     width: "100%",
     height: 300,
     itemCount: currentItems.length,

package/dist/FactorValue/Text/Text.js

@@ -16,7 +16,8 @@ var TextInput = function TextInput(_ref) {
       autocompleteText = _ref.autocompleteText,
       factorType = _ref.factorType,
       opened = _ref.opened,
-      onDeactivate = _ref.onDeactivate;
+      onDeactivate = _ref.onDeactivate,
+      error = _ref.error;
 
   var _React$useState = React.useState(false),
       openExpanseEditor = _React$useState[0],
@@ -30,6 +31,10 @@ var TextInput = function TextInput(_ref) {
       localValue = _React$useState2[0],
       setLocalValue = _React$useState2[1];
 
+  var _React$useState3 = React.useState(false),
+      localError = _React$useState3[0],
+      setLocalError = _React$useState3[1];
+
   var onChangeDebounce = React.useCallback(debounce(onChange, 300), [onChange]);
   React.useEffect(function () {
     if (inputRef != null && inputRef.current && opened) {
@@ -52,6 +57,12 @@ var TextInput = function TextInput(_ref) {
   var handleChange = React.useCallback(function (event) {
     setLocalValue(event.target.value);
     onChangeDebounce(event.target.value);
+
+    if (!event.target.value.length) {
+      setLocalError(true);
+    } else {
+      setLocalError(false);
+    }
   }, [onChangeDebounce]);
   var handleApply = React.useCallback(function (val) {
     setOpenExpanseEditor(false);
@@ -83,7 +94,8 @@ var TextInput = function TextInput(_ref) {
     suffix: SuffixIcon,
     value: localValue,
     onChange: handleChange,
-    onBlur: onDeactivate
+    onBlur: onDeactivate,
+    error: localError || error
   })), /*#__PURE__*/React.createElement(TextModal, {
     visible: openExpanseEditor,
     onCancel: function onCancel() {

package/dist/Factors.js

@@ -92,7 +92,8 @@ var Factors = function Factors(_ref) {
       preventAutoloadData = _ref.preventAutoloadData,
       onActivate = _ref.onActivate,
       onDeactivate = _ref.onDeactivate,
-      getPopupContainerOverride = _ref.getPopupContainerOverride;
+      getPopupContainerOverride = _ref.getPopupContainerOverride,
+      error = _ref.error;
 
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
@@ -414,7 +415,8 @@ var Factors = function Factors(_ref) {
     preventAutoloadData: preventAutoloadData,
     getPopupContainerOverride: getPopupContainerOverride,
     onActivate: onActivate,
-    onDeactivate: onDeactivate
+    onDeactivate: onDeactivate,
+    error: error
   }));
 };
 

package/dist/Factors.types.d.ts

@@ -65,6 +65,7 @@ export declare type FactorsTexts = {
 };
 export declare type FactorsProps = {
     factorKey?: React.ReactText;
+    error?: boolean;
     withoutTypeSelector?: boolean;
     setSelectedFactorType?: (factor: FactorType) => void;
     unavailableFactorTypes?: FactorType[];
@@ -99,11 +100,11 @@ export declare type FactorTypeSelectorProps = Pick<FactorsProps, 'unavailableFac
     setSelectedFactorType: (factor: FactorType) => void;
     selectedFactor: SelectedFactorType;
 };
-export declare type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate'> & {
+export declare type FactorValueProps = Pick<FactorsProps, 'onChangeValue' | 'onParamsClick' | 'value' | 'selectedFactorType' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'formulaEditor' | 'opened' | 'loading' | 'factorKey' | 'preventAutoloadData' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error'> & {
     texts: FactorsTexts;
     selectedFactor: SelectedFactorType;
 };
-export declare type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate'> & {
+export declare type InputProps = Pick<FactorsProps, 'value' | 'parameters' | 'autocompleteText' | 'withoutTypeSelector' | 'textType' | 'opened' | 'getPopupContainerOverride' | 'onActivate' | 'onDeactivate' | 'error'> & {
     texts: FactorsTexts;
     onChange: (value: FactorValueType) => void;
     factorType: FactorType;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-factors",
-  "version": "0.13.0",
+  "version": "0.14.0",
   "description": "Factors UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,8 +35,8 @@
     "@synerise/ds-autocomplete": "^0.4.10",
     "@synerise/ds-badge": "^0.6.3",
     "@synerise/ds-button": "^0.17.2",
-    "@synerise/ds-date-picker": "^0.6.17",
-    "@synerise/ds-date-range-picker": "^0.12.13",
+    "@synerise/ds-date-picker": "^0.6.18",
+    "@synerise/ds-date-range-picker": "^0.12.14",
     "@synerise/ds-dropdown": "^0.17.17",
     "@synerise/ds-icon": "^0.49.0",
     "@synerise/ds-inline-edit": "^0.6.12",
@@ -55,5 +55,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "4a658911645846d1e329609ba9db06a7bc64962b"
+  "gitHead": "db2ce8aa0a0fd56511ded2f0e21c597fffd3d158"
 }