@synerise/ds-cruds 0.3.42 → 0.4.0

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.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@0.3.43...@synerise/ds-cruds@0.4.0) (2023-12-14)
+
+
+### Features
+
+* **filter:** reorder cruds in filter step conditions ([8d4019b](https://github.com/Synerise/synerise-design/commit/8d4019b49c7579000e093aabbcd31a75626d9c1c))
+
+
+
+
+
+## [0.3.43](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@0.3.42...@synerise/ds-cruds@0.3.43) (2023-12-13)
+
+**Note:** Version bump only for package @synerise/ds-cruds
+
+
+
+
+
 ## [0.3.42](https://github.com/Synerise/synerise-design/compare/@synerise/ds-cruds@0.3.41...@synerise/ds-cruds@0.3.42) (2023-12-11)
 
 **Note:** Version bump only for package @synerise/ds-cruds

package/dist/Cruds.js

@@ -1,11 +1,11 @@
-var _excluded = ["onDelete", "onAdd", "onEdit", "onDuplicate", "onMove", "onRemove", "addTooltip", "editTooltip", "duplicateTooltip", "removeTooltip", "moveTooltip", "deleteTooltip"];
+var _excluded = ["onDelete", "onAdd", "onEdit", "onDuplicate", "onMove", "onRemove", "onMoveUp", "onMoveDown", "moveDownInactive", "moveUpInactive", "addTooltip", "editTooltip", "duplicateTooltip", "removeTooltip", "moveTooltip", "moveUpTooltip", "moveDownTooltip", "deleteTooltip"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import * as React from 'react';
-import { AddS, CloseS, DragHandleM, DuplicateS, EditS, TrashS } from '@synerise/ds-icon';
+import { AddS, CloseS, DragHandleM, DuplicateS, EditS, TrashS, ArrowDownS, ArrowUpS } from '@synerise/ds-icon';
 import * as S from './Cruds.styles';
 import SingleAction from './SingleAction';
 
@@ -16,17 +16,35 @@ var Cruds = function Cruds(_ref) {
       onDuplicate = _ref.onDuplicate,
       onMove = _ref.onMove,
       onRemove = _ref.onRemove,
+      onMoveUp = _ref.onMoveUp,
+      onMoveDown = _ref.onMoveDown,
+      moveDownInactive = _ref.moveDownInactive,
+      moveUpInactive = _ref.moveUpInactive,
       addTooltip = _ref.addTooltip,
       editTooltip = _ref.editTooltip,
       duplicateTooltip = _ref.duplicateTooltip,
       removeTooltip = _ref.removeTooltip,
       moveTooltip = _ref.moveTooltip,
+      moveUpTooltip = _ref.moveUpTooltip,
+      moveDownTooltip = _ref.moveDownTooltip,
       deleteTooltip = _ref.deleteTooltip,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(S.CrudsContainer, _extends({
     className: "ds-cruds"
-  }, rest), onAdd && /*#__PURE__*/React.createElement(SingleAction, {
+  }, rest), onMoveUp && /*#__PURE__*/React.createElement(SingleAction, {
+    title: moveUpTooltip,
+    inactive: moveUpInactive,
+    className: "moveup",
+    onClick: onMoveUp,
+    icon: /*#__PURE__*/React.createElement(ArrowUpS, null)
+  }), onMoveDown && /*#__PURE__*/React.createElement(SingleAction, {
+    title: moveDownTooltip,
+    inactive: moveDownInactive,
+    className: "movedown",
+    onClick: onMoveDown,
+    icon: /*#__PURE__*/React.createElement(ArrowDownS, null)
+  }), onAdd && /*#__PURE__*/React.createElement(SingleAction, {
     title: addTooltip,
     className: "add",
     onClick: onAdd,

package/dist/Cruds.styles.d.ts

@@ -1,2 +1,4 @@
 export declare const CrudsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, {
+    inactive?: boolean | undefined;
+}, never>;

package/dist/Cruds.styles.js

@@ -1,8 +1,8 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 export var CrudsContainer = styled.div.withConfig({
   displayName: "Crudsstyles__CrudsContainer",
   componentId: "sc-14u9591-0"
-})(["display:flex;height:24px;cursor:pointer;.add,.duplicate,.edit,.move{svg{fill:", ";}}.add:hover,.duplicate:hover,.edit:hover,.move:hover{svg{fill:", ";}}.delete,.remove{svg{fill:", ";}}"], function (props) {
+})(["display:flex;height:24px;cursor:pointer;.add,.duplicate,.edit,.move,.moveup,.movedown{svg{fill:", ";}}.add:hover,.duplicate:hover,.edit:hover,.move:hover,.moveup:hover,.movedown:hover{svg{fill:", ";}}.delete,.remove{svg{fill:", ";}}"], function (props) {
   return props.theme.palette['grey-600'];
 }, function (props) {
   return props.theme.palette['blue-600'];
@@ -12,4 +12,6 @@ export var CrudsContainer = styled.div.withConfig({
 export var IconWrapper = styled.div.withConfig({
   displayName: "Crudsstyles__IconWrapper",
   componentId: "sc-14u9591-1"
-})([""]);
+})(["", ""], function (props) {
+  return Boolean(props.inactive) && css(["&&,&&:hover{cursor:default;svg{pointer-events:none;fill:", ";}}"], props.theme.palette['grey-300']);
+});

package/dist/Cruds.types.d.ts

@@ -1,18 +1,24 @@
-import * as React from 'react';
+import { MouseEvent, ReactNode } from 'react';
 import SingleAction from './SingleAction';
 export interface CrudsProps {
-    addTooltip?: React.ReactNode | string;
-    editTooltip?: React.ReactNode | string;
-    duplicateTooltip?: React.ReactNode | string;
-    removeTooltip?: React.ReactNode | string;
-    moveTooltip?: React.ReactNode | string;
-    deleteTooltip?: React.ReactNode | string;
-    onDelete?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onAdd?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onEdit?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onDuplicate?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onMove?: (event?: React.MouseEvent<HTMLElement>) => void;
-    onRemove?: (event?: React.MouseEvent<HTMLElement>) => void;
+    addTooltip?: ReactNode;
+    moveUpTooltip?: ReactNode;
+    moveDownTooltip?: ReactNode;
+    moveUpInactive?: boolean;
+    moveDownInactive?: boolean;
+    editTooltip?: ReactNode;
+    duplicateTooltip?: ReactNode;
+    removeTooltip?: ReactNode;
+    moveTooltip?: ReactNode;
+    deleteTooltip?: ReactNode;
+    onDelete?: (event?: MouseEvent<HTMLElement>) => void;
+    onAdd?: (event?: MouseEvent<HTMLElement>) => void;
+    onEdit?: (event?: MouseEvent<HTMLElement>) => void;
+    onDuplicate?: (event?: MouseEvent<HTMLElement>) => void;
+    onMove?: (event?: MouseEvent<HTMLElement>) => void;
+    onMoveUp?: (event?: MouseEvent<HTMLElement>) => void;
+    onMoveDown?: (event?: MouseEvent<HTMLElement>) => void;
+    onRemove?: (event?: MouseEvent<HTMLElement>) => void;
 }
 export type CrudsSubComponents = {
     CustomAction: typeof SingleAction;

package/dist/SingleAction.js

@@ -5,6 +5,7 @@ import * as S from './Cruds.styles';
 
 var SingleAction = function SingleAction(_ref) {
   var title = _ref.title,
+      inactive = _ref.inactive,
       className = _ref.className,
       _onClick = _ref.onClick,
       icon = _ref.icon,
@@ -12,6 +13,7 @@ var SingleAction = function SingleAction(_ref) {
   return /*#__PURE__*/React.createElement(Tooltip, {
     title: title
   }, /*#__PURE__*/React.createElement(S.IconWrapper, {
+    inactive: inactive,
     className: className,
     onClick: function onClick(e) {
       !!e && e.stopPropagation();

package/dist/SingleAction.types.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 export type SingleActionProps = {
     title: React.ReactNode | string;
     className?: string;
+    inactive?: boolean;
     onClick: () => void;
     icon: React.ReactNode;
     iconSize?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-cruds",
-  "version": "0.3.42",
+  "version": "0.4.0",
   "description": "Cruds UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,8 +33,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.58.8",
-    "@synerise/ds-tooltip": "^0.14.12"
+    "@synerise/ds-icon": "^0.58.9",
+    "@synerise/ds-tooltip": "^0.14.13"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -42,9 +42,9 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.24.22",
+    "@synerise/ds-utils": "^0.24.23",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "5ab278e69cd049334216bc9867cca2ce6a5fc218"
+  "gitHead": "0a23e5f431033a6180383d3e0e19e885b5a66778"
 }