@synerise/ds-step-card 0.12.2 → 0.12.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.12.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.12.2...@synerise/ds-step-card@0.12.3) (2024-11-28)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-step-card
9
+
10
+
11
+
12
+
13
+
6
14
  ## [0.12.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.12.1...@synerise/ds-step-card@0.12.2) (2024-11-21)
7
15
 
8
16
 
package/dist/StepCard.js CHANGED
@@ -1,13 +1,8 @@
1
1
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
2
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
3
  function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
6
-
7
4
  function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
8
-
9
5
  function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
10
-
11
6
  import React, { useRef, forwardRef, useEffect, useMemo, useState, createRef } from 'react';
12
7
  import { useIntl } from 'react-intl';
13
8
  import Matching from '@synerise/ds-logic/dist/Matching/Matching';
@@ -20,31 +15,29 @@ export var REORDER_THROTTLE = 1000;
20
15
  var MOVE_SUCCESS_FEEDBACK_DURATION = 2000;
21
16
  var StepCard = forwardRef(function (_ref, ref) {
22
17
  var children = _ref.children,
23
- onDelete = _ref.onDelete,
24
- onDuplicate = _ref.onDuplicate,
25
- onMove = _ref.onMove,
26
- expressionIndex = _ref.expressionIndex,
27
- expressionMoved = _ref.expressionMoved,
28
- expressionCount = _ref.expressionCount,
29
- footer = _ref.footer,
30
- matching = _ref.matching,
31
- onChangeMatching = _ref.onChangeMatching,
32
- texts = _ref.texts,
33
- headerRightSide = _ref.headerRightSide,
34
- _ref$isHeaderVisible = _ref.isHeaderVisible,
35
- isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
36
- _ref$readOnly = _ref.readOnly,
37
- readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
38
- _ref$singleStepCondit = _ref.singleStepCondition,
39
- singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
40
- getMoveByLabel = _ref.getMoveByLabel,
41
- _ref$isDraggable = _ref.isDraggable,
42
- isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
43
- additionalFields = _ref.additionalFields;
44
-
18
+ onDelete = _ref.onDelete,
19
+ onDuplicate = _ref.onDuplicate,
20
+ onMove = _ref.onMove,
21
+ expressionIndex = _ref.expressionIndex,
22
+ expressionMoved = _ref.expressionMoved,
23
+ expressionCount = _ref.expressionCount,
24
+ footer = _ref.footer,
25
+ matching = _ref.matching,
26
+ onChangeMatching = _ref.onChangeMatching,
27
+ texts = _ref.texts,
28
+ headerRightSide = _ref.headerRightSide,
29
+ _ref$isHeaderVisible = _ref.isHeaderVisible,
30
+ isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
31
+ _ref$readOnly = _ref.readOnly,
32
+ readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
33
+ _ref$singleStepCondit = _ref.singleStepCondition,
34
+ singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
35
+ getMoveByLabel = _ref.getMoveByLabel,
36
+ _ref$isDraggable = _ref.isDraggable,
37
+ isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
38
+ additionalFields = _ref.additionalFields;
45
39
  var _useIntl = useIntl(),
46
- formatMessage = _useIntl.formatMessage;
47
-
40
+ formatMessage = _useIntl.formatMessage;
48
41
  var text = useMemo(function () {
49
42
  return _objectSpread({
50
43
  matching: formatMessage({
@@ -82,19 +75,15 @@ var StepCard = forwardRef(function (_ref, ref) {
82
75
  })
83
76
  }, texts);
84
77
  }, [formatMessage, texts]);
85
-
86
78
  var _useState = useState(0),
87
- moveByOffset = _useState[0],
88
- setMoveByOffset = _useState[1];
89
-
79
+ moveByOffset = _useState[0],
80
+ setMoveByOffset = _useState[1];
90
81
  var moveUpInactive = expressionIndex + moveByOffset <= 0;
91
82
  var moveDownInactive = expressionIndex + moveByOffset >= expressionCount - 1;
92
83
  var timeoutMovedRef = useRef(null);
93
-
94
84
  var _useState2 = useState(expressionMoved),
95
- recentlyMoved = _useState2[0],
96
- setRecentlyMoved = _useState2[1];
97
-
85
+ recentlyMoved = _useState2[0],
86
+ setRecentlyMoved = _useState2[1];
98
87
  var spinnerRef = createRef();
99
88
  var countDownSpinnerElement = /*#__PURE__*/React.createElement(S.CountDownWrapper, null, /*#__PURE__*/React.createElement("svg", {
100
89
  viewBox: "0 0 24 24"
@@ -111,7 +100,6 @@ var StepCard = forwardRef(function (_ref, ref) {
111
100
  fill: "transparent",
112
101
  transform: "rotate(-90,12,12)"
113
102
  }))));
114
-
115
103
  var resetAnimation = function resetAnimation() {
116
104
  if (spinnerRef.current && spinnerRef.current.parentElement) {
117
105
  var svgGroupElem = spinnerRef.current.parentElement;
@@ -119,7 +107,6 @@ var StepCard = forwardRef(function (_ref, ref) {
119
107
  svgGroupElem.style.strokeDashoffset = '75';
120
108
  }
121
109
  };
122
-
123
110
  var startAnimation = function startAnimation() {
124
111
  if (spinnerRef.current && spinnerRef.current.parentElement) {
125
112
  var svgGroupElem = spinnerRef.current.parentElement;
@@ -128,21 +115,18 @@ var StepCard = forwardRef(function (_ref, ref) {
128
115
  svgGroupElem.style.strokeDashoffset = '40';
129
116
  }
130
117
  };
131
-
132
118
  var onMoveUp = function onMoveUp() {
133
119
  if (!moveUpInactive) {
134
120
  resetAnimation();
135
121
  setMoveByOffset(moveByOffset - 1);
136
122
  }
137
123
  };
138
-
139
124
  var onMoveDown = function onMoveDown() {
140
125
  if (!moveDownInactive) {
141
126
  resetAnimation();
142
127
  setMoveByOffset(moveByOffset + 1);
143
128
  }
144
129
  };
145
-
146
130
  useEffect(function () {
147
131
  if (expressionMoved) {
148
132
  setRecentlyMoved(expressionMoved);
@@ -150,39 +134,31 @@ var StepCard = forwardRef(function (_ref, ref) {
150
134
  return setRecentlyMoved(false);
151
135
  }, MOVE_SUCCESS_FEEDBACK_DURATION);
152
136
  }
153
-
154
137
  return resetMoveSuccess;
155
138
  }, [expressionMoved, expressionIndex]);
156
-
157
139
  var resetMoveSuccess = function resetMoveSuccess() {
158
140
  timeoutMovedRef.current && clearTimeout(timeoutMovedRef.current);
159
141
  setRecentlyMoved(false);
160
142
  };
161
-
162
143
  useEffect(function () {
163
144
  var timer;
164
145
  var timer2;
165
-
166
146
  if (moveByOffset !== 0) {
167
147
  timer = setTimeout(function () {
168
148
  onMove(expressionIndex, moveByOffset);
169
149
  setMoveByOffset(0);
170
150
  }, REORDER_THROTTLE);
171
151
  }
172
-
173
152
  resetAnimation();
174
-
175
153
  if (moveByOffset) {
176
154
  timer2 = setTimeout(startAnimation, 0);
177
155
  }
178
-
179
156
  return function () {
180
157
  timer && clearTimeout(timer);
181
158
  timer2 && clearTimeout(timer2);
182
159
  };
183
160
  });
184
161
  var moveByOffsetLabel = getMoveByLabel ? getMoveByLabel(moveByOffset) : "Move " + Math.abs(moveByOffset) + " " + (moveByOffset < 0 ? 'up' : 'down') + "...";
185
-
186
162
  var renderRightSide = function renderRightSide() {
187
163
  return /*#__PURE__*/React.createElement(React.Fragment, null, !readOnly && /*#__PURE__*/React.createElement(S.CrudsWrapper, null, /*#__PURE__*/React.createElement(S.MoveByOffset, {
188
164
  offset: moveByOffset
@@ -204,7 +180,6 @@ var StepCard = forwardRef(function (_ref, ref) {
204
180
  message: "Moved"
205
181
  })), headerRightSide);
206
182
  };
207
-
208
183
  return /*#__PURE__*/React.createElement(S.Container, {
209
184
  ref: ref
210
185
  }, isHeaderVisible && /*#__PURE__*/React.createElement(S.Header, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-step-card",
3
- "version": "0.12.2",
3
+ "version": "0.12.3",
4
4
  "description": "StepCard UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,11 +34,11 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-alert": "^0.8.38",
38
- "@synerise/ds-cruds": "^0.5.29",
39
- "@synerise/ds-icon": "^0.67.0",
40
- "@synerise/ds-logic": "^0.9.2",
41
- "@synerise/ds-typography": "^0.16.6",
37
+ "@synerise/ds-alert": "^0.8.39",
38
+ "@synerise/ds-cruds": "^0.5.30",
39
+ "@synerise/ds-icon": "^0.67.1",
40
+ "@synerise/ds-logic": "^0.9.3",
41
+ "@synerise/ds-typography": "^0.16.7",
42
42
  "@synerise/ds-utils": "^0.31.2"
43
43
  },
44
44
  "peerDependencies": {
@@ -47,5 +47,5 @@
47
47
  "react-intl": ">=3.12.0 <= 6.8",
48
48
  "styled-components": "5.0.1"
49
49
  },
50
- "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
50
+ "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
51
51
  }