@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 +8 -0
- package/dist/StepCard.js +26 -51
- package/package.json +7 -7
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
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
-
|
|
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
|
-
|
|
88
|
-
|
|
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
|
-
|
|
96
|
-
|
|
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.
|
|
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
|
-
"@synerise/ds-cruds": "^0.5.
|
|
39
|
-
"@synerise/ds-icon": "^0.67.
|
|
40
|
-
"@synerise/ds-logic": "^0.9.
|
|
41
|
-
"@synerise/ds-typography": "^0.16.
|
|
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": "
|
|
50
|
+
"gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
|
|
51
51
|
}
|