@synerise/ds-step-card 0.12.1 → 0.12.3

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
+
+**Note:** Version bump only for package @synerise/ds-step-card
+
+
+
+
+
+## [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)
+
+
+### Bug Fixes
+
+* **core:** onError fn types ([c34bdfe](https://github.com/Synerise/synerise-design/commit/c34bdfe9da898d7999c605f9fbcbba4716dfb6d4))
+
+
+
+
+
 ## [0.12.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-step-card@0.12.0...@synerise/ds-step-card@0.12.1) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-step-card

package/dist/StepCard.js

@@ -1,13 +1,8 @@
 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; }
-
 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; }
-
 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; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 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); }
-
 import React, { useRef, forwardRef, useEffect, useMemo, useState, createRef } from 'react';
 import { useIntl } from 'react-intl';
 import Matching from '@synerise/ds-logic/dist/Matching/Matching';
@@ -20,31 +15,29 @@ export var REORDER_THROTTLE = 1000;
 var MOVE_SUCCESS_FEEDBACK_DURATION = 2000;
 var StepCard = forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      onDelete = _ref.onDelete,
-      onDuplicate = _ref.onDuplicate,
-      onMove = _ref.onMove,
-      expressionIndex = _ref.expressionIndex,
-      expressionMoved = _ref.expressionMoved,
-      expressionCount = _ref.expressionCount,
-      footer = _ref.footer,
-      matching = _ref.matching,
-      onChangeMatching = _ref.onChangeMatching,
-      texts = _ref.texts,
-      headerRightSide = _ref.headerRightSide,
-      _ref$isHeaderVisible = _ref.isHeaderVisible,
-      isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
-      _ref$readOnly = _ref.readOnly,
-      readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
-      _ref$singleStepCondit = _ref.singleStepCondition,
-      singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
-      getMoveByLabel = _ref.getMoveByLabel,
-      _ref$isDraggable = _ref.isDraggable,
-      isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
-      additionalFields = _ref.additionalFields;
-
+    onDelete = _ref.onDelete,
+    onDuplicate = _ref.onDuplicate,
+    onMove = _ref.onMove,
+    expressionIndex = _ref.expressionIndex,
+    expressionMoved = _ref.expressionMoved,
+    expressionCount = _ref.expressionCount,
+    footer = _ref.footer,
+    matching = _ref.matching,
+    onChangeMatching = _ref.onChangeMatching,
+    texts = _ref.texts,
+    headerRightSide = _ref.headerRightSide,
+    _ref$isHeaderVisible = _ref.isHeaderVisible,
+    isHeaderVisible = _ref$isHeaderVisible === void 0 ? true : _ref$isHeaderVisible,
+    _ref$readOnly = _ref.readOnly,
+    readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
+    _ref$singleStepCondit = _ref.singleStepCondition,
+    singleStepCondition = _ref$singleStepCondit === void 0 ? false : _ref$singleStepCondit,
+    getMoveByLabel = _ref.getMoveByLabel,
+    _ref$isDraggable = _ref.isDraggable,
+    isDraggable = _ref$isDraggable === void 0 ? true : _ref$isDraggable,
+    additionalFields = _ref.additionalFields;
   var _useIntl = useIntl(),
-      formatMessage = _useIntl.formatMessage;
-
+    formatMessage = _useIntl.formatMessage;
   var text = useMemo(function () {
     return _objectSpread({
       matching: formatMessage({
@@ -63,7 +56,8 @@ var StepCard = forwardRef(function (_ref, ref) {
         id: 'DS.STEP-CARD.NAME-PLACEHOLDER'
       }),
       moveTooltip: formatMessage({
-        id: 'DS.STEP-CARD.MOVE'
+        id: 'DS.STEP-CARD.MOVE',
+        defaultMessage: 'Move'
       }),
       moveUpTooltip: formatMessage({
         id: 'DS.STEP-CARD.MOVE-UP',
@@ -81,19 +75,15 @@ var StepCard = forwardRef(function (_ref, ref) {
       })
     }, texts);
   }, [formatMessage, texts]);
-
   var _useState = useState(0),
-      moveByOffset = _useState[0],
-      setMoveByOffset = _useState[1];
-
+    moveByOffset = _useState[0],
+    setMoveByOffset = _useState[1];
   var moveUpInactive = expressionIndex + moveByOffset <= 0;
   var moveDownInactive = expressionIndex + moveByOffset >= expressionCount - 1;
   var timeoutMovedRef = useRef(null);
-
   var _useState2 = useState(expressionMoved),
-      recentlyMoved = _useState2[0],
-      setRecentlyMoved = _useState2[1];
-
+    recentlyMoved = _useState2[0],
+    setRecentlyMoved = _useState2[1];
   var spinnerRef = createRef();
   var countDownSpinnerElement = /*#__PURE__*/React.createElement(S.CountDownWrapper, null, /*#__PURE__*/React.createElement("svg", {
     viewBox: "0 0 24 24"
@@ -110,7 +100,6 @@ var StepCard = forwardRef(function (_ref, ref) {
     fill: "transparent",
     transform: "rotate(-90,12,12)"
   }))));
-
   var resetAnimation = function resetAnimation() {
     if (spinnerRef.current && spinnerRef.current.parentElement) {
       var svgGroupElem = spinnerRef.current.parentElement;
@@ -118,7 +107,6 @@ var StepCard = forwardRef(function (_ref, ref) {
       svgGroupElem.style.strokeDashoffset = '75';
     }
   };
-
   var startAnimation = function startAnimation() {
     if (spinnerRef.current && spinnerRef.current.parentElement) {
       var svgGroupElem = spinnerRef.current.parentElement;
@@ -127,21 +115,18 @@ var StepCard = forwardRef(function (_ref, ref) {
       svgGroupElem.style.strokeDashoffset = '40';
     }
   };
-
   var onMoveUp = function onMoveUp() {
     if (!moveUpInactive) {
       resetAnimation();
       setMoveByOffset(moveByOffset - 1);
     }
   };
-
   var onMoveDown = function onMoveDown() {
     if (!moveDownInactive) {
       resetAnimation();
       setMoveByOffset(moveByOffset + 1);
     }
   };
-
   useEffect(function () {
     if (expressionMoved) {
       setRecentlyMoved(expressionMoved);
@@ -149,39 +134,31 @@ var StepCard = forwardRef(function (_ref, ref) {
         return setRecentlyMoved(false);
       }, MOVE_SUCCESS_FEEDBACK_DURATION);
     }
-
     return resetMoveSuccess;
   }, [expressionMoved, expressionIndex]);
-
   var resetMoveSuccess = function resetMoveSuccess() {
     timeoutMovedRef.current && clearTimeout(timeoutMovedRef.current);
     setRecentlyMoved(false);
   };
-
   useEffect(function () {
     var timer;
     var timer2;
-
     if (moveByOffset !== 0) {
       timer = setTimeout(function () {
         onMove(expressionIndex, moveByOffset);
         setMoveByOffset(0);
       }, REORDER_THROTTLE);
     }
-
     resetAnimation();
-
     if (moveByOffset) {
       timer2 = setTimeout(startAnimation, 0);
     }
-
     return function () {
       timer && clearTimeout(timer);
       timer2 && clearTimeout(timer2);
     };
   });
   var moveByOffsetLabel = getMoveByLabel ? getMoveByLabel(moveByOffset) : "Move " + Math.abs(moveByOffset) + " " + (moveByOffset < 0 ? 'up' : 'down') + "...";
-
   var renderRightSide = function renderRightSide() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, !readOnly && /*#__PURE__*/React.createElement(S.CrudsWrapper, null, /*#__PURE__*/React.createElement(S.MoveByOffset, {
       offset: moveByOffset
@@ -203,7 +180,6 @@ var StepCard = forwardRef(function (_ref, ref) {
       message: "Moved"
     })), headerRightSide);
   };
-
   return /*#__PURE__*/React.createElement(S.Container, {
     ref: ref
   }, isHeaderVisible && /*#__PURE__*/React.createElement(S.Header, {

package/dist/StepCard.styles.d.ts

@@ -12,7 +12,7 @@ export declare const MoveByOffset: import("styled-components").StyledComponent<"
     offset: number;
 }, never>;
 export declare const CrudsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DragIcon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {}, never>;
+export declare const DragIcon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {}, never>;
 export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeftSide: import("styled-components").StyledComponent<"div", any, {
     readOnly?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-step-card",
-  "version": "0.12.1",
+  "version": "0.12.3",
   "description": "StepCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,18 +34,18 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^0.8.37",
-    "@synerise/ds-cruds": "^0.5.28",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-logic": "^0.9.1",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1",
-    "react-intl": "6.8.4"
+    "@synerise/ds-alert": "^0.8.39",
+    "@synerise/ds-cruds": "^0.5.30",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-logic": "^0.9.3",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 17.0.2",
+    "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }