@synerise/ds-condition 0.12.7 → 0.13.0

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.13.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.10...@synerise/ds-condition@0.13.0) (2022-01-13)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.12.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.9...@synerise/ds-condition@0.12.10) (2022-01-05)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.12.9](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.8...@synerise/ds-condition@0.12.9) (2022-01-04)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
+## [0.12.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.7...@synerise/ds-condition@0.12.8) (2021-12-29)
+
+**Note:** Version bump only for package @synerise/ds-condition
+
+
+
+
+
 ## [0.12.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-condition@0.12.6...@synerise/ds-condition@0.12.7) (2021-12-22)
 
 **Note:** Version bump only for package @synerise/ds-condition

package/dist/ConditionStep/ConditionRow/ConditionRow.js

@@ -30,8 +30,12 @@ export var ConditionRow = function ConditionRow(_ref) {
       setStepConditionFactorValue = _ref.setStepConditionFactorValue,
       getPopupContainerOverride = _ref.getPopupContainerOverride,
       onActivate = _ref.onActivate,
+      hasPriority = _ref.hasPriority,
       texts = _ref.texts;
   return /*#__PURE__*/React.createElement(S.ConditionRow, {
+    style: hasPriority ? {
+      zIndex: 10001
+    } : undefined,
     key: "condition-row-" + conditionId,
     index: index
   }, /*#__PURE__*/React.createElement(S.ConditionConnections, {

package/dist/ConditionStep/ConditionRow/ConditionRow.types.d.ts

@@ -4,6 +4,7 @@ import { OperatorsProps } from '@synerise/ds-operators/dist/Operator.types';
 import { ConditionProps, ConditionTexts } from '../../Condition.types';
 export declare type ConditionRowProps = {
     index: number;
+    hasPriority?: boolean;
     onActivate?: () => void;
     conditionId: React.ReactText;
     addCondition: ConditionProps['addCondition'];

package/dist/ConditionStep/ConditionStep.js

@@ -41,6 +41,10 @@ export var ConditionStep = function ConditionStep(_ref) {
       currentConditionId = _ref.currentConditionId,
       currentField = _ref.currentField;
 
+  var _React$useState = React.useState(null),
+      activeConditionId = _React$useState[0],
+      setActiveConditionId = _React$useState[1];
+
   var _useIntl = useIntl(),
       formatMessage = _useIntl.formatMessage;
 
@@ -118,8 +122,16 @@ export var ConditionStep = function ConditionStep(_ref) {
   var renderConditionRow = React.useCallback(function (condition, conditionIndex) {
     var _step$context2;
 
+    var handleActivation = function handleActivation(conditionId) {
+      return function () {
+        setActiveConditionId(conditionId);
+        onActivate && onActivate();
+      };
+    };
+
     return /*#__PURE__*/React.createElement(ConditionRow, {
       key: "step-" + step.id + "-condition-" + condition.id,
+      hasPriority: hasPriority && activeConditionId === condition.id,
       index: conditionIndex,
       conditionId: condition.id,
       addCondition: addCondition,
@@ -130,7 +142,7 @@ export var ConditionStep = function ConditionStep(_ref) {
       minConditionLength: minConditionsLength,
       maxConditionLength: maxConditionsLength,
       conditionsNumber: step.conditions.length,
-      onActivate: onActivate,
+      onActivate: handleActivation(condition.id),
       stepId: step.id,
       currentStepId: currentStepId,
       currentConditionId: currentConditionId,
@@ -145,7 +157,7 @@ export var ConditionStep = function ConditionStep(_ref) {
       texts: text,
       stepType: (_step$context2 = step.context) == null ? void 0 : _step$context2.type
     });
-  }, [getPopupContainerOverride, addCondition, currentConditionId, currentField, currentStepId, maxConditionsLength, minConditionsLength, removeCondition, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, step.conditions.length, step.context, step.id, text, onActivate]);
+  }, [getPopupContainerOverride, addCondition, currentConditionId, currentField, currentStepId, maxConditionsLength, minConditionsLength, removeCondition, selectOperator, selectParameter, setStepConditionFactorType, setStepConditionFactorValue, step.conditions.length, step.context, step.id, text, onActivate, activeConditionId, hasPriority]);
   return /*#__PURE__*/React.createElement(S.Step, {
     key: step.id,
     id: "condition-step-" + step.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-condition",
-  "version": "0.12.7",
+  "version": "0.13.0",
   "description": "Condition UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,14 +33,14 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-button": "^0.16.3",
-    "@synerise/ds-context-selector": "^0.8.6",
+    "@synerise/ds-context-selector": "^0.10.0",
     "@synerise/ds-core": "^0.31.2",
     "@synerise/ds-cruds": "^0.3.3",
-    "@synerise/ds-factors": "^0.10.7",
+    "@synerise/ds-factors": "^0.11.0",
     "@synerise/ds-icon": "^0.46.2",
-    "@synerise/ds-inline-edit": "^0.5.7",
-    "@synerise/ds-operators": "^0.6.6",
-    "@synerise/ds-subject": "^0.6.6",
+    "@synerise/ds-inline-edit": "^0.6.0",
+    "@synerise/ds-operators": "^0.7.0",
+    "@synerise/ds-subject": "^0.7.0",
     "@synerise/ds-tooltip": "^0.11.3",
     "@synerise/ds-utils": "^0.19.0",
     "react-sortablejs": "^6.0.0"
@@ -49,5 +49,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "a89cd14cdbe25b06949b3b9763e58a080111c160"
+  "gitHead": "ea9de2181d1be9568be54761a8a0c7940d930a4f"
 }